任乃千-优快云博客

原创 Node启动https服务器

首先你需要生成https证书，可以去付费的网站购买或者找一些免费的网站，可能会是key或者crt或者pem结尾的。不同格式之间可以通过OpenSSL转换，如：openssl x509 -in mycert.crt -out mycert.pem -outform PEMNode原生版本:const https = require('https')const path = ...

2018-03-18 12:25:40 875

原创 Lighthouse的使用与Google的移动端最佳实践

Lighthouse是一个Google开源的自动化工具，主要用于改进网络应用（移动端）的质量。目前测试项包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO。Lighthouse会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为Google的网页最佳实践。使用入门运行Lighthouse的方式有三种：在开发者工具（Devtools）的Audits，作...

2018-02-10 18:20:39 2835

原创《高性能JavaScript》读书笔记

最近在阅读这本Nicholas C.Zakas（javascript高级程序设计作者）写的最佳实践、性能优化类的书。记录下主要知识。加载和执行脚本位置放在中的javascript文件会阻塞页面渲染：一般来说浏览器中有多种线程：UI渲染线程、javascript引擎线程、浏览器事件触发线程、HTTP请求线程等。多线程之间会共享运行资源，浏览器的js会操作dom，影响渲染，所以

2018-01-26 13:26:49 586

原创浏览器HTTP缓存机制

介绍HTTP缓存之前先简单说一下Web缓存 Web缓存是一种保存Web资源副本并在下次请求时直接使用该副本的技术。 Web缓存可以分为这几种：浏览器缓存、CDN缓存、服务器缓存、数据库数据缓存。因为可能会直接使用副本免于重新发送请求或者仅仅确认资源没变无需重新传输资源实体，Web缓存可以减少延迟加快网页打开速度、重复利用资源减少网络带宽消耗、降低请求次数或者减少传输内容

2018-01-23 21:45:31 1205

原创使用nightwatch进行E2E测试中文教程

E2E测试E2E(end to end)测试是指端到端测试又叫功能测试，站在用户视角，使用各种功能、各种交互，是用户的真实使用场景的仿真。在产品高速迭代的现在，有个自动化测试，是重构、迭代的重要保障。对web前端来说，主要的测试就是，表单、动画、页面跳转、dom渲染、Ajax等是否按照期望。E2E测试驱动重构重构代码的目的是什么？是为了使代码质量更高、性能更好、可读性和拓展性更强。

2018-01-21 18:17:21 4756

原创 Puppeteer的入门教程和实践

出现的背景Chrome59(linux、macos)、 Chrome60(windows)之后，Chrome自带headless(无界面)模式很方便做自动化测试或者爬虫。但是如何和headless模式的Chrome交互则是一个问题。通过启动Chrome时的命令行参数仅能实现简易的启动时初始化操作。Selenium、Webdriver等是一种解决方案，但是往往依赖众多，不够扁平。Pupp

2018-01-21 18:14:28 1732

原创 HTML5、CSS3新标签、属性概况

有时会遇到判断新标签、属性的题目，没找到适合应试的，所以自己来收集总结一下，只列举那些现在兼容性尚可（IE10支持）的新属性及其基本功能（以w3school为准）。感觉玩w3school资料更新不是很及时，要是很关心一个属性的兼容性问题可以上caniuse去查一下，很好用。本文中“+”表示大于等于。HTML5新增标签格式：~ 定义有记号的文本支持：IE9+ ~ ~ 定义任何类型的任务

2017-03-19 23:53:08 621

前端发展日新月异，每年成百数千框架诞生，当我们需要选择一种来学习时，应该如何挑选？我认为应该从两方面来看：框架优劣的重要性自不必说，影响性能和开发体验，但另一方面适合自己的需求也很重要，尺有所短寸有所长，在不同情况下的优劣可能相反。框架的优劣这是去年主流前端js框架的github新增star数量，很大程度上能体现一个框架的受欢迎程度，受欢迎程度又在一定成都上说明了，框架的优劣，大量程序员都喜欢的一定

2017-03-19 12:48:47 1239

原创前端好用插件

自从1995年，javascript诞生，到现在制霸前端，独孤求败，经历了无数的项目、实践的检验。在开发中一些常用的代码块、功能块，为了复用，被抽离出来独立完成功能，通过API或配置项和其他部分交互，这就是插件。作为一个工具爱好者（懒），来收集总结下前端好用的工具。开发工具类npm 最成熟应用最广的包管理、命令行管理工具 yarn 更好用、并行安装自动同步package的包管理工具 eslint

2017-03-19 12:47:33 1239

任乃千的博客