GLAD TO SEE U, WELCOME TO YANGZJ1992 'S BLOG.

每一个不曾起舞的日子都是对生命的辜负 —— 尼采 《查拉图斯特拉如是说》

前端兼容性问题汇总

简述 作为前端一名晚辈,很遗憾没有赶上调试 IE6 的日子 ~\(≧▽≦)/~ 奈何各浏览器大佬毕竟现在还是不肯一起干,非自己搞标准,浏览器各个版本还d都自己搞内讧。所以前端兼容性问题注定还是一场长期艰苦的抗战。。所以这里自己记一下遇到的一些兼容性问题等等,供大家参考。 从浏览器内核的角度 来看,浏览器兼容性问题可分为以下三类: 渲染相关:和样式相关的问题,即体现在布局效果上的问题。 脚本相关:和脚本相关的问题,包括 JavaScri

|

Read More...


安卓设备 scrolltop 方法无法正常执行

问题情况 今天遇到一个问题,在 Android 设备下 scrollTop() 方法无法正常执行。 解决办法 相关参考了一些解决办法之后,解决办法大致如下: CSS + JS: 原理在于这个问题发生在 overflow 属性为 scroll 时 1 2 3 4 5 .androidFix { overflow:hidden !important; overflow-y:hidden !important;

|

Read More...


关于 Chrome 报错 net::ERR_INCOMPLETE_CHUNKED_ENCODING 的解决方案

背景 今天遇到一个 bug ,这个 bug 很神奇,在 Chrome 下刷新项目页时会报错 net::ERR_INCOMPLETE_CHUNKED_ENCODING 而显示不出网页,在 Safari 和 Firefox 下正常。查了一下这个错误的网上的解决方案。众说纷纭比较多,由于这个 bug 着实查着改了很久..这里进行一个总结,来帮助可能被坑的后来人。 bug 描述及解决办法 在某项目页中,后台传给我了一串比较长的 json 数据,

|

Read More...


微信手机端官方推荐调试服务————微信、手Q、Qzone之x5内核inspect调试解决方案

更新(2016.1.11) 1 月 11 号微信推出了新版调试工具,告别这复杂的配置,试试新版调试工具吧。 过程转载+记录补充 微信平台调试之麻烦各位同学应该都是有目共睹的,今天在遇到问题时无意间发现了官方推荐的调试解决方案,在安装完成后感觉不错,所以这里记录一下安装过程,并把遇到的一些问题也记录下来,供可能以后遇到问题的同学查看。 调试原理如下图:原帖地址 具体过程大致与原帖相似。 1、安装微信最新版本 2、下载 TbsSuiteN

|

Read More...


关于表单input type="number"非法值时的一些探究及拓展

问题描述 需求是这样的 今天在处理表单验证时发现了一个很诡异的现象,遂记录下来。 事情是这样的: 产品 MM 提了个需求,在微信端要求做一个表单,提交一些信息,然后其中有一个 input 需要直接调用数字键盘 最初思路 既然调用数字键盘,那么 input type 肯定就是 number 或者 tel。因为 tel 不能输入小数点,所以input type就为 number 了,然后在填表单时要做一些验证来及时反馈吧,所以代码大概就是这

|

Read More...


由一次浏览器控件重绘问题概述浏览器重排、重绘、渲染机制

问题描述 今天遇到了传说中的页面重排 BUG,导致页面本来应该显示出来的内容在页面上显示不出来,具体效果及代码大概如下。 从图中可以看到浏览器 Elements 面板中已经包含了本该显示的元素,但是页面中却没有显示,只是保留了元素占用的空间。而只要再点击一次触发一次页面重排,或是修改 background-color 属性,触发一次页面重绘,就可以恢复正常。 在正常的重绘过程中,浏览器会执行重绘如下图,而在上述问题中,则没有此重绘操作

|

Read More...


奇迹每天都在发生 (Miracles happen every day) —— 《阿甘正传》