Vite 提供了一套原生 ESM 的 HMR API。 具有 HMR 功能的框架可以利用该 API 提供即时、准确的更新，而无需重新加载页面或清除应用程序状态。Vite 内置了 HMR 到 Vue.js 单文件组件（SFC）和 React Fast Refresh 中。

Go 是 Google 开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。本期技术周刊一起了解 Go，欢迎大家阅读 ～文章推荐Golang 如何优雅接入多个远程配置中心？ // 王中阳Goviper是适用于go应用程序的配置解决方案，这款配置管理神器，支持多种类型、开箱即用、极易上手。本地配置文件的接入能很快速的...

Git 的诞生是一个非常有趣的故事。1991年 Linus 开源了 Linux 内核，无数 Linux 爱好者在世界各地为 Linux 编写代码，那么问题来了，这些代码该如何管理呢？起初 Linus 使用 BitKeeper(BitMover 公司的版本控制软件)管理 Linux 的核心开发，后来 BitMover 停止了对 Linux 的支持，于是 Linus 秉承自己的版本自己写的精神...

本文从 Tagged Pointer、objc 源码、dealloc 原理、AutoreleasePool 原理、野指针探究等技术点展开聊了聊 iOS 内存相关问题。

维基百科：在计算机科学中，闭包（英语：Closure），又称词法闭包（Lexical Closure）或函数闭包（function closures），是在支持头等函数的编程语言中实现词法绑定的一种技术。MDN: 闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。

很多时候，在使用 Canvas 绘制圆角矩形都是一件比较麻烦的事，因为之前并没有直接的方法，只能通过直线和圆弧间接组合而成，下面是一个常规绘制方式 {代码...} 这里x、y、w、h、r分别代表x坐标、y坐标、宽度、高度、圆角。这段代码应该是最精简的了，虽然不是特别复杂，但是应该很少有人能直接手写，主要是不够语义化，...

在日常的安全渗透过程中，我们经常会遇到瓶颈无处下手，这时候如果攻击者从 APP 进行突破，往往会有很多惊喜。但是目前市场上的APP都会为防止别人恶意盗取和恶意篡改进行一些保护措施，比如模拟器检测、root 检测、APK 加固、代码混淆、代码反调试、反脱壳、签名校验等等对抗机制。而测试人员对APP进行渗透的首步操作通...

在前端开发的过程中，开发者经常会用到 new Date() 来获取当前时间，但是 new Date() 是获取的当前操作系统的时间，由于用户可以修改当前电脑时间，所以它是不准确的。大部分情况下，用户修改当前电脑时间都没有什么问题，但是当我们需要根据服务端传递的数据时间与当前时间进行计算时，前端展示就会出错。同时，需要过...

一眼望去，这里的形状只有圆形和矩形，在不借助其他标签的情况下（包括伪元素），其实很容易联想到渐变，一起看看如何绘制的吧，有非常多的渐变小技巧~

通过这篇文章我们已经掌握了 gRPC 相关的知识点，可以独立用 Go 实现客户端和服务端的编写，并且通过服务注册对外提供服务，实现可客户端和服务端的 gRPC 通信。

MySQL 软件采用了 GPL（ GNU 通用公共许可证），由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了 MySQL 作为网站数据库。

SpringBoot 基于 Spring4.0 设计，不仅继承了 Spring 框架原有的优秀特性，而且还通过简化配置来进一步简化了 Spring 应用的整个搭建和开发过程。

JavaScript 是一门弱类型的动态脚本语言，支持多种编程范式，包括面向对象和函数式编程，被广泛用于 Web 开发。一般来说，完整的 JavaScript 包括以下几个部分：ECMAScript，描述了该语言的语法和基本对象文档对象模型（DOM），描述处理网页内容的方法和接口浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口它...

来自 React 的 “Hello, world!” {代码...} React 是一个用于构建用户界面的 JavaScript 库。React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。本期技术周刊一起了解下 React ，欢迎大家阅读 ～文章推荐《React 内部是如何实现 cache 方法的？...

