2017年3月22日
【表单验证】基于jQuery的高度灵活的表单验证（无UI）
摘要： 表单验证是前端开发过程中常见的一个需求，产品需求、业务逻辑的不同，表单验证的方式方法也有所区别。而最重要的是我们要清楚，表单验证的核心原则是——错误信息提示准确，并且尽可能少的打扰/干扰用户的输入和体验。 该插件依赖于jQuery，demo地址： "点击" 基于以上原则，个人总结出表单验证的通用方法 阅读全文
posted @ 2017-03-22 13:15 Liaofy 阅读(253) 评论(0) 推荐(0) 编辑
【bug】—— IE8 ajax 报错：no transport
摘要： 如题，我使用 方法请求数据，在现代浏览器中工作正常，但在 IE 8 下，会有报错：no transport 从 stackoverflow 中获知，出现这个问题是因为 IE 8 不支持 Cross Origin Resorece Share XHR 请求，所以不能通过原生的 XHR 或者 $.aja 阅读全文
posted @ 2017-03-22 11:53 Liaofy 阅读(2623) 评论(0) 推荐(0) 编辑
IE 8-不支持 placeholder 解决方法
摘要： ` ` 阅读全文
posted @ 2017-03-22 11:12 Liaofy 阅读(282) 评论(0) 推荐(0) 编辑
2017年3月20日
【css】—— inline-block 4px 和图片底部 2px bug
摘要： 首先我们观察一组案例： HTML结构很简单： 仔细观察图片，我们可以看到在图片的右侧和底部分别有4px、2px的空隙，一般来说，我们并不需要它们。那要怎么除掉呢？ 方法一：display: block; 添加样式 就可以了，如图： 就此，我们还可以推断出下面的方案： 方法二：float：left; 阅读全文
posted @ 2017-03-20 11:31 Liaofy 阅读(619) 评论(0) 推荐(0) 编辑
2017年3月16日
由button标签在 IE 8.0 下的异常表现引发的一场血案
摘要： 写在最前的最后：整篇文章絮絮叨叨说了半天，我得出一个最佳实践：和button标签say goodbay，用 a 标签模拟之。 首先看一个在chrome 下的简单demo 这样的布局在组件开发中再常见不过了！我们先不管 css 圆角属性不兼容 IE 9 的问题，单论 继续添加 和 点击上传 这两个`` 阅读全文
posted @ 2017-03-16 10:02 Liaofy 阅读(187) 评论(0) 推荐(0) 编辑
2017年3月15日
【javascript】—— JS判断浏览器类型、操作系统
摘要： navigator.userAgent : userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。 navigator.platform : platform 属性是一个只读的字符串，声明了运行浏览器的操作系统和（或）硬件平台。 判断浏览器类型 IE浏览器 I 阅读全文
posted @ 2017-03-15 19:23 Liaofy 阅读(842) 评论(0) 推荐(0) 编辑
【javascrpt】——图片预览和上传，兼容IE 9-
摘要： 下载DEMO：https://github.com/CaptainLiao/zujian/tree/master/Upload 对于现代浏览器来说，要实现图片预览非常简单： 1、 "fileReader.readAsDataURL(file)" 2、window.URL.createObjectUR 阅读全文
posted @ 2017-03-15 14:16 Liaofy 阅读(537) 评论(0) 推荐(0) 编辑
2017年3月14日
【正则】——深入正则表达式，手写常用正则表单验证
摘要： 表单验证是一个网站或应用的重点，一条合适的错误提示不仅可以减少无效信息录入，更会给用户留下良好的使用体验。但表单设计千差万别，用户输入更不可控。一方面，我们要减少出错提示（这会引起用户反感），而另一方面，我们则希望得到足够多的有效信息。鱼和熊掌如何兼得？ 写一个简单的表单验证:http://www. 阅读全文
posted @ 2017-03-14 19:53 Liaofy 阅读(1114) 评论(0) 推荐(0) 编辑
2017年3月13日
【bug】—— ios scroll 滚动穿透
摘要： BUG描述 在 ios 微信浏览器或原生浏览器中，主内容容器 在文档流内，并且 。在其之上有一个 fixed 定位的弹出层 ，滚动 到底部，继续滚动会触发底层容器 开始滚动。 期望结果 滚动弹出层 ,底层容器 不会触发滚动 解决方案 google搜的方案基本上都不能完全解决问题...... 经过各种 阅读全文
posted @ 2017-03-13 18:58 Liaofy 阅读(1627) 评论(0) 推荐(0) 编辑
【bug】—— H5页面在 ios 端滑动不流畅的问题
摘要： IOS系统的惯性滑动效果非常6，但是当我们对div加overflow y:auto;后是不会出这个效果的，滑动的时候会感觉很生涩。怎么办？ 方案一： 在滚动容器内加 但这个方案有一个问题，在页面内具有多个 的情况下，那些具有 绝对定位（absolute, fixed） 属性的元素，也会跟着滚动。 方 阅读全文
posted @ 2017-03-13 15:57 Liaofy 阅读(9194) 评论(0) 推荐(1) 编辑