03 2017 档案

gulp 搭建个人工作流：文件注入、热启动、跨域
摘要：个人比价推崇前后端分离的开发方式，大家伙各司其职，只需通过 API 进行交流，不仅避免了沟通上的成本，更提升了开发效率。而在前端开发工作中，许多需求和问题是相似的，所以我们的开发模式往往是雷同的，是否能够总结出一套通用的模式呢？ （备份一个webpack的中文网站：https://angular.c 阅读全文
posted @ 2017-03-28 17:32 Liaofy 阅读(1249) 评论(0) 推荐(0)
【Node】node.js实现服务器的反向代理，解决跨域问题
摘要：跨域对于前端来说是一个老大难的问题，许多方法如 、`document.domain + iframe nginx node.js`来做。 3月28更新： 在实现完功能后，我考虑将它做成一个可供任意项目调用的模块，简化其使用方法，预想的调用方式为： start.js 在CMD中切换到文件所在地址，键入 阅读全文
posted @ 2017-03-27 18:31 Liaofy 阅读(9862) 评论(0) 推荐(2)
css编写规范最佳实践
摘要：最初，在编写CSS的时候，我们往往想到哪儿就写到哪儿，它们之间的关联性和有序性并不在考虑之中。但随着代码量的增加，亦或是多人共同开发，CSS的编写规范变得重要起来了。本文通过三个方面，总结出CSS编写的最佳实践。一来强制自己按照规范编写CSS，二来可以推广到团队使用。 层级规范（从高到低） Popo 阅读全文
posted @ 2017-03-24 11:48 Liaofy 阅读(476) 评论(0) 推荐(0)
【表单验证】基于jQuery的高度灵活的表单验证（无UI）
摘要：表单验证是前端开发过程中常见的一个需求，产品需求、业务逻辑的不同，表单验证的方式方法也有所区别。而最重要的是我们要清楚，表单验证的核心原则是——错误信息提示准确，并且尽可能少的打扰/干扰用户的输入和体验。 该插件依赖于jQuery，demo地址： "点击" 基于以上原则，个人总结出表单验证的通用方法 阅读全文
posted @ 2017-03-22 13:15 Liaofy 阅读(286) 评论(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 阅读(2704) 评论(0) 推荐(0)
IE 8-不支持 placeholder 解决方法
摘要：` ` 阅读全文
posted @ 2017-03-22 11:12 Liaofy 阅读(320) 评论(0) 推荐(0)
【css】—— inline-block 4px 和图片底部 2px bug
摘要：首先我们观察一组案例： HTML结构很简单： 仔细观察图片，我们可以看到在图片的右侧和底部分别有4px、2px的空隙，一般来说，我们并不需要它们。那要怎么除掉呢？ 方法一：display: block; 添加样式 就可以了，如图： 就此，我们还可以推断出下面的方案： 方法二：float：left; 阅读全文
posted @ 2017-03-20 11:31 Liaofy 阅读(657) 评论(0) 推荐(0)
由button标签在 IE 8.0 下的异常表现引发的一场血案
摘要：写在最前的最后：整篇文章絮絮叨叨说了半天，我得出一个最佳实践：和button标签say goodbay，用 a 标签模拟之。 首先看一个在chrome 下的简单demo 这样的布局在组件开发中再常见不过了！我们先不管 css 圆角属性不兼容 IE 9 的问题，单论 继续添加 和 点击上传 这两个`` 阅读全文
posted @ 2017-03-16 10:02 Liaofy 阅读(216) 评论(0) 推荐(0)
【javascript】—— JS判断浏览器类型、操作系统
摘要：navigator.userAgent : userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。 navigator.platform : platform 属性是一个只读的字符串，声明了运行浏览器的操作系统和（或）硬件平台。 判断浏览器类型 IE浏览器 I 阅读全文
posted @ 2017-03-15 19:23 Liaofy 阅读(910) 评论(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 阅读(582) 评论(0) 推荐(0)
【正则】——深入正则表达式，手写常用正则表单验证
摘要：表单验证是一个网站或应用的重点，一条合适的错误提示不仅可以减少无效信息录入，更会给用户留下良好的使用体验。但表单设计千差万别，用户输入更不可控。一方面，我们要减少出错提示（这会引起用户反感），而另一方面，我们则希望得到足够多的有效信息。鱼和熊掌如何兼得？ 写一个简单的表单验证:http://www. 阅读全文
posted @ 2017-03-14 19:53 Liaofy 阅读(1182) 评论(0) 推荐(0)
【bug】—— ios scroll 滚动穿透
摘要：BUG描述 在 ios 微信浏览器或原生浏览器中，主内容容器 在文档流内，并且 。在其之上有一个 fixed 定位的弹出层 ，滚动 到底部，继续滚动会触发底层容器 开始滚动。 期望结果 滚动弹出层 ,底层容器 不会触发滚动 解决方案 google搜的方案基本上都不能完全解决问题...... 经过各种 阅读全文
posted @ 2017-03-13 18:58 Liaofy 阅读(1670) 评论(0) 推荐(0)
【bug】—— H5页面在 ios 端滑动不流畅的问题
摘要：IOS系统的惯性滑动效果非常6，但是当我们对div加overflow y:auto;后是不会出这个效果的，滑动的时候会感觉很生涩。怎么办？ 方案一： 在滚动容器内加 但这个方案有一个问题，在页面内具有多个 的情况下，那些具有 绝对定位（absolute, fixed） 属性的元素，也会跟着滚动。 方 阅读全文
posted @ 2017-03-13 15:57 Liaofy 阅读(9273) 评论(0) 推荐(1)
[组件]—— 图片缩放 组件（移动端）
摘要：源码见这里：https://github.com/CaptainLiao/zujian/tree/master/matrix HTML结构： ``` 阅读全文
posted @ 2017-03-10 18:33 Liaofy 阅读(524) 评论(0) 推荐(0)
[javascript]——将变量转化为字符串
摘要：这是一个非常常用，但是我自己却经常忘记的一个方法： ` ` 阅读全文
posted @ 2017-03-07 16:41 Liaofy 阅读(307) 评论(0) 推荐(0)
[XHR]——重新认识 XMLHttpRequest
摘要：细说XMLHttpRequest如何使用 先来看一段使用XMLHttpRequest发送Ajax请求的简单示例代码。 设置request header 方法的第一个参数 header 大小写不敏感，即可以写成content type，也可以写成Content Type，甚至写成content Typ 阅读全文
posted @ 2017-03-03 15:46 Liaofy 阅读(1062) 评论(0) 推荐(0)
[组件]—— 图片上传预览 组件（移动端）
摘要：之前的一篇博客： "移动端H5图片预览和压缩" ，实现了基本的功能。这次则计划做成一个组件，可供前台、后台使用。 首先，我们先来捋一捋想要实现的功能： 预览 删除 压缩 上传到服务器 基本机构 这样，我们的组件结构就有了： 主要API 接下来，介绍一下组件需要用到的几个API： FileList w 阅读全文
posted @ 2017-03-03 12:57 Liaofy 阅读(1720) 评论(0) 推荐(0)