《带你入门前端工程》开源了

小书大部分的内容都是以理论知识 + 代码示例 + 图片的方式来讲解的,努力争取让读者更容易理解。另外还有小部分的章节在讲解完理论知识后,还有相应的实践教程。例如前端监控这一节,在讲解完前端监控原理后,将会教你如何利用现有的监控工具对项目实行监控。

这是一本关于前端工程化的小书(4W 字左右 )。

前端工程化,其实是软件工程在前端方面的应用。什么是软件工程?来看一下百度百科的定义:

软件工程是一门研究用工程化方法构建和维护有效的实用的和高质量的软件的学科

换句话说,工程化的目的就是为了提升团队的开发效率。例如大家所熟悉的构建打包、性能优化、自动化部署等知识,都属于工程化的内容。

我写这本小书的原因,是想对过去两年的工程化实践经验和学习心得做一个总结。希望能全面地、系统地对前端工程化知识做一个总结。

小书大部分的内容都是以理论知识 + 代码示例 + 图片的方式来讲解的,努力争取让读者更容易理解。另外还有小部分的章节在讲解完理论知识后,还有相应的实践教程。例如前端监控这一节,在讲解完前端监控原理后,将会教你如何利用现有的监控工具对项目实行监控。

可能有人会问,什么时候开始做工程化?我认为在需求评审阶段就可以做工程化了,根据需求选用适当的技术栈(技术选型),然后制定相关规范…

在线访问

目录

  1. 技术选型:如何进行技术选型?
  2. 统一规范:如何制订规范并利用工具保证规范被严格执行?
  3. 前端组件化:什么是模块化、组件化?
  4. 测试:如何写单元测试和 E2E(端到端) 测试?
  5. 构建工具:构建工具有哪些?都有哪些功能和优势?
  6. 自动化部署:如何利用 Jenkins、Github Actions 自动化部署项目?
  7. 前端监控:讲解前端监控原理及如何利用 sentry 对项目实行监控。
  8. 性能优化(一):如何检测网站性能?有哪些实用的性能优化规则?
  9. 性能优化(二):如何检测网站性能?有哪些实用的性能优化规则?
  10. 重构:为什么做重构?重构有哪些手法?
  11. 微服务:微服务是什么?如何搭建微服务项目?
  12. Severless:Severless 是什么?如何使用 Severless?
  13. 参考资料

微服务、Severless 按理说不属于工程化的内容,但从提升开发效率的角度来看,也可以归纳到这一范围。

目录的顺序是以一个项目的生命周期来分配的:

  1. 接到新需求,进行需求评审后根据具体情况做技术选型。
  2. 开发前需要统一规范。
  3. 学会模块化、组件化,对于写代码很有好处。
  4. 开发完,需要对代码进行测试。
  5. 构建打包。
  6. 部署上线。
  7. 对项目进行监控,随时发现问题。
  8. 根据项目运行情况决定是否要做性能优化。
  9. 项目越来越复杂,需要重构以提高可维护性。
  10. 项目越来越大,可以考虑是否用微服务对其进行拆分(或者使用 git submodule 和 monorepo 的方式管理项目)。
  11. 不想自己管理服务器或数据库,可以考虑使用 Serverless。

注意

本书的定位是入门级教程,主要对前端能接触到的工程知识做一个较全面的介绍。适合对前端工程化不了解或了解得不多的“菜鸟”同学。如果你是个“老鸟”,那本书可能不太适合你。

另外,建议读者在阅读本书时,能够配合书本的实践部分去做实践。如果读者能够严格按照指示去做实践,在阅读完本书后,不仅会收获前端工程化的理论知识,还会获得对应的实践经验。

你会学到什么?

  • 对前端工程化有一个全面、清晰的了解
  • 为架构师之路打下扎实的基础

适宜人群

  • 想学习工程化的前端
  • 具备基础的 HTML、CSS、JavaScript 知识

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。商机网仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 tenspace2022@163.com 举报,一经查实,本站将立刻删除。 本文链接:https://www.315965.com/n/53099.html 聚才发 母婴好物

(0)
上一篇 2023年12月15日 上午7:00
下一篇 2023年12月15日 上午7:09

