NodeJs爬虫框架-Spider
2020-10-29
阅读 3 分钟
5.9k爬虫框架可以简化开发流程，提供统一规范，提升效率。一套优秀的爬虫框架会利用多线程，多进程，分布式，IP池等能力，帮助开发者快速开发出易于维护的工业级爬虫，长期受用。
如何判断web应用是否添加到主屏幕
2019-05-14
阅读 1 分钟
4.1k这就要说到web应用添加到桌面后的显示模式了，一共有这么多种，通过mainfest来控制。只要知道启动模式是什么，就能判断出是否从桌面启动。
Service Worker一问一答
2018-08-14
阅读 3 分钟
4.8kPWA的核心在于Service Worker，目前中文社区中关于Service Worker的知识深度普遍不够，难以应对实际项目中的问题。例如我想要知道在卸载sw（下文简称sw）后需不需要手动清理caches，搜索引擎是没有什么好答案的。这篇文章结合淘宝首页PWA的经验，分享出我认为非常有价值的关于Service Worker的知识点。
5分钟实现一个Koa
2018-06-03
阅读 5 分钟
2.6k周五组内同学讨论搞一些好玩的东西，有人提到了类似『5分钟实现koa』，『100行实现react』的创意，仔细想了以后，5分钟实现koa并非不能实现，遂有了这篇博客。
前端工程师应该知道的Linux知识（一）
2018-01-05
阅读 2 分钟
3.6k随着业务架构演进，服务端和客户端的渲染层均交由FEer处理，越来越多的前端开始接触Linux，做一些安装部署NodeJS项目之类的工作，本篇的主要内容就是介绍Linux下的基础知识和常用命令，帮助前端工程师在服务器中自由自在的傲游。
现代浏览器性能优化-CSS篇
2017-12-29
阅读 3 分钟
5.2k众所周知，CSS的加载会阻塞浏览器渲染或是引起浏览器重绘，目前业界普遍推荐把CSS放到<head>中，防止在CSS还没加载完，DOM就已经绘制出来了，造成CSS加载完成后的重绘。那在现代浏览器中我们有没有办法提高首屏渲染速度那？
为localStorage增加过期时间和类型支持
2017-11-20
阅读 1 分钟
2.1kEasy Storage 为localStorage和session增加类型支持和过期时间。 用法 支持 String, Number, Array, Object. Function Example set es.set('key', value, timeStamp) get es.get('key') remove es.remove('key') clear es.clear() set方法的第三个参数是一个以毫秒为单位的时间，表示过多久过期。 安装 CDN {代码...} NP...
记录使用Performance API遇到的问题
2017-11-03
阅读 3 分钟
4.8k本文中Performance API指的是Navigation Timing API。这并不是一篇Navigation Timing API的介绍文章，而是我在使用中遇到的问题。
带你玩转prefetch, preload, dns-prefetch，defer和async
2017-10-16
阅读 3 分钟
15.9k众所周知，JS的加载和执行会阻塞浏览器渲染，所以目前业界普遍推荐把script放到</body>之前，以解决js执行时找不到dom等问题。但随着现代浏览器的普及，浏览器为我们提供了更多强大的武器，合理利用，方可大幅提高页面加载速度。
window onerror 各浏览器下表现总结
2017-09-06
阅读 4 分钟
18.9k做前端错误上报，必然离不开window onerror，但window onerror在不同设备上表现并不一致，浏览器为避免信息泄露，在一些情况下并不会给出详细的错误信息，本文的目的就是通过跑一些简单的小例子，验证onerror在不同浏览器下的具体表现。
Vue2 transition源码分析
2017-07-10
阅读 5 分钟
4.7k本来打算自己造一个transition的轮子，所以决定先看看源码，理清思路。Vue的transition组件提供了一系列钩子函数，并且具有良好可扩展性。
vue-xlsx-table: 在浏览器中查看xlsx或xls表格
2017-03-20
阅读 1 分钟
19.6kvue-xlsx-table 无需上传，在浏览器中查看xlsx或xls表格，由js-xlsx驱动.在线例子 依赖 vue: ^2.0.0 用法 install {代码...} main.js {代码...} file.vue {代码...} 开发 {代码...}
让CSS更完美: PostCSS-modules
2017-01-16
阅读 4 分钟
5.8k译者注（GeoffZhu）: 这篇适合一些使用过预处理CSS的开发者，比如less，sass或stylus，如果你都没用过，那你一定不是个好司机。在PostCSS中早就可以使用CSS Modules了，该篇作者贡献了一个新工具，可以让更多开发者方便的使用最新的CSS Modules。
一张图让你看懂Exress & Koa
2017-01-14
阅读 1 分钟
2.7k之前我一直使用Express，对整体框架的思想也很清楚，就是把请求当成流，沿着中间件一层一层的过，每一层都可以对请求进行处理，最终处理完成的，返回给客户端。那Koa那？
响应式邮件设计工具推荐
2017-01-09
阅读 2 分钟
3.6k最初我的理解是，既然是HTML，我大前端的看家本领！半小时搞定没啥问题。试了才知道，HTML邮件没有任何标准，而且不管是HTML和CSS全部都是被阉割了的（啥？你还想用JS？），并且不同邮件客户端之间差异也很大。对于div和float的处理也带有很多的不确定性，所以浮动布局，flexbox啥的一样也用不了，只能用90年代流行的表...
vue-event-calendar 事件日历插件
2016-12-23
阅读 3 分钟
47.1kvue-event-calendar vue-event-calendar是一款简单小巧的事件日历组件，针对Vue2开发。样式美观，且响应式。在线例子 依赖 vue: ^2.0.0 使用方法 安装 {代码...} 入口 Main.js {代码...} 用法示例 {代码...} 自定义事件模版（可以允许你展示更多信息） vue-event-calendar允许自定义事件模版，但是这个功能需要Vue 2.1.0...
(译)原生CSS网格布局学习笔记
2016-11-30
阅读 6 分钟
3.1k注：此文是我翻译的第一篇技术文章。适合有一定CSS原生网格布局使用经验的开发者（读前需要先去了解一下原生CSS网格的语法），原生CSS网格布局（Native CSS grid）截止目前还没有被任何正式版本的浏览器实现。原文地址，译者Blog