摘要： 一、准备 1.1 简介 vue提案链接（注意详细链接每天都在变化，这是 vue 官方的在github维护的提案仓库，写在今天的提案索引是 40，自己进入链接寻找） setup语法糖 一个减少重复代码的语法糖，之前setup语法糖的提案在修改阶段，现阶段已经定稿，详情看下面的语法 1.2 插件准备 如 阅读全文

摘要： 前言 在 Vue、Angular 项目中，官方都给出了书写 CSS 的解决方案。但是 React 不同，毕竟路由、状态管理什么的也没有啊。下面是 CSS 解决方案一览： 普通前端项目、Vue、Angular、React： sass（scss）、less 一般在 React 中使用： css modu 阅读全文

摘要： 概述 浏览器渲染依靠其渲染引擎（注意和 js 引擎的区别，这是解析运行 js 代码的，比如谷歌的 V8 引擎），渲染引擎通过解析 HTML 和 CSS 构建渲染树，然后调用 GPU 接口在屏幕上呈现出图像。 我们必须知道，电脑显示器呈现图像，其实都是显卡在发生作用。针对于显卡的编程，那是属于比较底层 阅读全文

摘要： new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的。在通过new运算符被初始化的函数或构造方法中，new.target返回一个指向构造方法或函数的引用。在普通的函数调用中，new.target 的值是undefined。 function Foo() { if (!new 阅读全文

摘要： 一、简介 一个写在js代码中的断点标志符，将会在带有调试工具的浏览器下起断点的作用。 意味着你打开谷歌的debug工具时，不用手动标记断点啦 MDN解释：debugger｜MDN 阅读全文

摘要： 一、含义 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。 二、详解 高阶组件，主要就是逻辑复用。 什么是逻辑复用？比如你两个以上的组件依赖某个值，或者更进一步，具有相同的逻辑行 阅读全文

摘要： 一、CSS 各属性书写顺序 不知道谁提出的，但是使用感觉还不错： 位置相关 (position, top, right, z-index, display, float等) 盒子相关 (width, height, padding, margin) 文字相关 (font, line-height, 阅读全文

摘要： 一、概述 MDN｜HTTP cookies Cookie，通常指的是 HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie），Cookie最早是网景公司的前雇员Lou Montulli在1993年3月的发明，它是一小段文本（通常很小，不超过4kb），可以保存在浏览器，其上承载了 阅读全文

摘要： 前言 我又回来了，今天是2021年7月10号，周末，这篇随笔是一个月前发布的，现在回头看已经我已经有了更近一步的认知。这一周我阅读了谷歌开发者网站关于web优化的种种，之前的迷惑迎刃而解。UI 线程属于渲染引擎，关于渲染引擎可以看我写的这篇文章了解：浏览器渲染机制 我直接开门见山：是的，它们是共用一 阅读全文

摘要： 一、相同之处 二、不同之处 UI编程 React 通常使用 JSX Vue 还多支持模版语法，模版语法有个优势，会针对静态的HTML元素进行优化 性能优化 React 需要编程者的js水平高一些，性能优化需要自己有选择的减少diff。 Vue 框架本身有性能优化的优势，一般不需要程序员做出太多优化。 阅读全文