摘要: 最初,在编写CSS的时候,我们往往想到哪儿就写到哪儿,它们之间的关联性和有序性并不在考虑之中。但随着代码量的增加,亦或是多人共同开发,CSS的编写规范变得重要起来了。本文通过三个方面,总结出CSS编写的最佳实践。一来强制自己按照规范编写CSS,二来可以推广到团队使用。 层级规范(从高到低) Popo 阅读全文
posted @ 2017-03-24 11:48 Liaofy 阅读(443) 评论(0) 推荐(0) 编辑
摘要: 表单验证是前端开发过程中常见的一个需求,产品需求、业务逻辑的不同,表单验证的方式方法也有所区别。而最重要的是我们要清楚,表单验证的核心原则是——错误信息提示准确,并且尽可能少的打扰/干扰用户的输入和体验。 该插件依赖于jQuery,demo地址: "点击" 基于以上原则,个人总结出表单验证的通用方法 阅读全文
posted @ 2017-03-22 13:15 Liaofy 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 如题,我使用 方法请求数据,在现代浏览器中工作正常,但在 IE 8 下,会有报错:no transport 从 stackoverflow 中获知,出现这个问题是因为 IE 8 不支持 Cross Origin Resorece Share XHR 请求,所以不能通过原生的 XHR 或者 $.aja 阅读全文
posted @ 2017-03-22 11:53 Liaofy 阅读(2651) 评论(0) 推荐(0) 编辑
摘要: ` ` 阅读全文
posted @ 2017-03-22 11:12 Liaofy 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 首先我们观察一组案例: HTML结构很简单: 仔细观察图片,我们可以看到在图片的右侧和底部分别有4px、2px的空隙,一般来说,我们并不需要它们。那要怎么除掉呢? 方法一:display: block; 添加样式 就可以了,如图: 就此,我们还可以推断出下面的方案: 方法二:float:left; 阅读全文
posted @ 2017-03-20 11:31 Liaofy 阅读(624) 评论(0) 推荐(0) 编辑
摘要: 写在最前的最后:整篇文章絮絮叨叨说了半天,我得出一个最佳实践:和button标签say goodbay,用 a 标签模拟之。 首先看一个在chrome 下的简单demo 这样的布局在组件开发中再常见不过了!我们先不管 css 圆角属性不兼容 IE 9 的问题,单论 继续添加 和 点击上传 这两个`` 阅读全文
posted @ 2017-03-16 10:02 Liaofy 阅读(192) 评论(0) 推荐(0) 编辑
摘要: navigator.userAgent : userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 navigator.platform : platform 属性是一个只读的字符串,声明了运行浏览器的操作系统和(或)硬件平台。 判断浏览器类型 IE浏览器 I 阅读全文
posted @ 2017-03-15 19:23 Liaofy 阅读(856) 评论(0) 推荐(0) 编辑
摘要: 下载DEMO:https://github.com/CaptainLiao/zujian/tree/master/Upload 对于现代浏览器来说,要实现图片预览非常简单: 1、 "fileReader.readAsDataURL(file)" 2、window.URL.createObjectUR 阅读全文
posted @ 2017-03-15 14:16 Liaofy 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 表单验证是一个网站或应用的重点,一条合适的错误提示不仅可以减少无效信息录入,更会给用户留下良好的使用体验。但表单设计千差万别,用户输入更不可控。一方面,我们要减少出错提示(这会引起用户反感),而另一方面,我们则希望得到足够多的有效信息。鱼和熊掌如何兼得? 写一个简单的表单验证:http://www. 阅读全文
posted @ 2017-03-14 19:53 Liaofy 阅读(1124) 评论(0) 推荐(0) 编辑
摘要: BUG描述 在 ios 微信浏览器或原生浏览器中,主内容容器 在文档流内,并且 。在其之上有一个 fixed 定位的弹出层 ,滚动 到底部,继续滚动会触发底层容器 开始滚动。 期望结果 滚动弹出层 ,底层容器 不会触发滚动 解决方案 google搜的方案基本上都不能完全解决问题...... 经过各种 阅读全文
posted @ 2017-03-13 18:58 Liaofy 阅读(1636) 评论(0) 推荐(0) 编辑