在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也…
使用php来实现： 1、推荐的一种方法：php判断搜索引擎蜘蛛爬虫还是人为访问代码,摘自Discuz x3.2 <?php function checkrobot($useragent=''){ static $kw_spiders = array('bot', 'crawl', 'spider' ,'slurp'…
怎么判断页面中的图片已经加载完成？下面直接进入主题： （1）、单张图片（图片在文档中） // HTML <img id='xiu' src="http://www.daqianduan.com/wp-content/uploads/2014/11/hs-xiu.jpg"> //js $(document).ready(function(){ //jquery $('#xiu').load(function(){ // 加载完成 }); /…
【背景】 如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧； 如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧； 如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧； web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触web前端研发至今已然有…
jQuery 1.9把所有在之前版本里标记为deprecated的api都正式删除了，彻底不再向后兼容。对于升级到最新jQuery的童鞋而言，这意味着得花费一些额外的时间把代码升级使用新的api，或者自己另外实现这些被删除的方法。幸运的是，jQuery团队意识到了这个break change带来的种种不便，推出了一个叫jQuery Migrate插件，用于能够自动恢复那些在最新版本里被废弃的API。只要引用了这个插件，已有的js代码无须改动就能和最新的jQuery库一起正常运行。当开发者需要在代码中使用新版本的jQ…
rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位…
最近在折腾一个半开源的建站程序（什么叫半开源？你懂得！），给客户把模板做好了，网站放到服务器上了，客户那边把数据也都上传了很多，但是突然发现分页出现了问题，域名成了localhost，然后就是各种查找原因，重新安装部署，问题依旧没法解决，将文件和数据库全部搬到本地来确是好好的，开始也没想着是程序有问题（这个建站程序还算比较成熟），所以折腾了好久，最后没办法了看了看分页程序是怎么写的，原来是_SERVER["SERVER_NAME"]惹的祸，服务器是linux的，_SERVER["SERVER_NAME"]的值是Ap…
今天处理了一个bug，代码是另一个同事写的，遇到了这个问题，导致非ie浏览器无法使用，下面说说解决方法 首先先分析几个事件： onpropertychange事件，顾名思义，就是property(属性)change(改变)的时候，触发事件。这是IE专有的！如果想兼容其它浏览器，有个类似的事件，oninput，还有另外一个事件，onchange。 onpropertychange会在设置disable=true的时候失效，而且onpropertychange是在触发对象改变任何属性时都会触发。 onpropertyc…
chrome表单自动填充后，input文本框的背景会变成黄色的，通过审查元素可以看到这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 在有些情况下，这个黄色的背景会影响到我们界面的效果，尤其是在我们给input文本框使用图片背景的时候，原来的圆角和边框都…