相关推荐

  • windows7系统安装教程详解(windows7安装步骤图解教程)

    电脑怎么安装windows7系统,第一种最简单的这个方法啊如果笔记本能开机就是能进系统都用这种方法啊 来看一下首先插上u盘,打开电脑,然后打开我们的这个u盘 找到我们需要的系统镜像进入以后啊最下面有一个这样的安装工具双击打开 左下角这个我希望什么什么这个不要点啊记住不要点然后我们直接来到下一步到这个画面耐心等待 一直等到这个画面出现以后点击安装那么如果笔记本…

    2023年8月1日
    432
  • OPPO 大数据诊断平台“罗盘”正式开源

    一、背景 OPPO 大数据目前有 20+个服务组件,数据量超 1EB,离线任务数近百万,实时任务数千,数据开发分析师超千人。这也带来了系统复杂度的问题,一方面是用户经常对自己的任务运行状况“摸不着头脑”,不管是性能问题,还是参数配置问题,甚至是一些常见的权限报错问题,都需要咨询给出具体的解决方案;另一方面是面对各类繁杂任务,运维人员经常需要对任务故障定位和排…

    2023年12月17日
    196
  • 儿童编发教程简单好看(儿童编发教程简单好看公主)

    三到六岁的小女孩,正是一个上幼儿园的年纪,自己的动手能力还没有那么强,所以一些事情还需要爸爸妈妈的协助。比如说小女孩扎头发的时候,就需要有一个“心灵手巧”的妈妈,好看的发型不仅可以满足小女孩爱美的心,也可以呈现出更加甜美俏皮的风格。 小女孩发型的绑扎方法是怎样的呢?有没有什么简单又好看的扎发方法呢?01、可以用橡皮筋来打造出俏皮的麻花辫,尤其是亮色系的橡皮筋…

    2023年8月1日
    359
  • 可能是全网最详细的Midjourney基础教程,两万字干货!

    一、前言篇 1. AI 绘图是什么? AI 绘画,顾名思义就是利用人工智能进行绘画,是人工智能生成内容(AIGC)的一个应用场景。其主要原理简单来说就是收集大量已有作品数据,通过算法对它们进行解析,最后再生成新作品,而算法也便是 AI 绘画的核心,是它得以爆火的基础。 1)Midjourney 是什么? Midjourney 是一个由 Midjourney …

    2023年12月18日
    248
  • ChatGPT访问及内容安全技术设计

    作者:黑夜路人 时间:2023/5/15 作为爆火的AIGC产品ChatGPT,以及类似的产品 Cluade、Bard、Newbing 等等,让大家趋之若鹜,如何把这些产品映射到自己的业务产品中,也是很多开发者需要面对的问题。 针对AIGC,国家部门也有一些针对AIGC的内容安全的要求,网信办征求意见稿,针对AI生成内容设定这些要求: 第十一条 提供者在提供…

    2023年12月25日
    138
  • java入门基础知识(java语言基础知识总结)

    经常在知乎看到一个问题:Java学到什么程度可以算是精通? 今天就围绕这个问题,其实学习 Java 学到什么程度算是精通,这个其实没有盖棺定论的,也不是说你拿个年薪几十万的 offer 就可以自诩精通了。 我认为,如果市面上这些资料、书籍你都啃的差不多,你能在所有的 Java 程序员中跻身前 0.1% 的话,你就可以达到”精通” 这个…

    2023年7月30日
    405
  • cad2014安装教程图解及激活方法(cad2014安装教程详细图解和激活教程)

    在电脑上安装cad2014这一款软件的时候,一些网友会遇到:cad2014安装失败的问题,系统提示:安装完成,某些产品无法安装。反复安装了好几次都是这个提示,那么,cad2014一直安装失败怎么办?cad2014安装失败解决方法。 cad2014安装失败解决方法: 控制面板——程序——打开或关闭windows功能,把.NET Framework 3.5 和4…

    2023年7月30日
    478
  • 苹果怎么设置手机铃声教程图片(苹果怎么设置手机铃声教程图片步骤)

    我们经常看到这种情况:公共场所一个苹果手📱机铃声响起,其他人个个都拿起手📱机来看,之所以出现这种情况,是因为很多人不知道怎样设置自己喜欢的铃声。其实,要想把自己喜欢的歌曲设置成苹果手📱机的铃声,还是有办法的,赶紧随我一起来操作一遍吧。大家记得收藏一下哦,方便以后随时查看。 苹果手📱机设置铃声没有安卓手📱机那么方便,安卓手📱机通过手📱机设置,就可以直接把手📱机…

    2023年7月30日
    269
  • photoshop去水印教程图解(ps如何去水印视频教程)

    ps怎么去水印无痕迹背景不变?小编带来了详细步骤图解。 by the way,如果你觉得PS太复杂,也可以使用水印云去水印软件,效果不输PS,操作更简单,手📱机电脑通用,只需涂抹一下,水印就消失了! 方法一: 1、用工具栏中的选框工具进行选区。 2、点击选择中的色彩范围。 3、点击选择中的修改子选项扩展。 4、按CTRL+F5进行内容识别填充。 5、根据以上…

    2023年8月1日
    395
  • 我的世界别墅教程 简单(我的世界别墅教程简单过程)

    又到了一周的建筑时间啦~看完上一期的海景房建筑教程,有许多冒险家问海上的房子要怎么建呢?今天我们就为大家带来一个较简单的海上别墅,让我们开始吧! 海上小别墅 在建造这个海上别墅之前,我们需要找一片沿海地带,建在沿海地区的海上别墅出行也是十分方便呢~ 我们先用石英块搭出一个12×12的方形框 然后把它填满 接着我们为其三个角落放置高度为4的石英块,留…

    2023年7月30日
    482