前端开发

ES6模块与CommonJS模块的不同之处

2022-05-1259次阅读javascript原生Js
CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用。 CommonJS 模块是运行时加载,ES6 模块是编译时输出接口。 CommonJS 模块的require()是同步加载模块,ES6 模块的import命令是异步加载,有一个独立的模块依赖的解析阶段。
前端开发

向我解释Twitter 源代码的前10行

2022-05-1130次阅读其它
通过这些可以了解一些基础前端知识的深度。
前端开发

查找哪些JavaScript变量泄漏到全局范围

2022-05-1130次阅读javascript原生Js
检测错误或无意中添加到全局范围的变量有助于调试应用程序并避免命名冲突。web应用及其依赖项增长越多,对全局范围内发生的事情有一个良好的了解就越重要(例如,确保多个库——甚至多个应用——可以在页面上共存,而不会发生全局名称冲突)。
前端开发

Typescript keyof操作符

2022-05-0269次阅读TypeScript
keyof索引类型操作符。对于任何类型T,keyof T的结果为T上已知的公共属性名的联合。
前端开发

css轻松移除最后一个子元素样式

2022-05-0263次阅读csscss模块
css轻松移除最后一个子元素样式,可以使用:last-child,也可以通过:not(:last-child)除了最后一个给其它设置样式。
前端开发

clip-path区域裁剪学习

2022-05-0170次阅读css
clip-path属性创建一个区域可裁剪,其中的内容可见,而外部的内容不可见。
前端开发

Grid布局Flex布局水平和垂直居中

2022-04-12184次阅读flexboxGrid
Grid布局Flex布局水平和垂直居中
前端开发

charCodeAt()函数可返回字符的Unicode编码

2022-04-11128次阅读原生Js
JavaScript脚本语言中charCodeAt()函数可返回字符的Unicode编码,charCodeAt()有效返回值介于0-65535之间的正整数,通过String.fromCharCode([Unicode Value,]);可还原原字符.
前端开发

任意字符转换成HTML识别格式charCode值

2022-04-1191次阅读原生Js
1. HTML中字符输出使用&#x配上charCode值; 2. 在JavaScript文件中为防止乱码转义,则是\u配上charCode值; 3. 而在CSS文件中,如CSS伪元素的content属性,直接使用\配上charCode值。 4. unicode-range是U+配上charCode值。
前端开发

Grid 用于布局,Flexbox 用于组件

2022-03-29204次阅读flexboxGrid网格布局
CSS Grid和 flexbox 之间的主要区别。CSS Grid 是一个多维布局模块,这意味着它有列和行。Flexbox 可以将其子项布局为列或行,但不能两者兼而有之。