echo_dc

chrome 插件 - 插件基本组成结构与介绍 - 基本组成间的通信方式 - 实战！写一个爬虫插件 - 实战！写一个浏览器yarn插件 - 遇到的各种坑 ಥ_ಥ

本文主要分享的就是这些开发者工具怎么与页面进行消息通信的。 这个开发者工具源码：https://github.com/HuJiaoHJ/ec-devtools，这个工具是一个支持canvas库 ( easycanvas ) 的chrome调试工具，能对canvas的元素的样式、…

vite-chrome-extension 又快又爽的开发 Chrome 扩展程序，让开发插件变得简单。

前言小程序的主要开发语言是 JavaScript ，虽然有与网页开发有相似性但是还有一定的区别网页开发渲染线程和脚本线程是互斥的，也是为什么长时间的脚本运行可能会导致页面失去响应小程序中，逻辑层和渲染

爆肝一晚上，详细解释了浏览器从输入到请求，再到渲染的原理，cpu、gpu、内存、多进程、站点隔离、导航跳转、预加载、渲染、解析、合成等等概念，看完就明白了，另外送一个小彩蛋：谷歌架构漫画书，不来看看？

本文先从stackoverflow上一个关于随机数组排序和未排序求和的问题来切入。 进一步采用最简单的5级CPU流水线讲述基本原理和流水线中存在的三者冒险，及其各自的解决方法。

众所周知的原因，前端作为一种特殊的 GUI 软件，做自动化测试困难重重。在快速迭代，UI 变动大的业务中，自动化测试想要落地更是男上加男 🐶。 近期的学习过程中，翻阅了众多前端自动化测试相关的文章，大多数都在讲如何使用自动化测试框架对前端代码进行测试，很少讲解为什么要引入自动…

1. 为什么要做前端测试 比起写注释，单元测试可能是更好的选择，通过运行测试代码，观察输入和输出，有时会比注释更能让别人理解你的代码（当然，重要的注释还是要写的。。。） 编写测试代码的过程，往往可以让我们深入思考业务流程，让我们的代码写的更完善和规范。 2. 什么是TDD和BD…

1. git简介 在实际开发中，会使用git作为版本控制工具来完成团队协作。因此，对基本的git操作指令进行总结是十分有必要的，本文对一些术语或者理论基础，不重新码字，可以参考廖雪峰老师的博文，本文只对命令做归纳总结。 暂存区（Index/Stage）：在使用git管理项目文件…