迷人的反派角色

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

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的处理也带有很......

VueJs进阶-如何编写高质量的插件(1)

VueJs进阶-如何编写高质量的插件这是一套专门写给VueJS进阶者的教程,结合npm上高质量的vue插件源代码,深入理解VueJS编程思想,写出高质量的VueJS应用。 前言如果你使用了一段时间vue,你一定会对他组件化方面的印象非常深刻,它的组织方式能让我们非常轻松的使用第三方组件库如Element。但是插件和组件其实是不同的,实际上插件多数时候是组建的一种扩充。在写插件之前,至少要对......

前端辩论赛(阿当与众前端大V)

前端辩论赛 最近这两天前端圈又迎来了一场辩论赛,阿当与众前端大V,看了各个大牛的观点,不禁重新思考“作为前端,你到底想要的是什么” 回到本质前端的存在,是为了让人机交互更加优雅。在解决问题的同时,我更在乎如下这几点。 前端工程师个人职业成长 用最少的代码实现需求 开发过程舒适度 数据传输更高效 第一点,前端工程师的个人成长,使用现代前端工具链远比用jquery系时候要好,就我个人而言,......

(译)原生CSS网格布局学习笔记

原文地址 注:此文是我翻译的第一篇技术文章。适合有一定CSS原生网格布局使用经验的开发者(读前需要先去了解一下原生CSS网格的语法),原生CSS网格布局(Native CSS grid)截止目前还没有被任何正式版本的浏览器实现。 _以下是来自Oliver Williams的帖子. Oliver已经学习了相当长时间的原生CSS网格,可以说是在CSS网格方面有一定的发言权。在这篇文章中,他将......