迷人的反派角色

为了防止世界被破坏,为了维护世界的和平

现代浏览器性能优化-JS篇

现代浏览器性能优化-JS篇 众所周知,JS的加载和执行会阻塞浏览器渲染,所以目前业界普遍推荐把script放到1234## 理解渲染过程(HTML Parser)首先我们从浏览器的角度解释一下从输入URL到页面展示经历了些什么,以如下html文档举例 Text 123456789浏览器自上而下读取html文档(此过程叫html parser),当发现style.c......

为ESlint写的一篇

为ESlint写的一篇 在多人协作的前端团队中,ESlint是非常有必要。同一项目组,互相代码review,多人协同开发同一需求等等,没有ESlint,项目组内必然会充满吐槽和质疑,“WTF,怎么能这样写那?”。 先从心理上接受ESlint进入项目组,接受项目组指定的规范,摒弃自己的习惯,这才是完美猿的作风。看过很多博客提到ESlint,作者总是有意无意透露出“限制太多,果断把它给关了”之......

window onerror 各浏览器中行为总结

window onerror 多平台调研 做前端错误上报,必然离不开window onerror,但window onerror在不同设备上表现并不一致,浏览器为避免信息泄露,在一些情况下并不会给出详细的错误信息,本文的目的就是通过跑一些简单的小例子,验证onerror在不同浏览器下的具体表现。 准备我会在Mac, Windows, Android和IOS平台下分别进行测试并记录。为了模拟......

Vue2 transition源码分析

Vue transition源码分析 本来打算自己造一个transition的轮子,所以决定先看看源码,理清思路。Vue的transition组件提供了一系列钩子函数,并且具有良好可扩展性。 了解构建过程既然要看源码,就先让Vue在开发环境跑起来,首先从GitHub clone下来整个项目,在文件run dev构建的是runtime + compiler版本的Vue。1234``` sh#......

小程序常用优化手段

小程序常见优化策略 最近也开发了两个小程序,在开发的过程中,总结一些优化心得 理解wx:if和hidden,并合理利用,官方文档中并没有明确说出hidden如何使用,要不是wx:if文档中提到,经常切换显示和隐藏的节点建议使用hidden,我都不知道还有这个属性。wx:if每次在显示的时候会重绘,而hidden不会。在我开发的项目中,有一个自定义的TabBar,使用hidden和wx:i......

脚手架带来的问题

Vue-cli带来的问题 用不就行了,干嘛想那么多。,,,,我:鄙视脸 (¬、¬) 其实事情的起因是这样的,招到了一个奇葩的同学,聊天中感觉应该是个很厉害的前端,聊到的东西包括,vue全家桶, 代码规范,webpack等等,感觉逻辑也不错,就要了。 后来,他问过我的问题如下:我npm run dev 怎么没有弹出页面?密码校验是不是应该在前端做? 然后我看了他的开发流,连chrome 的D......

Background-size

Background-size 今天无意间发现一个随机条纹背景图的css实现,通过代码看代码,发现自己对background-size的理解并不够深入。 看到的例子代码是这样的 123456background-color: #026873;background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transpa......

PostCSS-modules

译者注(GeoffZhu): 这篇适合一些使用过预处理CSS的开发者,比如less,sass或stylus,如果你都没用过,那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了,该篇作者贡献了一个新工具,可以让更多开发者方便的使用最新的CSS Modules。 我们和全局作用域的css斗争了多年,现在终于是时候结束它了。不管你用的是什么语言还是框架,CSS命名冲突......

一张图让你看懂Exress & Koa

一张图让你看懂Exress & Koa 之前我一直使用Express,对整体框架的思想也很清楚,就是把请求当成流,沿着中间件一层一层的过,每一层都可以对请求进行处理,最终处理完成的,返回给客户端。那Koa那? Koa官网明确说明,Koa为Express原班人马打造,为什么好好的Express不用,而去继续造轮子那? 看了些文档,画了这张图,展示Exress & Koa的设计......

响应式邮件设计工具推荐

响应式邮件设计工具推荐 最近工作上需要做一些HTML邮件模版,就是在平时邮箱里收到的那种推广邮件。深入研究之后,才知道这坑有多深。 回到蛮荒时代最初我的理解是,既然是HTML,我大前端的看家本领!半小时搞定没啥问题。试了才知道,HTML邮件没有任何标准,而且不管是HTML和CSS全部都是被阉割了的(啥?你还想用JS?),并且不同邮件客户端之间差异也很大。对于div和float的处理也带有很......