逍遥云天 - 博客园

html5文件读取+按钮样式重置+文件内容预览

摘要： FileReader读取文件详细介绍请访问：http://www.cnblogs.com/xyyt/p/9066882.html FileReader提供了如下方法： readAsDataURL和readAsText较为常用，这里以这两个为例，说明具体使用方法： 1.readAsDataURL：re 阅读全文

posted @ 2018-05-21 15:45 逍遥云天阅读(1275) 评论(0) 推荐(0)

FileReader读取文件详解

摘要： FileReader是一种异步文件读取机制，结合input:file可以很方便的读取本地文件。 input:file 在介绍FileReader之前，先简单介绍input的file类型。 <input type="file" id="inputBox"> input的file类型会渲染为一个按钮和一阅读全文

posted @ 2018-05-21 13:57 逍遥云天阅读(8098) 评论(0) 推荐(0)

cookie与webStorage区别

摘要：阅读全文

posted @ 2018-05-18 19:13 逍遥云天阅读(169) 评论(0) 推荐(0)

vue的双向数据绑定实现原理

摘要：在目前的前端面试中，vue的双向数据绑定已经成为了一个非常容易考到的点，即使不能当场写出来，至少也要能说出原理。本篇文章中我将会仿照vue写一个双向数据绑定的实例，名字就叫myVue吧。结合注释，希望能让大家有所收获。 1、原理 Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Obje 阅读全文

posted @ 2018-05-06 10:42 逍遥云天阅读(702) 评论(0) 推荐(0)

vue动态绑定类样式ClassName知多少

摘要：对于动态绑定类样式，之前用的最多的也就是：class="{'classA':true}" ，今天遇到一种情况，就是要给元素动态添加一个保存在数据源中的类样式，那前边的这种写法显然满足不了。想起之前微信小程序中动态添加类样式的方式是这样的 class='item good {{isEdit?"isE 阅读全文

posted @ 2018-04-10 11:23 逍遥云天阅读(12146) 评论(0) 推荐(0)

js正则表达式中的正向肯定预查和正向否定预查

摘要：对于没有使用过这几个表达式的人，应该对这个概念都有点不太理解，下面就以实际例子说明这几个表达式的用户。一、?:pattern——匹配检验：会作为匹配校验，是一个非获取匹配，并出现在匹配字符结果里面,比如 windows(?:2000|NT|98) 等同于 windows2000|windowsNT 阅读全文

posted @ 2018-04-09 12:16 逍遥云天阅读(1729) 评论(2) 推荐(1)

写了一个兼容IE9的图片放大器（基于vue）

摘要： photoloupe 图片放大器第一次写vue插件，本人比较喜欢用简单易懂的写法，不喜勿喷。本插件支持IE9及以上版本，已经过验证。本插件可根据需要设置放大倍数，最小支持1倍，支持小数下载地址：https://github.com/xyytwz/photoloupe 示例图片： Build 阅读全文

posted @ 2018-04-04 16:46 逍遥云天阅读(293) 评论(0) 推荐(0)

做产品原型设计有哪些需要注意的问题——吐槽下目前产品需求原型一直以来被前端诟病的地方

摘要：感觉最近的产品都有点懒了，好多页面交互直接用控件，前端实现的时候需要一个个点击去看交互，这样的话，前端实现起来不但费事，还容易漏交互。虽然有需求评审，但开发在制作页面、实现交互的时候，是直接参考原型来做的，如果在一个迭代版本的需求原型中交互未直观化、变更内容未标红，那漏需求的可能性很大。知乎上找阅读全文

posted @ 2018-03-30 15:44 逍遥云天阅读(1008) 评论(0) 推荐(0)

vue滚动行为控制——页面跳转返回上一个页面保留滚动位置

摘要：需求分析：一般这个功能在后台管理系统用的比较多，因为后台页面都是在当前页面打开，对于某些列表筛选页，如果列表数据比较多，页面就会滚动。当页面发生滚动，对列表数据进行查看或者编辑的时候，跳转到下一级页面，然后点击浏览器返回按钮的时候，我们是希望能保持之前的滚动位置的。缓存？解决这个问题，第一时间想阅读全文

posted @ 2018-03-28 14:36 逍遥云天阅读(12137) 评论(0) 推荐(1)

vue编程式路由实现新窗口打开

摘要：一. <router-link>标签实现新窗口打开：官方文档中说 v-link 指令被 <router-link> 组件指令替代，且 <router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用<a>标签，但事实上vue2版本的 <router-link 阅读全文

posted @ 2018-03-24 09:57 逍遥云天阅读(9729) 评论(0) 推荐(0)