un_Ren

Lighthouse是一个Google开源的自动化工具，主要用于改进网络应用（移动端）的质量。目前测试项包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO。Lighthouse会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为Google的网页最佳…

Web缓存可以分为这几种：浏览器缓存、CDN缓存、服务器缓存、数据库数据缓存 。因为可能会直接使用副本免于重新发送请求或者仅仅确认资源没变无需重新传输资源实体，Web缓存可以减少延迟加快网页打开速度、重复利用资源减少网络带宽消耗、降低请求次数或者减少传输内容从而减轻服务器压力。…

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

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

分享下《JavaScript 忍者秘籍》中的一种编写类风格代码的方法 JavaScript 可以让我们通过原型实现继承，许多开发人员，尤其是那些有传统面向对象背景的开发人员，都希望将 JavaScript 的继承系统简化并抽象成一个他们更熟悉的系统。所以，这不可避免地引导我们走向类的领…

分享下《JavaScript 忍者秘籍》中的一种函数重载方式 首先说一下函数的 length 属性： 所有的函数都有一个经常被忽略的属性，但却可以让我们了解函数的声明，那就是 length 属性。和 arguments 参数的 length 属性不同的是，它表示函数声明时所需传入的形参数量。 f…

觉得这个系列任务还是很有趣的，这是一种性能很差的实现，也许之后会尝试使用虚拟dom、改善其中的遍历。 任务信息 首先分析一下要干嘛：可以看出Vue是个构造函数；因为传入的对象可能有很多层对象，所以需要一个遍历传入对象的方法；双向绑定打算通过访问器属性实现、需要刷新dom，所以要…

《JavaScript设计模式与开发实践》作者：曾探 系统的介绍了各种模式，以及js中的实现、应用，以及超大量高质量代码，绝对值得一读 面向对象的js 静态类型：编译时便已确定变量的类型 优点： 编译时就能发现类型不匹配的错误，编辑器可以帮助我们提前避免程序在运行中可能发生的一…

最近打算写一个支持 markdown 的的博客，就顺便做一下百度的前端学院中对应的任务。模仿了简书 markdown 的样式和功能…… 目前基本完成了任务，打算搭好服务器弄好图片上传等再完善。