手机网站开发HTML5之viewport使用
html5的viewport使我们开发出来的应用或页面大小能适合各种手机不同的分辨率，不同屏幕大小。viewport 语法介绍：<meta name="viewport" content=" height = [pixel_value | device-height], width = [pixel_value | device-width ], initial-scale = float_value...
JavaScript实现图片懒加载非可视区域延迟加载
术”。 首先，要实现这项技术，我们需要将服务端输出的网页中的所有的 IMG 标签的 SRC 属性给屏蔽掉，只有屏蔽掉了 SRC 属性，图片就不会自动被加载，关于如何将图片中的 SRC 属性去掉，在静态页面上，可以手动的去掉 IMG 标签的 SRC 属性；在动态的内容上，特别是这些 HTML 内容在数据库中已经存在了，我们可以在读取时将图片标签内容进行替换处理。下面以 PHP 为例，替换图片标签 SRC...
Chrome插件在高版本浏览器中安装报错解决
n 1 或以下版本；"Permission" 配置项里面的 'http://*' 和 'https://*' 是一个未知的或者该URL模式是畸形的。于是去除上面的配置项。 然后又出现问题了，Popup页面不能展示。在网上找了下资料，发现 manifest version 2 的 "browser_action" 配置项做了修改，名字由 "popup" 改为 "default_popup"。修改后问题解...
HTML锚点效果改进平滑移动页面滚动特效实现
目前市面上有很多网站的链接上都带有锚点，锚点的作用是当用户到达这个页面后，可以快速的定位到某个元素的位置。使用锚点后，一旦网页加载完成，页面就会快速的滚动到锚点处，如果锚点在页面底部，则页面将滚动到网页底部，使得页面底部完全展现出来。直接使用原生的锚点有个弊端，就是速度太快，用户可能不能察觉到它移动的过程，给用户的感觉不太好，于是有些网站改进了锚点的效果，使得页面在移动时有个缓冲期，下面描述其改进原...
前端技术之导航栏浮动最佳实践
关于网页的导航菜单，特别是后台，最古老的做法就是使用 FrameSet。到现在 FrameSet 的这种做法已经过时，并且会带来很多安全问题。于是很多网站在前台都使用浮动的方式来解决这个问题，当页面向上滚动时，到了一定的位置，DIV 导航栏会固定住，这样用户在页面任何位置都能看到重要的导航区域。另外有一种做法用户体验也比较好，比如在腾讯网，当用户稍微向上滚动的时候会出现横向的导航栏，向下滚动导航栏不...
LMLPHP官方网站已经全站支持HTTPS
，导致浏览器的 HTTPS 绿色标签很难看。 关于图片连接问题，图片连接最好是本站的，如果不是本站的资源，也尽量在网站建设的时候不要明确写清使用的协议，A 标签中使用 // 作为地址前缀，这样就会跟随页面协议。如果是外站资源不支持 HTTPS，那是没有办法的，如果可以的话，下载到站内做链接。这里可以看出 QQ 的开放平台的用户头像比 Weibo 的要好，QQ 的头像是支持 HTTPS 的。图片其实不算...
轻量级开源博客兼CMS系统LBlog发布
址：/user/register系统后台目前完全采用动态 WebApp 技术，超链接暂时没有带锚点，后期可能会加上。目前支持图片，文章，分类，配置等的管理功能。后期可能会加上视频管理。后台支持正则创建页面，页面支持模版渲染和原生 PHP 程序支持，先渲染模板后解析 PHP 代码。为了安全，建议不要写原生 PHP 代码。模板正则优先级低于系统内置路由，如果切换模板，且系统默认路由的模板文件不存在的情况下...
HTML5 history API改变浏览器地址无需hash和刷新加载页面
现在很多网站的前端做的非常炫，点击某个链接瞬间改变浏览器的地址栏的地址，改变的方式不是使用锚点，而是直接改变 URL，页面稍后局部加载完成。如果直接复制页面地址在新的浏览器选项卡中打开则是全部加载整个页面。这样的前端技术体验，一开始让我和很多的前端工程师觉得现有的知识不可能做到。后来才了解到，在一般的比较老的浏览器中是不可能实现的，需要在 Chrome, Safari, FF4+, and IE10...
LMLPHP官方网站兼博客移动站上线
经过周日的努力，一下午加晚上，LMLPHP 官方网站手机站和 LMLPHP 官方博客手机站正式上线。目前所有页面在 MI2 的自带浏览器，UC浏览器，百度浏览器和 Samsung Galaxy S4 mini 的 QQ 浏览器上显示均正常，效果还算比较满意，毕竟同样的内容要兼容在不同尺寸的设备上显示出来还是有些难度的。 在做手机站的时候，站点宽度设置都是100%，基本没有特别指定的宽度，HTML 结...
referer 只有域名的问题
确定，大家只能遵守！Chrome85 的 referer 策略修改 原本默认的 referer 策略（policy）是no-referrer-when-downgrade，即允许referer带上来源页面地址上的请求参数，Chrome85将策略修改为strict-origin-when-cross-origin，即如果请求地址与请求页面非同源，将只携带请求的域名，不会再带上来源页面地址的请求参数。 为...