摘要：
虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi 阅读全文
摘要：
1.加载问题 背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分，会在html结构加载的时候加载在网页加载的过程中，背景图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而img标签是网页结构（内容）的一部分会在html结构加载的过程中加载，换句话讲，网页会先加载im 阅读全文
摘要：
前言，最近利用碎片时间拜读了一下尼古拉斯的另一巨作《高性能JavaScript》，今天写的文章从“老生常谈”的页面重绘和重排入手，去探究这两个概念在页面性能提升上的作用。 一.重排 & 重绘 有经验的大佬对这个概念一定不会陌生，“浏览器输入URL发生了什么”。估计大家已经烂熟于心了，从计算机网络到j 阅读全文
摘要：
关于国际化 一个项目发展到一定的环境或者一开始就是为多国打造的，就需要考虑国际化了。简单来说，就是一套页面，多套语言。 前不久做了一个国际化的项目，基于react和antd，里面用到了国际化，使用方式也很简单 import zhCN from 'antd/lib/locale-provider/zh 阅读全文
摘要：
前言：项目涉及到node的开发，为了便于管理，采用了nvm，安装方法和在mac下差不多 git依赖 看以下内容前，先确保你的git已经安装（需要git v1.7.10 +），如果没有看的话，请最新git。 安装脚本 在linux里面安装，这句话是没有任何安装的感觉，但是它其实是执行了，只是没有安装环 阅读全文
摘要：
入门者的知识体系包括哪些东西呢，下面是我的个人看法，按照这个流程走不一定立刻成为大牛，至少能让入门者抓住重点一步步走下去： 1. 基本工具使用 Git/GitHub的熟练使用，编辑器(sublime、webstrom、atom、vscode)的体验区分与使用，chrome开发调试工具的使用，Phot 阅读全文
摘要：
最近在做项目时，有一个需求是批量打印好多个合同，使用AJAX向后台传送数据，等待后台执行后，需要把生成之后的文件地址传送过来。 后台的处理时间比较长，根据合同的多少可能等待时间比较长，会达到10s左右，这个时候如果不加任何的提示，会导致用户因为没有看到是否执行而导致重复的操作，为了增加用户的体验感， 阅读全文
摘要：
在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？下面给出3种解决方案。 方案一：使用 pointer-events:none img{ pointer-events:none; } 亲测有效，适用于微信客户端的手机页 阅读全文
摘要：
浏览器的事件循环，前端再熟悉不过了，每天都会接触的东西。但我以前一直都是死记硬背：事件任务队列分为macrotask和microtask，浏览器先从macrotask取出一个任务执行，再执行microtask内的所有任务，接着又去macrotask取出一个任务执行...，这样一直循环下去。但是对于下 阅读全文
摘要：
在写测试代码时，以往我们需要翻阅文档，学习各种 API 才能明白如何操作断言。而现在我们可以透过 power-assert 的 assert 方法来减轻调试压力。不仅如此，它还提供更加直观，具体的运行效果，帮助 DEBUG。写测试代码，其实可以很容易。 例子 power-assert 提供的 ass 阅读全文