浅尝系列 | 前端技术整理总结

近年来，随着互联网以及数字化的不断发展，互联网已经成为了我们生活中无处不在的 基建 ，而随着网络相关技术的发展，网络安全也逐渐受到广泛关注，由于数字化程度的不断加深，接入网络的设备丰繁多样，面对各式各

动画的实现非常简单，而如何用好动画，如何将动画融入产品设计开发中，才是我们值得学习的东西。作为开发者，当我们熟悉了开发流程、开发技术，实现业务需求已经没啥问题后，那么我们应该 push 自己，拔高一层

简述了数字孪生产品的数据更新机制，对于数字孪生产品来说，数据非常重要，孪生世界的数据呈现可以反映现实世界的真实情况，而在数据展示中，除了数据更新机制之外，还有一个非常非常重要的东西，那就是可视化表格的

不知道大家有没有在 router 上犯过傻，最近被小伙伴难倒了一下，做个记录，是什么呢，她按往常一样通过 localhost:8080 打开了自己本机的项目，但是这次 “手贱”，自己不仅输入了ip地址

在前端中，主要涉及的基本上就是 DOM的相关操作 和 JS，我们都知道 DOM 操作是比较耗时的，那么在我们写前端相关代码的时候，如何减少不必要的 DOM 操作便成了前端优化的重要内容。

最近看了下小伙伴的代码，发现一些小白经常会因为无法判断代码执行的时机而出现了一些莫名其妙的 Bug ,比如在使用 Vue 的过程中，经常因为 Dom 没加载完执行了 Dom 读取操作，导致了读取到的

随着数智化转型的推进，越来越多行业开始加入数智化改造大军，所谓数智化，其实就是数据化、智能化，主要强调的是利用目前发展迅猛的计算机、网络技术、AI等先进技术，对传统行业进行改造、赋能，促进传统行业向先

想起之前在工作中，某位前辈看了下我的项目演示，摇了摇头，说触发太频繁会出问题，让我给按钮加个防抖，我点了点头，根据业务逻辑，加了个控制触发频率的机制，也就是每 1s 只能触发一次那个开关。等到后来我回

有句话说得好，当潮水退去时，才知道到底谁在裸泳，在最近这种危机四伏的情况下，唯一能做的，就是做好随时应对面试的准备，让自己在危机真正来临之时，更加从容不迫，游刃有余。在接下来这段时间，我将持续更新前端

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 写在前面 随着研发进度的推进，自研框架 V1.0 也将开始投入使用，而最后一步优化 Loading 动画是

写在前面 在元宇宙、数字孪生等一系列数字化转型噱头的疯狂炒作下，前端界面可以说是越来越飘逸，越来越有科技感，使用普通的开源、通用组件库已经满足不了丧心病狂 的 UI 设计师了，这个时候，SVG 就该登

写在前面 又是一年的毕业季，工作之余也浅叹一下，依稀记得当初因为太年轻，没有好的编码习惯也不注重编码效率，在实习阶段频繁加班的苦逼日子，今天抽空总结一下几个编程优化小Tip，给即将踏入前端俱乐部年轻的

即使我们对 Vue2 原理已经很熟悉了，但是依然有必要好好了解下 Vue3 的设计原理以及设计的思路，从原理的层面对比 Vue2 和 Vue3 才能够让我们更加清晰的理解，Vue2 到 Vue3 演变

Vue 的视图更新原理主要涉及的是响应式相关API Object.defineProperty 的使用，它的作用是为对象的某个属性对外提供 get、set 方法，从而实现外部对该属性的读和写操作时能够

写在前面 最近在公司负责开发一套公司业务相关的通用工具库，第一次接触到这种需求，还是很兴奋的，吭哧吭哧开发了一段时间，现在准备开始应用到实际项目中了，于是开始进行 1.0.0.2022.3.23_be

写在前面 Vue、React 可以说是这几年改变前端格局的大杀器，这部分更加高级的框架的出现，狠狠地推进了前端工程化的进度，也使前端能够更加快速，更加规范地完成业务的开发。秉承着底层架构者一贯遵循的执

作为开发者，我们都知道开发文档的重要性，组件的开发文档是否完善、是否清晰，基本上决定了广大开发者是否有意愿使用它

随着各种框架、自动化构建工具的越来越智能化，更多的细节被封装起来，我们越来越多的时间被业务开发所占据，我问自己一个问题，当某个时间，当我放下框架，我还能自己动手完成这些并不复杂的配置吗

面试官：这么简单的正则表达式都不会？ 正则表达式有多神奇 最近发现很多的面试和笔试中都经常出现正则表达式相关的题目，面试官：这么简单的正则表达式都不会？面试者：嘴角微微上扬，回以一个不失礼而尴尬的笑

俗话说得好，没有哪个前端不想拥有一个属于自己的，为自己量身定制的组件库，本文将整理一下从 0 到 1 Vue 组件库封装和发布的完整流程。