随笔分类 -  JS组件

表单验证插件——数据与逻辑分离(策略模式)
摘要：之前已经写过一个 "表单验证插件" 了，为什么还会重复造轮子呢？第一个问题是代码结构比较乱，虽然通过原型继承的写法将处理分层，但业务逻辑和数据结构混杂在一起，导致第二个问题——可扩展性和灵活性差。 认真分析表单验证的过程，可以分为两步：怎么验证和如何验证。怎么验证是数据层面的问题，如何验证是业务逻辑 阅读全文
posted @ 2017-05-26 11:59 Liaofy 阅读(1109) 评论(0) 推荐(0)
【表单验证】基于jQuery的高度灵活的表单验证（无UI）
摘要：表单验证是前端开发过程中常见的一个需求，产品需求、业务逻辑的不同，表单验证的方式方法也有所区别。而最重要的是我们要清楚，表单验证的核心原则是——错误信息提示准确，并且尽可能少的打扰/干扰用户的输入和体验。 该插件依赖于jQuery，demo地址： "点击" 基于以上原则，个人总结出表单验证的通用方法 阅读全文
posted @ 2017-03-22 13:15 Liaofy 阅读(270) 评论(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 阅读(562) 评论(0) 推荐(0)
[组件]—— 图片缩放 组件（移动端）
摘要：源码见这里：https://github.com/CaptainLiao/zujian/tree/master/matrix HTML结构： ``` 阅读全文
posted @ 2017-03-10 18:33 Liaofy 阅读(497) 评论(0) 推荐(0)
[组件]—— 图片上传预览 组件（移动端）
摘要：之前的一篇博客： "移动端H5图片预览和压缩" ，实现了基本的功能。这次则计划做成一个组件，可供前台、后台使用。 首先，我们先来捋一捋想要实现的功能： 预览 删除 压缩 上传到服务器 基本机构 这样，我们的组件结构就有了： 主要API 接下来，介绍一下组件需要用到的几个API： FileList w 阅读全文
posted @ 2017-03-03 12:57 Liaofy 阅读(1707) 评论(0) 推荐(0)
[组件]——从零开始做一个 分页 组件
摘要：开始一个组件，毫无目的的写代码是一个不好的习惯，要经历 分析 = 抽象 = 实现 = 应用 四个阶段。 组件DEMO地址：https://github.com/CaptainLiao/zujian/tree/master/pagination 分析需求 当前页码显示前后三页，以及在两端显示上一页、下 阅读全文
posted @ 2017-02-27 19:41 Liaofy 阅读(340) 评论(0) 推荐(0)
【UI组件】——用jQuery做一个上拉刷新
摘要：技术要点： 1、jQuery的插件写法 2、上拉刷新步骤分解 3、css样式 jQuery的插件写法： 上拉刷新步骤分解： 上拉刷新可以分解成三个部分：一是开始（start），记录当前鼠标的位置；二是移动（move），根据下拉的位移响应不同的视图；三是结束（end），刷新页面。 ;!function 阅读全文
posted @ 2017-01-22 18:51 Liaofy 阅读(354) 评论(0) 推荐(0)