前端开发

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

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

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

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

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

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

Grid 用于布局,Flexbox 用于组件

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

React-use一个很好用的React Hooks库

2022-03-10513次阅读React
React-use一个很好用的React Hooks库
前端开发

react-router不同路由使用相同组件无法渲染问题

2022-03-10242次阅读React
react-router不同路由使用相同组件无法渲染问题,给组件加上key属性即可
前端开发

Promise延时取消函数

2022-03-02202次阅读javascript
Promise可以延时也可以取消的函数
前端开发

TypeScript报错TS2339: Property 'token' does not exist on type 'default'

2022-01-19427次阅读TypeScript
TS是静态类型的语言,未定义的属性直接调用会报错。
前端开发

在Chrome DevTools中显示Shadow Dom的CSS样式

2022-01-12326次阅读其它
Shadow DOM在视图中正常情况下是隐藏的,例如input文本框,按钮和输入之类的东西。r不过你可以能过打开Chrome浏览器,F12调起Chrome DevTools调试工具,右上角齿轮形状的即Settings点击一下,Preferences中Elements分类下Show user agent shadow DOM勾选即可,这样就会在元素标签页中显示被隐藏的Shadow DOM代码。
前端开发

使用Grid布局轻松实现元素层叠效果

2022-01-12268次阅读css模块css
grid-area: 1/-1,-1代表在网格的最后一列和行,因此会一直跨越到列或行结束。