CSS 节省了大量的工作；样式可以通过定义保存在外部.css 文件中，同时控制多个网页的布局，这意味着开发者不必经历在所有网页上编辑布局的麻烦。

Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。Vite 意在提供开箱即用的配置，...

最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被压缩会混淆，这个时候如果需要调试，那就会极其痛苦。想要有一个好的调试环境，就要涉及 SourceMap 的输出，...

今天我们继续来聊聊流程实例。部署之后的流程，这个还不能直接运行，例如我们部署了一个请假流程，现在 zhangsan 想要请假，他就需要开启一个请假流程，lisi 想请假，他也需要开启一个请假流程，这一个一个开启的请假流程就是流程实例，而我们一开始部署的请假流程，则类似于一个模版，基于此模版，我们可以开启很多个具...

运算符重载其实并不是一个常用的功能；因为会改变运算符的语义，比如明明是加法却在重载函数中写为减法。这会使得代码阅读起来困难，但在某些情况下我们又非常希望语言本身能支持运算符重载。比如在 Go 中常用的一个第三方精度库 decimal.Decimal，进行运算时只能使用 d1.Add(d2) 这样的函数，当运算复杂时...

前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再详细说明，大家有兴趣的可深入了解，话不多说，正文开始。

Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。默认模式是高效的，但只适用于列表渲染输出的结果不依赖子组件状态或者临时 DOM 状态 (例如表单输入值) 的情况。

最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需求，需要满足以下要求：支持 TypeScript；支持输出多种模块化文件（UMD、CommonJS、ESM 等），便于引入使用...

点击楼层，催动电梯上升或者下降电梯到达对应楼层，电梯左右门打开门打开之后，里面的美女就出来啦提示信息: 本美女就要出来了，请速速来迎接按钮会有一个点击选中的效果根据以上的分析，我们就可以很好的实现电梯小程序啦，接下来让我们进入编码阶段吧。PS: 这里的楼层数是动态生层的，不过建议值不要设置太大，可以在...

首先，我们先来看一下 Reactivity Object 响应式对象，它是基于使用 Proxy 创建一个原始对象的代理对象和使用 Reflect 来代理 JavaScript 操作方法，从而完成依赖的收集和派发更新的过程。然后，我们可以根据需要通过使用 Vue3 提供的 ref、compute、reactive、readonly 等 API 来创建对应的响应式对象。

公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务组件在 webpack、babel 等利器的帮助下应用于 Spring MVC 项目。

CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。

关于 Spring Boot + Vue3 的动态菜单，松哥之前已经写了两篇文章了，这两篇文章主要是从代码上和大家分析动态菜单最终的实现方式，但是还是有小伙伴觉得没太看明白，感觉缺乏一个提纲挈领的思路，所以，今天松哥再整一篇文章和大家再来捋一捋这个问题，希望这篇文章能让小伙伴们彻底搞清楚这个问题。

Git 的诞生是一个非常有趣的故事。1991年 Linus 开源了 Linux 内核，无数 Linux 爱好者在世界各地为 Linux 编写代码，那么问题来了，这些代码该如何管理呢？起初 Linus 使用 BitKeeper(BitMover 公司的版本控制软件)管理 Linux 的核心开发，后来 BitMover 停止了对 Linux 的支持，于是 Linus 秉承自己的版本自己写的精神...

从分析图中可以比较直观的看出，三个输出 bundle 文件中都包含了 m1.js 文件，这说明有重复的模块代码。splitChunks 的目的就是用来把重复的模块代码分离到单独的文件，以异步加载的方式来节省输出文件的体积。splitChunks 的配置项很多而且感觉官方文档的一些描述不是很清楚，下面通过一些重点配置属性和场景解释来帮助...

REmote DIctionary Server(Redis) 是一个由 Salvatore Sanfilippo 写的 key-value 存储系统。Redis 提供了一些丰富的数据结构，包括 lists, sets, ordered sets 以及 hashes ，当然还有和 Memcached 一样的 strings 结构 . Redis 当然还包括了对这些数据结构的丰富操作。