NodeJs爬虫框架-Spider

2020-10-29
阅读 3 分钟
5.9k
爬虫框架可以简化开发流程,提供统一规范,提升效率。一套优秀的爬虫框架会利用多线程,多进程,分布式,IP池等能力,帮助开发者快速开发出易于维护的工业级爬虫,长期受用。

如何判断web应用是否添加到主屏幕

2019-05-14
阅读 1 分钟
4.2k
这就要说到web应用添加到桌面后的显示模式了,一共有这么多种,通过mainfest来控制。只要知道启动模式是什么,就能判断出是否从桌面启动。

Service Worker一问一答

2018-08-14
阅读 3 分钟
4.9k
PWA的核心在于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.3k
众所周知,CSS的加载会阻塞浏览器渲染或是引起浏览器重绘,目前业界普遍推荐把CSS放到<head>中,防止在CSS还没加载完,DOM就已经绘制出来了,造成CSS加载完成后的重绘。那在现代浏览器中我们有没有办法提高首屏渲染速度那?

为localStorage增加过期时间和类型支持

2017-11-20
阅读 1 分钟
2.2k
Easy 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 分钟
16k
众所周知,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组件提供了一系列钩子函数,并且具有良好可扩展性。

小程序常用优化手段

2017-07-07
阅读 1 分钟
9.5k
理解wx:if和hidden,并合理利用,官方文档中并没有明确说出hidden如何使用,要不是wx:if文档中提到,经常切换显示和隐藏的节点建议使用hidden,我都不知道还有这个属性。wx:if每次在显示的时候会重绘,而hidden不会。在我开发的项目中,有一个自定义的TabBar,使用hidden和wx:if会有明显的差异。

vue-xlsx-table: 在浏览器中查看xlsx或xls表格

2017-03-20
阅读 1 分钟
19.6k
vue-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.7k
最初我的理解是,既然是HTML,我大前端的看家本领!半小时搞定没啥问题。试了才知道,HTML邮件没有任何标准,而且不管是HTML和CSS全部都是被阉割了的(啥?你还想用JS?),并且不同邮件客户端之间差异也很大。对于div和float的处理也带有很多的不确定性,所以浮动布局,flexbox啥的一样也用不了,只能用90年代流行的表...

vue-event-calendar 事件日历插件

2016-12-23
阅读 3 分钟
47.2k
vue-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.2k
注:此文是我翻译的第一篇技术文章。适合有一定CSS原生网格布局使用经验的开发者(读前需要先去了解一下原生CSS网格的语法),原生CSS网格布局(Native CSS grid)截止目前还没有被任何正式版本的浏览器实现。原文地址,译者Blog