2020年DevUI团队最受欢迎的10篇技术文章

今天是2020年最后一天，DevUI团队预祝你们元旦快乐、新年快乐、健康平安、福气满满。

2020是很是特别的一年，咱们经历了COVID-19新冠肺炎，经历了资本市场的起伏，很幸运咱们都过来了，让咱们忘却那些不愉快的记忆，满怀但愿，迎接新的2021吧！

回顾2020，DevUI这颗小小的种子破土而出，不断地从社区吸取营养，茁壮成长。

指标项	指标值
Star🌟	566
等级	Lv3
掘力值	2793
关注者	1038
阅读数	97530

咱们DevUI的LOGO实际上是一个手势，表明自信、活力和但愿。

DevUI LOGO

真人手势图

咱们整理了2020年DevUI团队出品的点赞👍数最高的10篇原创技术文章，涉及很是普遍的技术领域，如当前很是流行的深色模式、搭建灰度发布环境、定位性能问题、组件开发、先后端鉴权等等，但愿你们阅读完有所收获！

同时也祝你们在新的一年里

节节攀升，青云直上！

1 Web界面深色模式和主题化开发

Web界面深色模式和主题化开发

本文介绍了如何使用css自定义属性来完成深色模式和主题化的开发。

CSS自定义属性可以给css定义一些颜色变量，轻松地实现深色主题的开发甚至支持更多的主题化。

经过色彩变量定义，使用变量，处理图片和处理三方组件支持实现整站的深色模式的规约和完善。

进一步介绍了降级支持的方法，并对深色模式的适用范围和一些其余方式实现进行了讨论。

2 手把手教你搭建一个灰度发布环境

手把手教你搭建一个灰度发布环境

本文从服务器准备、代码准备、灰度策略制定和实现灰度发布四个方面介绍了从零搭建一个灰度发布环境的必备流程。灰度发布的核心其实就是经过对Nginx 文件的修改实现流量的定向分发。内容颇为简单，可是从零到一的整个流程操做下来仍是比较繁琐，但愿各位看官可以有所收获。

另外，这只是一个最简易的Demo，在真正的DevOps 开发过程当中，还须要集成编译构建、代码检查、安全扫描和自动化测试用例等其余操做，期待后续团队的其余成员进行更多的专项扩展！

3 在瀑布下用火焰烤饼：三步法助你快速定位网站性能问题

在瀑布下用火焰烤饼：三步法助你快速定位网站性能问题

本文先给你们简单介绍了如何生成网站的性能分析报告，以及这份报告的大体组成；

接着跟你们分享我本身在定位业务性能问题时，常用的三步法：在瀑布下用火焰烤饼；

从饼图中咱们能够对网站的性能有一个大体的认识，从瀑布图快速地发现慢接口和大资源，而从火焰图中，咱们能够细致地洞察到具体哪一个模块/哪一个组件/哪一个方法可能成为性能瓶颈。

4 手把手教你使用Vue/React/Angular三大框架开发Pagination分页组件

手把手教你使用Vue/React/Angular三大框架开发Pagination分页组件

这篇文章经过使用流行的三大框架，从0开始开发一个Pagination分页组件，介绍了与框架无关的组件开发方法论。

并对比了不一样框架实现通用功能时的异同，框架只是工具🔧，哪一个顺手用哪一个，掌握通用的组件开发思惟才是最关键的。

5 先后端鉴权二三事

先后端鉴权二三事

本文首先探讨了认证与受权的区别，并列举了几种常见的认证与受权方式。

而后重点介绍了一下使用CAS 协议实现单点登陆的流程与问题。

最后，补充一点。华为云DevCldoud 的CAS Client 正是参考标准的CAS 协议实现，感兴趣的同窗能够在这里注册一个帐号，而后打开F12 使用帐号登陆观察全部的网络请求并分析一下CAS 业务实现的完整流程。

6 好用到飞起！VSCode插件DevUIHelper设计开发全攻略

好用到飞起！VSCode插件DevUIHelper设计开发全攻略

本文以DevUIHelper的设计开发为例子，详细地介绍了VSCode插件开发的思路，可做为VSCode插件开发的指南，经过实践本文提到的方法，本身动手实现一个VSCode插件。

7 现代富文本编辑器Quill的模块化机制

现代富文本编辑器Quill的模块化机制

本文先经过2个例子简单介绍了Quill模块的配置方法，让你们对Quill模块有个直观初步的印象。

而后经过字符统计模块这个简单的例子介绍如何开发自定义Quill模块，对富文本编辑器的功能进行扩展。

最后经过剖析Quill的初始化过程，逐步切入Quill模块的加载机制，并详细阐述了工具栏模块的加载过程。

8 大厂是如何用DevCloud流水线实现自动化部署Web应用的

大厂是如何用DevCloud流水线实现自动化部署Web应用的

本文详细地介绍如何将一个网站的Github仓库源码自动化部署到服务器。

先介绍申请服务器和搭建服务器环境，重点介绍在Linux服务器搭建Nginx服务的步骤；

而后简单介绍了手动部署流程；

最后详细介绍了如何利用DevCloud流水线工具，实现自动化部署。

9 微前端在企业级应用中的实践

微前端在企业级应用中的实践

本文上半部分主要介绍了微前端的起源以及web应用的多种集成方式，经过讲述DevUI的web集成模式案例，加深了对这部份内容的理解，同时使用single-spa实现了一个微前端模型并对single-spa进行了原理分析；

下半部分则围绕DevUI微前端改造过程去深刻探讨，讲述如何自研一个企业级微前端解决方案。

10 使用Git，10件你可能须要“反悔”的事

使用Git，10件你可能须要“反悔”的事

使用Git的过程，不免因为手快或者别的什么缘由，须要对作过的事情进行“反悔”或者屡次“反悔”，Git强大到几乎任何操做都是能够“反悔”的

本文总结了10种常见的反悔场景，并详细地介绍了如何反悔。

再次祝你们2021新年快乐、平安健康！