这个世界好魔幻

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且...

chrome 扩展程序是 HTML\JS\CSS\images 和其他可以在 web 页面中使用的资源的压缩包，可以增强 chrome 浏览器功能或定制浏览体验。 chro...

chrome谷歌浏览器插件开发，听上去很高大上，其实只要熟悉HTML、CSS、JS即可开发，插件也是将html页面渲染出来并执行js脚本而已。 1. 新建一个文件夹，目录结...

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

哈喽大家好，我是Jiaynn~ 今天想要分享的是关于前端项目规范以及部署上线的整体流程，主要包含： 🌈 eslint、prettier 📦 husky 🛡 git-c...

Lerna 教程 一、什么是 lerna? 多包管理工具，方便我们在一个项目中管理多个 npm 包，能够在发包时统一每个包的版本号。 优雅的解决大型多包项目中每发一次包都要...

带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~...

开篇 你是否曾经为前端的性能问题而烦恼？ 你是否曾经想过如何优化前端渲染速度？ 那么，今天我要和大家分享的就是我从“前端”到“前端ssr”的经历，希望能给大家带来一些启示和...

对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。 今天，我会从npm和yarn的出现，版本的变化和优...

Yarn 和 npm ，殊途同归，都是包管理工具，都是为了进一步解放和优化生产力。但是不管是哪种工具，你应该做的就是全面了解其思想，优劣胸中有数，这样才能驾驭它。...

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前...

记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged...

模块入口文件在 package.json 中进行描述，通常使用 main, browser, module, exports 等字段。本文将对各字段的意义与诞生原因、优先级...

模块是Node.js里面一个很基本也很重要的概念，各种原生类库是通过模块提供的，第三方库也是通过模块进行管理和引用的。本文会从基本的模块原理出发，到最后我们会利用这个原理，...