- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue3的优点（经典面试题）
简单说有五点：1.体积小，2.更高效的渲染机制，3.更简单的组件开发方式，4.更严格的TypeScript支持,5.更好的可维护和拓展
2023-11-13 11:29:01
1099
原创 Vue3如何引入全局组件
总的分为四部首先将抽离的组件放入src/common(自定文件夹)/组件名.vue中其次在src/common(自定文件夹)/index.ts中 直接导出使用然后在 main.ts中 引入最后就是在需要的地方引入具体步骤如下：
2023-10-18 16:04:29
813
原创 什么是防抖和节流
在事件处理函数中添加一个定时器 在定时器中执行代码 延迟一定的时间执行代码。在当前定时器没有完成之前 禁止事件执行 等定时器完成之后再允许事件执行。如果你在定时器执行过程中再次触发事件 把原先的定时器清除，再重新定义。在事件处理函数中添加一个延时定时器，延迟一定的时间执行代码。有些事件的操作是高频率触发的 但其实触发一次就可以了。防抖和节流就是减少事件发生的频率。1.为什么要使用防抖和节流。
2022-11-07 21:55:46
135
原创 正则对象元字符
范围] 中括号 在正则中 表示 要检测一个范围内的内容 例如:[0-9a-zA-Z] 表示 检测数字或小写字母或大写字母都可以。\s 和 \S ：\s 要检测 空格、\n、\t（制表符）、空字符串等空白字符 \S 要检测 非空白字符。\w 和 \W : \w 要检测数字、字母或下划线 \W 要检测非数字，非字母，非下划线。\d 和 \D : \d 要检测数字 相当于[0-9] \D 要检测所有非数字字符。$写法：/指定内容$/ 表示 这个正则要求 被检测的字符串 必须以 指定内容 结尾。
2022-10-26 22:25:53
469
原创 数组的方法
获取数组的长度 数组的添加的删除push语法：数组.push(数据1，数据2，数据3.....)作用：在数组的尾部添加一个或者多个数据 并且返回最新数组的长度pop语法：数组.pop()作用： 在数组的尾部删除一个元素 返回被删除的数据unshift语法：数组.unshift(数据1，数据2，数据3....)作用：在数组的头部添加一个或者多个数据 并且返回最新数组的长度shift语法：数组.shift()作用： 在数组的头部删除一个元素 返回被删除的数据
2022-10-24 22:06:29
61
原创 If判断语法
选择结构(分支语句)：if if-else if-else if -if switch。语法：if(判断条件){ 条件成立执行的代码 }else{条件不成立执行的代码 }注意2：if条件不是必须是判断 只要结果能确定true和false都可以。注意1：if后面的大括号可以省略 不加大括号只能控制紧跟的一句话;循环结构：for while do-while for-in。语法：if(判断条件){ 条件成立执行的代码 }==流程控制语句 重在实际操作==顺序结构(从上往下执行。2.4switch语句。
2022-10-19 20:56:54
457
原创 数据类型的转换
parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数。parseInt(要转换的数据):将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始就不能转换则是NaN，结果取整(舍弃小数)parseFloat(要转换的数据)：将数据转换为number类型，从左往右开始转换，遇到不能转换的或者末尾结束，如果一开始不能转换则是NaN，结果保留小数。
2022-10-13 17:05:13
483
原创 数据类型的分类和类型
特殊数据类型(复杂数据类型 引用数据类型 对象数据类型)object 对象类型 { "name":"张三" }六大数据类型：五种基本数据类型和一种特殊数据类型。function 函数 function(){}array 数组类型 [1,2,3,4]语法2 typeof 要检测的数据类型。语法1 typeof(要检测的数据)number 数值类型 1234。检测数据类型typeof。
2022-10-13 09:33:23
162
原创 innerHTML和innerText的区别
/innerText不识别标签。//innerHTML可以识别标签。// 1-4 在原有的文本内容上追加内容 字符串数据类型遇到+ 是拼接。不同点：innerHTML可以识别标签 innerText不识别标签。不同点：innerHTML可以识别标签 innerText不识别标签。// 原有的内容 + 新的值。相同点：都是重写覆盖闭合标签上的原有内容。
2022-10-13 09:22:58
137
原创 Java script了解
其实这两个本质上没有关系，如果非得说有关系，那也只能说是合作关系。为了蹭热度，在合作关系的基础上，借用了Java的名字。onkeypress：键盘按下的时候触发 键盘上的特殊字符无法触发该事件 区分大小写 返回的是大写和小写的字符编码。onkeydown：键盘按下的时候触发，键盘上任何一个键都可以触发该事件 不区分大小写 返回的是大写的字符编码。在外部创建js文件 通过script标签的src属性引入文件 src="js文件路径"js代码放在script标签中，script标签可以放在任意位置。
2022-10-12 22:55:17
257
原创 渐变css样式（2）
2）径向渐变 radial-gradient径向渐变 ： 一个点到四周的渐变语法：backgrond: radial-gradient(渐变形状, 颜色1 范围1, 颜色2 范围2, ...); 渐变形状：椭圆（ellipse,默认值）、圆形（circle）
2022-10-07 10:30:00
187
原创 渐变css样式（1）
1）线性渐变 linear-gradient线型渐变 ： 从一个方向到另一个方向的渐变语法 background: linear-gradient (方向, 颜色1 范围1, 颜色2 范围 2,...)；
2022-10-07 08:00:00
134
原创 多列布局css
元素被分隔的列数——column-count属性列的宽度——column-width属性列间距——column-gap属性列与列之间的分割线——column-rule属性
2022-10-07 06:30:00
100
原创 2d 旋转 缩放 位移 倾斜
1) transform: rotate(ndeg) 旋转2）transform: scale() 缩放4）transform: skew() 倾斜
2022-10-07 05:45:00
119
原创 前端小笔记之弹性盒（flex）
justify-content 属性：设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方式,justify-content: flex-start; 默认值，主轴顶端对齐justify-content: flex-end; 主轴的末端对齐justify-content: center; 居中对齐，子元素位于弹性容器的中心justify-content: space-between; 两端对齐，子元素和子元素之间有空白空间,项目之间的间隔都相等。justify-content: space
2022-10-07 01:22:05
118
原创 前段小笔记之 表单元素
input type="text" name="pass" autocomplete="off" pattern=[1-9]{11} placeholder="请输入预约码">
2022-09-19 11:19:39
70
1原创 前段小笔记
4.在浮动元素之后，与浮动元素呈并列关系的位置，加一个不浮动块元素（空的div标签（div本身不浮动，没有尺寸）），在空的div标签上加上属性：clear：both。文档中可以显示的对象在排列时所占的位置，实际上就是一个网页内标签正常从上到下，从左到右的排列，比如，块级标签会独占一行，行级标签会在一行显示。任何标签都可以设置浮动，元素设置浮动后，不再区分标签的分类了，都类似于行内块标签(可以设置宽高，具有盒模型特性)，子元素设置浮动后，脱离正常标准流，不占位，会导致父元素高度。...
2022-08-31 21:49:22
268
原创 前段小笔记 (文本样式)
总结:文本装饰线 text-decoration:[none(没有) overline(上划线) line-through(删除线) underline(下划线)] .......
2022-08-28 20:28:05
80
原创 HTML列表
......ul 和 li 标签都是块级标签宽度默认撑满整个父元素默认由内容撑开独立成行自带外间距自带内填充自带列表符，去掉自带列表符 li{ list-style: none; }....
2022-08-25 20:00:00
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人