任乃千

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

摘要： `Lighthouse 页面性能 PWA 可访问性（无障碍） 最佳实践 SEO`。Lighthouse会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为Google的网页最佳实践。 使用入门 运行Lighthouse的方式有三种：在开发者工具（Devtools）的Audits， 阅读全文

摘要： 最近在阅读这本Nicholas C.Zakas（javascript高级程序设计作者）写的最佳实践、性能优化类的书。记录下主要知识。 加载和执行 脚本位置 放在中的javascript文件会阻塞页面渲染：一般来说浏览器中有多种线程：UI渲染线程、javascript引擎线程、浏览器事件触发线程、HT 阅读全文

摘要： 介绍HTTP缓存之前先简单说一下Web缓存 Web缓存是一种保存Web资源副本并在下次请求时直接使用该副本的技术。        Web缓存可以分为这几种：浏览器缓存、CDN缓存、服务器缓存、数据库数据缓存 。因为可能会直接使用副 阅读全文

摘要： E2E测试 E2E(end to end)测试是指端到端测试又叫功能测试，站在用户视角，使用各种功能、各种交互，是用户的真实使用场景的仿真。在产品高速迭代的现在，有个自动化测试，是重构、迭代的重要保障。对web前端来说，主要的测试就是，表单、动画、页面跳转、dom渲染、Ajax等是否按照期望。 E2 阅读全文

摘要： 出现的背景 Chrome59(linux、macos)、 Chrome60(windows)之后，Chrome自带 "headless(无界面)模式" 很方便做自动化测试或者爬虫。但是如何和headless模式的Chrome交互则是一个问题。通过启动Chrome时的命令行参数仅能实现简易的启动时初始 阅读全文