前端工程化
文章平均质量分 74
主要收录前端工程化系列知识,主要收录方向为开发规范、代码质量,工程设计,构建艺术、持续集成/部署、高效协作、工程自动化等
一条咸鱼l
这个作者很懒,什么都没留下…
展开
-
前端工程化系列知识总览(更新中)
前端构建简史npm scriptbash 基础node cli前端代码规范npm包版本规范其他规范code review测试基础知识、概念单元测试E2E测试前端异常监控与上报工程目录设计代码托管方案multi-repo VS mono-repo前端构建简史编译器Babel编译原理编译器Babel的基础概念编译器Babel的使用持续集成(CI)持续部署(CD) 简介持续集成平台-jenkin持续集成具体实现部署 - 前后端发布策略虚拟化方案 Docker原创 2023-03-16 13:31:18 · 176 阅读 · 0 评论 -
编译器Babel的使用
是一个能够从终端(命令行)使用的工具,可以直接使用babel cli进行语法转换的任务,也可以使用babel node像node一样去启动一个应用,唯一的区别是babel node在加载js文件前会先按照配置对其进行语法转换。注意:它们的的名称是可以缩写的,如果你发现一个工程中的babel plugin 找不到对应的依赖时,去看看这个plugin的名称是否是被缩写了。官方提供的preset有好几个,但是用得最多的可能是preset-env,这里单拎出来讲一下,如果想查看其他的preset请前往。原创 2023-03-11 22:11:36 · 689 阅读 · 0 评论 -
编译器 Babel 的概念
很多人在配置Babel的时候总会出现配了这里丢了那里,这个很常见的问题往往是因为对Babel的基本概念缺乏整体性的了解,把Babel当作一个黑盒在使用。本文着重讲解Babel一系列的概念,意在为 Babel 的配置打下良好的基础。原创 2023-03-10 18:14:55 · 239 阅读 · 0 评论 -
编译器 babel 的编译原理
从编译器的编译原理到Babel的编译原理,词法分析器、语法分析器、语义分析器、中间代码生成、个中细节知多少原创 2023-03-10 16:16:37 · 269 阅读 · 0 评论 -
前端构建简史
前端从刀耕火种的年代到现代化前端工程,到底经历了什么?阅读本文一探究竟吧原创 2023-03-09 20:12:30 · 209 阅读 · 0 评论 -
multi-repo VS mono-repo
multi-repo、mono-repo、git submodule、lerna原创 2023-03-09 16:18:11 · 481 阅读 · 0 评论 -
工程目录设计
Rails Style / Domain Style原创 2023-03-09 14:47:21 · 119 阅读 · 0 评论 -
前端异常监控与异常上报
监控是软件质量最后的防线,帮助我们发现真实场景中才会出现的问题,是提高软件质量的有效手段,在后端世界中异常监控已经是不可或缺的模块。原创 2023-03-09 14:13:23 · 372 阅读 · 0 评论 -
E2E测试
E2E测试、Cypress原创 2023-03-08 15:19:37 · 409 阅读 · 0 评论 -
前端工程 - 单元测试
单元测试、enzyme原创 2023-03-08 14:46:29 · 261 阅读 · 0 评论 -
测试基础知识
测前端试基础知识 && 测试工具jest原创 2023-03-05 15:38:08 · 330 阅读 · 0 评论 -
.gitignore、.npmignore、.vscode 、.editorconfig相关配置
配置.gitignore、.npmignore、.vscode 、.editorconfig原创 2023-03-04 17:12:16 · 911 阅读 · 0 评论 -
npm版本规范和changelog
release-it实现自动化的npm包版本控制和Changelog原创 2023-03-04 14:33:59 · 674 阅读 · 0 评论 -
前端代码规范
前端工程代码规范、ESlint、stylelint、prettier原创 2023-03-03 18:35:35 · 404 阅读 · 0 评论 -
node cli
node cli原创 2023-03-03 14:43:21 · 246 阅读 · 0 评论 -
bash 基础
常见bash指令、bash基础原创 2023-03-03 00:36:18 · 202 阅读 · 0 评论 -
npm script
npm script 简介 变量 参数传递 钩子原创 2023-03-02 19:58:39 · 477 阅读 · 0 评论 -
虚拟化方案 Docker
虚拟化虚拟化在大规模分布式应用中非常重要,在一机器上部署了多个服务,如果它们各自需要不同的运行环境时很容易发生冲突,如果人工的一个一个去解决它们的冲突显然在大规模集群中是不现实的,这时候就需要用虚拟化方案来进行环境隔离。我们常见的虚拟化方案是虚拟机和DockerDocker是什么Docker是个划时代的开源项目,它彻底释放了计算虚拟化的威力,极大提高了应用的维护效率,降低了云计算应用开发的成本。使用Docker,可以让应用的部署、测试和分发都变得前所未有的高效和轻松。Docker原创 2022-04-11 09:00:00 · 201 阅读 · 0 评论 -
部署 - 前后端发布策略
前端发布策略前端发布的本质是静态资源的发布(主要关心缓存和资源同步问题)HTTP缓存合理的使用缓存让未修改的文件复用可以有效的减轻服务器负担和提高前端页面渲染效率1、协商缓存2、本地缓存(本地缓存无需跟服务器再次确认,直接根据文件名匹配,节省了跟服务器的通讯成本,在实际开发中更受开发者青睐)本地缓存的资源怎么更新?可以通过给静态资源都加上版本号解决hash代替version如果每次更新都把所有静态资源文件名改变了,然后跟着所有文件都改变了,其中也包括了没修改的静态原创 2022-03-28 09:00:00 · 455 阅读 · 0 评论 -
持续集成平台-jenkin
CI平台诞生的背景很多公司因为种种原因,不想使用GitHub/gitlab上的CI能力,或是希望定制一些功能更加强大的CI/CD工作流,这时就需要一些更专业的CI平台了。CI平有那些github / gitlabAone (阿里巴巴)、织云 (腾讯)、Overmind (网易)、Jenkins (开源的)、...Jenkins简介Jenkins是一款开源CI&CD 软件,用于自动化各种任务,包括构建、测试和部署服务历史悠久,功能强大,之后出现的各个CI平台的设计都受其影原创 2022-03-28 09:00:00 · 722 阅读 · 0 评论 -
持续集成具体实现
Github Actions 介绍背景持续集成往往与代码版本管理密切结合,CI的过程往往由git操作触发。Gitlab为此设计了Gitlab Cl,Github提出了Github Actions特点GitHub提供慷慨的计算资源(为每个workflow也就是一个持续集成过程提供一个独享的1核虚拟cpu,3.75GB的内存,网络权限以及100GB的磁盘空间),使得它的性能十分强大 广泛支持各种语言和框架 实时日志,为你的构建行为提供丰富的反馈 可以自由地创造和分享Actions .原创 2022-03-28 09:00:00 · 528 阅读 · 0 评论 -
持续集成(CI)持续部署(CD) 简介
定义:一天中多次的将所有工作者的工作合并到一个共享的主线的协作方式,具体来说是开发人员提交新代码后立即进行构建,测试。根据测试结果我们可以确定新代码和原代码是否能正确的集成到一起CI / CD的意义和价值敏捷开发思想的体现。 频繁、自动化、可重复。流程像管道,代码像水。 快速发现问题,快速解决(从软件质量的角度讲,快是为了让有问题的代码快速的被发现,尽早解决,在CD的阶段发现问题比在正式环境发现问题好,在CI阶段发现问题比在CD阶段发现问题好)。 不能保证Bug Free,所以提高发布频率原创 2022-03-21 09:00:00 · 1878 阅读 · 0 评论 -
前端工程化 - 质量 - code-review
前端工程化 - 质量 - code-reviewCR是什么?是对约定开发规范不足的补充和监督,是一种团队成员间互相审核代码的机制。CR的意义1、有助于团队的知识共享。可以分享好的点子和技巧,快速将团队成员的代码水平拉到同一水平。2、对规约的保证,可以补充lint的不足,例如:文件命名、变量命名、工程的结构等。3、提高代码的质量。发现代码中lint不能检测出来的bug,例如:逻辑错误、新能问题等。4、减缓工程腐化。由于需求变更、设计缺陷、项目中bad smells的积累,项目无可避免的出现腐化现原创 2021-04-18 15:08:31 · 228 阅读 · 0 评论