11 2017 档案

自定义事件
摘要：前言 除了浏览器提供的原生事件外，有时我们还需要自定义事件以满足特定的需求，比如小模块之间的通信，传递信息等。JavaScript提供了几种自定义事件的方式： 1. Event() 构造函数, 创建一个新的事件对象 Event 2. CustomEvent() 创建一个自定义事件 3. docume 阅读全文
posted @ 2017-11-29 23:34 Shapeying 阅读(4872) 评论(1) 推荐(0)
formData实现图片上传
摘要：前言 在 上一篇 已经实现了图片预览，那么如何上传图片呢？有两种思路： 1、将图片转化为dataURL(base64)，这样就成为了一串字符串，再传到服务端。不过这样缺点很多，数据量比转换之前增加1/3，而且会增加了存储开销（如果存在数据库，就多了访问数据库；如果解析成图片再存储，就多了解析的开销） 阅读全文
posted @ 2017-11-27 11:43 Shapeying 阅读(29409) 评论(0) 推荐(0)
input[type='file']样式美化及实现图片预览
摘要：前言 上传图片是常见的需求，多使用input标签。本文主要介绍 input标签的样式美化 和 实现图片预览。 用到的知识点有： 1、input标签的使用 2、filelist对象 和 file对象 3、fileReader对象 样式美化 原生的input标签样式单一，且在不同浏览器下的表现还不一致。 阅读全文
posted @ 2017-11-24 21:10 Shapeying 阅读(11573) 评论(0) 推荐(2)
第一个Vue插件从封装到发布
摘要：前言 这是我封装的第一个Vue插件，实现的功能是滑动选择省市区，虽然只是一个简单的插件，但还是挺开心的，记录一下步骤。 插件地址：https://github.com/leichangchun/vue-area-select 欢迎指正 准备 Vue官网插件部分 的介绍虽然很简单，但是还是好好刷一遍的 阅读全文
posted @ 2017-11-21 23:31 Shapeying 阅读(5914) 评论(0) 推荐(0)
lastIndex对正则结果的影响
摘要：前言 今天遇到一个问题，用正则表达式去检查同一个字符串时，交替返回true和false。无奈之下，重新翻了翻权威指南，发现罪魁祸首原来是lastIndex。可在控制台尝试下 lastIndex lastIndex在权威指南中是如下解释：它是一个可读/写的整数。如果匹配模式带有g修饰符，这个属性存储在 阅读全文
posted @ 2017-11-09 10:48 Shapeying 阅读(365) 评论(0) 推荐(0)
使用图片地图减少HTTP请求数量
摘要：前言 最近在看《高性能网站建设》，记录一下所学。 现在很多网站都是图片形式的导航，点击图片跳转到对应的链接。如果导航项目很多的话，图片的数量就会很多，每需要加载一张图片就会多一个HTTP请求。优化的方式之一就是使用图片地图 标签 图片地图要用到map和area标签 map标签用于客户端的图片映射；a 阅读全文
posted @ 2017-11-02 19:43 Shapeying 阅读(888) 评论(0) 推荐(0)