分类
Javascript

优化Vue页面性能

前面介绍过一篇Web App页面性能优化的文章,这是对普通页面的性能优化。针对Vue页面,还有一些特殊技巧。

分类
Javascript

双向绑定Vue自定义组件

React和Vue都主张组件之间交互用单向数据流,这样更SOLID的设计原则。但很多时候我们还是要用到双向数据流,也就是大家所说的MVVM,一个很特殊的场景就是表单处理,使用双向数据绑定还是方便很多。和Andular一样,Vue也可以通过v-module指令支持幽微数据绑定。很多情况下,我们都需要自定义组件,以输入表单为例,怎样实现自定义组件双向数据绑定呢?

分类
Javascript

HTTP缓存

通常所说的Web缓存指的是可以自动保存常见http请求。对于前端开发者来说,浏览器充当了重要角色。除此外常见的还有各种各样的代理服务器也可以做缓存。当Web请求到达缓存时,缓存从本地副本中提取这个副本内容而不需要经过服务器。这带来了以下优点:

分类
Javascript

处理富文本回车换行

上一篇文章,我们通过一个富文本组件并为其自定义了v-module,使其像表单元素一样支持双向数据绑定。但还有不小问题。比如输入回车换行,会在文本上包裹html标签。Chrome中是div,IE中是p,Firefox中是br。当然这些附加的标签在浏览器中显示是Ok的,但有的终端是不支持html标签的,因此得转换它们。

分类
Javascript

自定义富文本的v-model

为什么要自定义富文本?因为常用的文本域不支持自适应文本高度,看了几个解决方案,界面会闪烁,用户体验不好。最为关键的是,文本域不能插入html标签不支持html渲染。能满足这两个需求的开源编辑器倒是不少,像ueditor、CKeditor,但一般比较重,有些杀鸡焉用牛刀的感觉。下面就用vue来写一个轻量级的富文本组件,并让它支持v-model双向数据绑定。