网站性能优化实战
读取缓存→DNS查询→TCP链接→发起请求→接收响应→处理HTML元素→加载完成。CSS属性读写分离:浏览器每次对元素样式进行读操作时,都必须进行一次重新渲染(重排 + 重绘)
js图片上传和预览
给标签的父级设置一个‘+’背景图,把的宽高设置得跟父级一样,且完全透明,这样点击的时候看似是点击的‘+’的节点,其实点击的是节点。
Vue组件库搭建实践与探索
在以前传统的前端页面开发方式时,存在协同困难,可复用性差的问题,导致开发和维护都不是一件简单的事。而组件化思想的提出,以及Vue、React等MV*框架的快速流行,让我们开始尝试用组件化的思想去开发
小程序生成海报:通过 json 配置方式轻松制作一张海报图
由于我们无法将小程序直接分享到朋友圈,但分享到朋友圈的需求又很多,业界目前的做法是利用小程序的 Canvas 功能生成一张带有二维码的图片,然后引导用户下载图片到本地后再分享到朋友圈
FabricJs:动态海报营销方案
Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情,如下:
JavaScript中“void(0) ”是什么意思
expression 是一个要计算的 Javascript 标准的表达式。表达式外侧的圆括号是可选的,鉴于规范化,以及养成好习惯,建议写上去。当我们使用 void 操作符指定超级链接时,表达式会被计算但是不会在当前文档处装入任何内容。
input 内容改变的触发事件
onchange 事件会在域的内容改变时触发。注意:在元素的值改变了且失去焦点时触发(两次的值一样不会触发)。缺陷:通过js代码改变DOM的值不会触发
谷歌插件在测试的应用
随着SOA的普及,各大互联网公司都拥有自己较为成熟的分布式跟踪系统,比如Google的Dapper,Twitter的Zipkin,淘宝的鹰眼,京东的Hydra,eBay的CAL,大众点评的CAT等等:
一段监视 DOM 的神奇代码
通过使用此模块,只需将鼠标悬停在浏览器中,即可快速查看DOM元素的属性。基本上它是一个即时检查器。将鼠标悬停在 DOM 元素上会显示其属性!