前端知识点小记

在 JavaScript 中，使用带有 g（全局）标志的正则表达式进行多次 test() 调用时会出现一个特殊行为，这可能会导致你观察到的现象。 问题分析 原因解释 当你使用 g 标志时，正则表达式对

伪类和伪元素是CSS中用于选择和样式化特定部分或状态的元素。它们允许开发者在不改变HTML结构的情况下，对文档的特定部分应用样式。 伪类（Pseudo-classes） 伪类用于选择元素的特定状态或位

特点 默认值仅在 undefined 时生效： 如果传递的参数是 null 或其他值（包括 0、false、'' 等），默认值不会生效。 只有传递 undefined 或不传递参数时，默认值才会生效。

SVG 伪类元素 (仅 1px) transform: scaleX(0.5) / transform: scaleY(0.5) 解决 1px 线段在不同浏览器放大比例下粗细不一致问题

敲重点 在初始化和更新阶段，执行父组件生命周期函数先执行到 render，再执行完子组件整个阶段的生命周期函数，再执行父组件 render 之后的生命周期函数。 在销毁阶段，先执行子组件的生命周期函数

MDN 正则表达式 1. 创建正则表达式对象： 使用构造函数： 使用字面量： 标志 g：全局搜索 i：不区分大小写搜索 m：多行搜索 s：允许 . 匹配换行符 u：使用 unicode 码的模式进行匹

与逻辑或运算符（||）不同，逻辑或运算符会在左侧操作数为假值时返回右侧操作数。也就是说，如果使用 || 来为某些变量设置默认值，可能会遇到意料之外的行为。比如为假值（例如，'' 或 0）时

parseInt(string, radix) 解析一个字符串并返回指定基数的十进制整数，radix 是 2-36 之间的整数，表示被解析字符串的基数

promise学习计划学习计划学习计划学习计划学习计划学习计划学习计划学习计划学习计划学习计划学习计划

flex是flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局 当我们为父盒子设为flex布局之后，子元素的float，clear和v

webpack webpack.config.js mode的可选值 development 开发环境 不会对打包生成的文件进行代码压缩和性能优化 打包速度快，适合在开发阶段使用 production

语义化标签 做移动端开发使用，HTML5新增，特征和div一致，但是多了语义 字符实体 字体样式 font-style：控制字体倾斜(normal/italic) font-family：设置字体，可

express.js 初始express Express的中文官网 Express的作用和node.js内置的http模块类似，专门用来创建web服务器的

React基础 英文官网 中文官网 JSX 全称:  JavaScript XML react定义的一种类似于XML的JS扩展语法: JS + XML本质是React.createElement(co

MongoDB是一个开源、高性能、无模式的文档型数据库，当初的设计就是用于简化开发和方便扩展，是NoSQL数据库产品中的一种。是最像关系型数据库（MySQL）的非关系型数据库。<br/> 它支持的数据

基本使用 koa-parseBody koa-route 基本使用 koa-parseBody koa-route

常用数据根据是否改变原数组划分，链接MDN的文档，展示各种Array的方法的作用，以及demo方法。

ES6模块化 默认导出和默认导入 export default 成员 import xxx from 模块 按需导出和按需导入 export 成员 import {} from 模块 注意事项： 每个