文章 2023-08-17 来自:开发者社区

带你入门前端工程(十一):微前端(下)

创建子应用子应用不需要引入 qiankun 依赖,只需要暴露出几个生命周期函数就可以:bootstrap,子应用首次启动时触发。mount,子应用每次启动时都会触发。unmount,子应用切换/卸载时触发。现在将子应用的  文件改造一下:main.jsimport Vue from 'vue' import VueRouter from 'vue-router' import App ....

带你入门前端工程(十一):微前端(下)
文章 2023-08-17 来自:开发者社区

带你入门前端工程(十一):微前端(上)

什么是微服务?先看看维基百科的定义: 微服务(英语:Microservices)是一种软件架构风格,它是以专注于单一责任与功能的小型功能区块 (Small Building Blocks) 为基础,利用模块化的方式组合出复杂的大型应用程序,各功能区块使用与语言无关 (Language-Independent/Language agnostic)的API集相互通信。 换句话说,就...

带你入门前端工程(十一):微前端(上)
文章 2023-08-17 来自:开发者社区

带你入门前端工程(二):统一规范(二)

格式化 CSS 代码下载依赖npm install --save-dev stylelint stylelint-config-standard在项目根目录下新建一个 .stylelintrc.json 文件,并输入以下内容:{ "extends": "stylelint-config-standard" }VSCode 添加 stylelint 插件:然后就可以看到效果了。如果你想修改...

带你入门前端工程(二):统一规范(二)
文章 2023-08-17 来自:开发者社区

带你入门前端工程(二):统一规范(一)

代码规范代码规范是指程序员在编码时要遵守的规则,规范的目的就是为了让程序员编写易于阅读、可维护的代码。试想一下,一个几十万行代码的项目,存在几种不同的代码规范,阅读起来是什么感受?连代码缩进使用空格还是 Tab 都能引发不少程序员的争论,可以说统一代码规范是非常重要的事情。统一代码规范除了刚才所说的两点外,还有其他好处:规范的代码可以促进团队合作规范的代码可以降低维护成本规范的代码有助于 cod....

带你入门前端工程(二):统一规范(一)
文章 2023-08-17 来自:开发者社区

带你入门前端工程(一):技术选型

技术选型应该对很多程序员都不陌生了,无论是大到技术框架、编程语言,还是小到工具库的选择,都属于技术选型的范围。个人认为技术选型应该按照以下四个指标进行选择:可控性稳定性适用性易用性由于没有统一的叫法,所以以上四个指标的名称是我自己定的。下面就让我们一起来深入了解一下如何进行技术选型吧。可控性可控性是技术选型中非常重要的一个指标。可控,就是指如果这门技术因为 BUG 对项目造成了影响,团队中有人能....

带你入门前端工程(一):技术选型
文章 2023-08-17 来自:开发者社区

带你入门前端工程(三):前端组件化

在了解模块化、组件化之前,最好先了解一下什么是高内聚,低耦合。它能更好的帮助你理解模块化、组件化。高内聚,低耦合高内聚,低耦合是软件工程中的概念,它是判断代码好坏的一个重要指标。高内聚,就是指一个函数尽量只做一件事。低耦合,就是两个模块之间的关联程度低。仅看文字可能不太好理解,下面来看一个简单的示例。// math.js export function add(a, b) { retur...

带你入门前端工程(三):前端组件化
文章 2023-08-17 来自:开发者社区

带你入门前端工程(四):测试(上)

什么是测试维基百科的定义: 在规定的条件下对程序进行操作,以发现程序错误,衡量软件质量,并对其是否能满足设计要求进行评估的过程。 也可以这样理解:测试的作用是为了提高代码质量和可维护性。提高代码质量:测试就是找 BUG,找出 BUG,然后解决它。BUG 少了,代码质量自然就高了。可维护性:对现有代码进行修改、新增功能从而造成的成本越低,可维护性就越高。什么时候写测试如果你的程序...

带你入门前端工程(四):测试(上)
文章 2023-08-17 来自:开发者社区

带你入门前端工程(十):重构

《重构2》一书中对重构进行了定义: 所谓重构(refactoring)是这样一个过程:在不改变代码外在行为的前提下,对代码做出修改,以改进程序的内部结构。重构是一种经千锤百炼形成的有条不紊的程序整理方法,可以最大限度地减小整理过程中引入错误的概率。本质上说,重构就是在代码写好之后改进它的设计。 重构和性能优化有相同点,也有不同点。相同的地方是它们都在不改变程序功能的情况下修改代...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注