- 博客(41)
- 收藏
- 关注
RSS订阅原创 Vue2 vue-cli
vue --version 查看vue脚手架版本vue -V 查看vue脚手架版本npm uninstall -g @vue/cli 卸载。
2023-06-06 16:43:04
342
原创 Vue2 数据双向绑定与单向绑定
vm.num修改，页面会修改，但input修改值不会修改vm.num。页面修改，vm.num会修改，vm.num修改页面也会修改。
2023-06-02 10:04:08
86
原创 Vue2 入门
vm.list.push(‘vivo’) //vue实现了数组方法的重写 能够实现页面更新。vm.list[0]=‘小米1’ //无法实现页面更新，但data数据已经改变。
2023-06-02 10:00:54
121
原创 JS 数据拷贝
拷贝引用:如果对象的属性也是一个引用类型,拷贝的时候不重新创建一个新的对象来实现该属性的拷贝,那么就是浅拷贝对象的直接赋值就是浅拷贝。
2023-05-04 00:39:29
670
原创 JS 原型方法
如果第6行代码被注释，在构造函数上虽然定义了属性pname的属性值为‘小米’，但第七行在实例对象的.__proto__又重新定义了pname，覆盖了构造函数原型对象上的pname属性值，因此输出。== obj的构造函数.prototype （obj为普通对象，也叫实例对象，它由obj的构造函数所实例化出来的）因此，只要在构造函数的prototype上添加了属性或方法，由该构造函数实例化出来的对象都能使用该属性或方法。数组的方法保存于Array.prototype上。所有函数有.prototype与.
2023-05-04 00:38:31
78
原创 JS数据类型【函数】（预解析、作用域、声明提升）
（通俗易懂地来说，小张有把钥匙，他把家里打扫得特别干净，然而小明也有一把一样的钥匙，他把房间布局改变了，小张通过他手里的钥匙进入房间，里面的布局能不改变吗？其中传递基本数据类型的Fn参数其实就是数据本身，它一旦改变，后面获取到该变量的值也会发生改变，但用于作用域的原因，函数内对该变量的改变，改变不了全局变量。传递引用数据类型的Fn其实传递的是栈内存中的地址，在函数内部，通过地址改变了存储在堆内存中的数据，因此在函数外部通过该地址读取的数据也发生了改变。Object (包含 Array、Function）
2023-05-04 00:37:52
60
原创 JS数据类型【数组 for....in、for...of、for、forEach】
forEach与map区别：map返回新数组，不改变原数组的每个值；将伪数组转换为新的真实数组并返回（可以说是浅拷贝出来一个同内容的真实数组出来），不改变原数组。arr.unshift(元素) 将元素插入到数组arr的开头，改变原数组。arr.push(元素) 将元素添加到数组arr的末尾，改变原数组。arr.shift(元素) 删除数组arr的第一个元素，改变原数组。arr.pop() 删除数组arr的最后一个元素，改变原数组。改变原数组，返回值为被删除的元素所形成的数组。
2023-05-04 00:36:30
860
原创 JS 动画
1.预先给元素设置关键帧(@keyframes)，并给每帧设置边偏移或大小等属性的改变2.通过animation给元素设置动画弊端：繁琐，没有回调。
2023-05-04 00:29:13
193
原创 JS web API（鼠标键盘事件 本地缓存 排他 全选与取消 自定义属性）
Ele.属性名 获取内置属性(type、title…)Ele.getAttribute(‘属性名’)不管div设没设置type，返回的的内置属性值都为undefinedEle.属性名=？设置内置属性Ele.setAttribute(‘属性名’,‘属性值’)Ele.dataset.属性名=属性值。
2023-05-04 00:28:10
127
原创 JS 事件（冒泡、捕获）
addEventListener()事件监听（IE9以后支持）默认冒泡 事件类型不以on开头Ele.addEventListener(‘事件类型’,functionName[,是否冒泡])attacheEvent()事件监听（IE678支持）Ele.attacheEvent(‘on事件类型’, functionName);
2023-05-04 00:22:05
1036
原创 js== 与 === null与undefined区别 void
左右两边为字符，比较的是unicode值左右两边为字符串，比较的是两边字符串第一个字符的unicode值NaN不和任何值相等。
2023-05-04 00:14:54
95
原创 网页布局总结
1.布局视口窗口缩小布局不变，盒子等比例缩小2.视觉视口窗口缩小盒子大小不变，布局不变，下方出现滚动条3.理想视口理想视口就是将布局视口的宽度修改为视觉视口width=device-width 视口宽度=设备宽度user-scalable=no 用户不允许缩放initial-scale=1.0 初始缩放比maximum-scale=1.0 最大缩放比minimum-scale=1.0 最小缩放比。
2023-05-03 23:58:08
53
原创 伪数组（类数组）
伪数组具有length属性，但length属性是固定不变的，且必须是number类型；可以通过索引找到具体的值；伪数组不具备数组所具有的方法（forEach、pop、push…）
2023-04-03 16:34:17
552
原创 form submit以字体图标替换value值
在type="submit"的input标签中，将value设置为Unicode值，并将该标签对应的类名添加上去。5.复制该字体图标的Unicode值（当前值为 ）与类名。4.打开解压过的文件夹，找到底层文件夹里面的.html文件。1.搜索图标（放大镜），添加入库后，添加进项目。3.以class形式保存于本地，并解压。2.在资源管理->我的项目找到该项目。6.在项目中引入.css文件。
2023-03-30 16:51:24
133
原创 媒体查询与rem
两者都用于设置字体大小，值都代表倍率，rem也可以用于设置盒子大小设置了em的元素字体大小依据其自身字体大小或者其父元素的字体大小进行等比例缩放；设置了em的元素字体大小依据html元素的字体大小进行等比例缩放。html默认字体大小为16px 最小渲染的大小为12px。
2023-03-28 10:20:40
222
原创 placeholder颜色的修改
WebKit、Edge、Blink 浏览器需要以input::开头，带上-webkit-前缀；placeholder是HTML5中新增的表单属性，用于提示用户信息。针对火狐浏览器的版本有两种写法：低版本使用单冒号，高版本使用双冒号；IE10、IE11需要以input:开头，带上-ms-前缀。placeholder属性只在IE10+才支持，火狐浏览器只需要带上-moz-前缀，
2023-03-26 20:24:12
407
1原创 2D转换及过渡属性
hover与width、height也可以实现元素放大缩小的效果，但需要注意的是：hover作用于元素本身的大小，但不作用于该元素的背景，比如与background-size连用就失效了。transition-timing-function 会建立一条运动曲线，因此在整个transition变化过程中，变化速度可以不断改变。1.参数可以设置为百分比，相当于以自身大小为基准，移动百分比的距离。scale(x轴放大倍数，y轴放大倍数)（相对于匀速，开始时快，结束时候间慢，）（相对于匀速，开始的时候慢，之后快）
2023-03-22 14:23:00
72
原创 盒子垂直水平居中
1.父元素相对定位子元素绝对定位上、右、下、左定位为02.父元素相对定位子元素绝对定位上、左50%上、左外边距为负的子元素宽度的一半3.父相对定位子绝对定位上、左50%4.父元素display: flex;5.父元素display: flex;子元素margin: auto;总结得比较简陋，可以按照自身理解进行实战。
2023-03-22 09:31:14
34
原创 伪元素选择器
Ele::first-letter{ } 文本元素第一个字设置样式。Ele::first-letter{ } 文本元素第一行设置样式。Ele::before{ 元素前插入元素。content:‘’;Ele::after{ 元素后插入元素。
2023-03-21 15:22:37
43
原创 H5新增标签及其属性
当使用者带有动态键盘的移动设备访问带有type="tel"的表单时，大多数设备会显示数字键盘，这意味着只要数字键盘有用，这种类型就很有用，而不只是用于电话号码。由于世界各地电话号码格式多种多样，这种类型的字段对用户输入的值没有任何限制（这意味着它可能包括字母等非数字值）需要注意的是在使用type=tel时，创建的是一个专门输入电话号码的文本域（即type=text）当video标签视频内容宽度没有铺满video标签时，可以在css写上。
2023-03-21 15:08:21
217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人