- 博客(10)
- 收藏
- 关注
RSS订阅原创 css 动画
CSS 动画通过 @keyframes 规则和动画属性，让元素在一段时间内平滑地改变样式。动画的使用包括定义关键帧（描述每个阶段样式变化）以及在元素上应用动画属性。
2024-11-12 15:41:13
872
原创 使用 import.meta.glob 后引起的一系列问题（vue3 + vite）
import.meta 是 ES2020新增的内容，但是 .glob 是 vite 才有的，所以在声明了使用 es2020 后还需要添加 “types”: [“vite/client”] 来添加对应的代码环境，让它编译的时候认识 vite 中才有的属性。
2024-07-09 17:05:59
3852
4
原创 React JSX
React JSXJSX：全称JavaScript XML官方说明：JSX执行时实际上会被转换成React.createElement()的形式。所以JSX其实就是一个语法糖，因为写React.createElement实在是太多代码，看着心烦。JSX的优点JSX执行快，它在编译成JS代码后进行了优化在编译过程中就能发现错误使用JSX编写效率更高，它可以在JS中利用标签结构构建视图，代码结构层次清晰，后期也便于维护优化JSX的缺点JSX时JS的一个语法扩展，它有自己的语法规则，浏览
2021-10-18 20:54:59
116
原创 JS 中变量提升和函数提升
JS 中变量提升和函数提升1. 变量提升什么是变量提升？将变量声明提升到变量所在作用域的开头，只是将声明提前，并未将定义提前，即只声明未赋值在代码执行前，都会先进行预处理，而在预处理阶段，就会进行代码提升如何深入理解变量提升？console.log(a); //undefinedvar a = 100;console.log(a); //100让我们来分析一下这段代码首先，在未学习变量提升前，大家都知道，使用没有声明定义的变量，会直接报错。但是现在，它不仅不会报错，反而
2021-08-16 18:54:26
129
原创 九九乘法表
九九乘法表首先，把表格的样式整一下，均分表格，合并单元格边框。table { width: 900px; table-layout: fixed; border-collapse: collapse;}td:not(:empty) { /*这个选择器的意思是要把内容为空的单元格去掉，选中的单元格都是有的内容的*/ padding: 10px; border: 1px solid #999;}1. 两种简易版第一种：思路：既然是在页面打印，就要打好
2021-08-13 20:34:58
1408
原创 JS for循环打印星号
JS for循环打印*简易版打印* 分析 i j* 1 1*** 2 3***** 3 5******* 4 7********* 5 9故i与j的关系为j=2*i-1简易版打印*var n = 5;for (var i = 1; i <= n; i++) { var str = ""; for(var j = 1; j <= 2*i-1; j++){ str += "*"; } consol
2021-08-12 11:58:44
3696
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人