博客链接： CSS的Transition与Animation
本文总结CSS3中两个用来做动画的属性，一个是
transition，另一个是animation。
| CSS3 | 差异 |
|---|---|
transition |
在给定的持续时间内平滑地更改属性值（从一个值到另一个值），也就是只需要指定开始与结束的参数，参数改变时就触发动画。 |
常用语鼠标事件（ :hover 、 active 、 :focus 、 :click ）或键盘输入时触发 |
|
| 需要事件触发，无法在网页加载时自动发生。一次性，不能重复发生，除非一再触发。 | |
| 只能定义开始状态和结束状态，不能定义中间状态。 | |
animation |
可以自行写动画开始、进行间、结束时各阶段的变化，适合用来做较细微的动画表现。需要明确的指定关键帧（ @keyframe ）的参数。 |
| 网页加载时会直接执行，可以自行控制各阶段动画的变化 |
原文链接： 编程的原则：改善代码质量的101个方法
自始至终都以最简单的逻辑编写代码，让编程初学者一眼就能看懂。在编程时我们要重视的是局部的完整性，而不是复杂的整体关联性。
软件故障常集中在某一个区域，而这些区域都有一个共同的特点，那就是复杂。编写代码时如果追求简单易懂，代码就很难出现问题。不过，简单易懂的代码往往给人一种不够专业的感觉。这也是经验老到的程序员喜欢写老练高深的代码的原因。所以我们要有足够的定力来抵挡这种诱惑。
**博客文章链接： 管中窥Vue **
Vue和Angular、React.js的相同点和不同点？
**与React 的相同： **
Virtual DOM作为前端开发人员，我们经常需要为网站和应用程序添加文本内容。与传统的文本编辑器不同，富文本编辑器可让您轻松创建各种类型的文本内容，包括加粗字体、斜体字、框架、列表、图片和视频等。
本文我将向大家推荐 13 款开源的灵活可拓展的富文本编辑器，这些编辑器拥有各自独特的特性和扩展，可以帮助你创建丰富的文本内容。
主页地址： https://quilljs.com/
仓库地址： https://github.com/quilljs/quill
本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：
接下来会先从「数学中的映射」开始介绍。
本文使用到的 TypeScript 版本为 v4.6.2 。
如果你对 TypeScript 还不熟悉，可以看下面几篇资料：
本项目源码地址：
https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute- Gist/LearnSource/OvernightDemo/
随着 Nodejs 在前端涉及领域越来越广，也越来越成熟，相信很多朋友已经尝试或使用过 Nodejs 开发服务端项目了。
本文我将和大家一起回顾 Express，然后介绍一个超级外挂—— OvernightJS ，它强大的地方在于，它将为 Express 路由提供
TypeScript 装饰器支持，使得我们开发路由更加简单，代码复用性更好。
这里也希望帮助大家对 TypeScript 的装饰器有更深了解。
作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。
在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑。
本文灵感来自 wtfjs ，整理了 6 个比较常见并且很有意思的问题。
try..catch❓问题
下面代码执行后将返回什么？ 2 还是 3 ？
(() => {
try {
return 2;
} finally {
return 3;
}
})();
最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~
已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)全家桶开发，因此主要分几个方面总结：
更多文章，欢迎关注我的主页。
正确的资源下载/执行优先级，并减少页面加载期间浏览器的空闲时间，是提升Web应用性能的最重要手段之一。在实际Web应用中，此优化方案被证明比减少代码大小更为直接有效，此类型的优化对产品开发节奏的影响比较小，它只需要少量的代码更改和重构。
Javascript , XHR ,图片预加载让浏览器在关键页面预加载动态资源： 动态加载的JavaScript、预加载的XHR-GraphQL数据请求 。