- 博客(14)
- 收藏
- 关注
RSS订阅原创 Vue2迁移到Vue3变化
文章目录v-for 中的Ref$attrs包含class&style$children移除自定义指令定制内置元素Data optionsemits options函数式组件全局API全局API tree-shakingv-on.nativev-modelv-if和v-for优先级v-for 中的Refvue2：将所有的引用放到一个数组中vue3: 可以给ref绑定一个灵活的函数，函数<div v-for="item in list" :ref="setItemRef">&
2022-01-09 12:56:54
641
原创 2021-09-18JavaScript中array的slice，splice方法和字符串split的区别
sliceslice(start,end)取数从start坐标开始，包括start坐标，不包括end坐标,返回所取的数组，原数组不变 var a = [1, 2, 3, 4, 5] console.log(a.slice(1, 3));/[2,3] console.log(a);//[1,2,3,4,5]splicesplice(start,length,new)start 起始坐标删除的长度添加的新内容(可选)注:原数组改变 var a = [1, 2, 3,
2021-09-18 10:40:32
161
原创 VUE生命周期
官方图片beforeCreated-Created期间Created之前 进行初始化和数据data的绑定，但是el还没有挂载Created-beforeMounted期间开始挂载el，如果有就继续向下编译，如果没有el就停止编译，相当于暂停了生命周期，直到挂载el恢复生命周期beforeMounted-Mounted期间此时会将数据显示到界面上，上一步是显示{{***}}beforeUpdate和update当date中的数据发生改变时就会触发，组件进行数据更新before
2021-09-07 21:35:14
154
原创 同行的input和button之间水平对齐和缝隙问题
缝隙问题缝隙问题直接在父元素的css属性上加上 font-size: 0代码在自动格式化时,往往会自动设置一些缩进、换行，而但当元素的display为inline或者inline-block的时候，这些缩进、换行就会产生空白，导致前端页面展示变形。水平对齐问题项目中input和button对不齐，是因为input和button都是vertical-align: baseline 而二者基于的基线位置不同。但是，我的demo中并未出现此问题。在input和butten上同时设置css属
2021-06-01 09:53:27
670
原创 水平滚动调设置滚动位置scrollLeft（）
设置 <div> 元素中滚动条的水平偏移 $("#businessVolumeSatus").scrollLeft(0);
2021-05-27 20:39:13
777
原创 ES6
目录 let 和var 暂时性死区 let 和var let具有块级作用域，在一个作用域中，不能重复声明，let也没有变量提升，只在声明后才能使用 var只有函数作用域，在函数内声明，函数外无效注意 ：使用let的for循环的参数和{}里面不是一个作用域，而使用var时for的参数会泄露成全局变量 暂时性死区只要块级作用域内存在 let 命令，它所声明的变量就“绑定”（binding） 这个区域，不再受外部的影响。...
2021-04-18 14:40:40
125
原创 JavaScript对象原型以及构造函数的prototype属性
基于原型的语言？JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链 (prototype chain)，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。注意：原型是每个实例都具有的属性，而prototype是函数的属性,通过prototype属性获得函数的原型实例1functi
2021-04-18 14:37:56
173
原创 解决webloader上传文件按钮无效，按f12才有反应
遇到了webUploader插件上传按钮无效问题遇到了 WebUploader 插件的上传按钮点击无效(此时鼠标在按钮任何位置时，按钮都没变化)、按F12 之后才有反应(此时鼠标在按钮任何位置时，按钮颜色都会变深) 的问题，网上查到一些答案，找到了一种测试有效的办法。原因：因为按f12页面会重新渲染解决办法html代码如下<div class="f-value"> <!-- 选择文件的按钮 --> <div id="
2021-04-16 15:50:25
539
原创 babel安装
nodejs安装安装node创建一个默认的工程创建目录: babel 打开命令行进入项目根目录，输入 npm init -y 创建一个默认的工程文件路径不能有中文，如果有中文会提示安装失败正确后显示安装babelnpm i @babel/core @babel/cli @babel/preset-envnpm i @babel/polyfill添加脚本“build”:“babel src -d dest”添加配置{ "presets": [ "@babel/prese
2021-03-22 22:02:05
185
原创 JavaScript中的块级作用域问题（let，var以及闭包的作用域不同）
作用域对比ES5ES5及之前的语法，var在if和for中，没有块级作用域，导致必须要通过function的作用域来实现应用外面变量的问题（也就是要通过闭包来解决问题） <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</butt
2020-11-21 22:25:37
336
2
原创 JavaScript 中 obj.hasOwnProperty(prop) 方法
obj.hasOwnProperty(prop) 方法功能就是判断obj上有没有prop这个属性注意：此属性是自身属性，原型链上的属性不属于此属性MDN解析e.gfunction Obj() { this.click = 11; this.unclick = 22;}Obj.prototype.add = 33;var test = new Obj();for (var i in test) { if (test.hasOwnProperty(i)) { consol
2020-10-26 10:54:02
971
原创 jquery
目录JQuery学习选择器过滤器样式操作操作DOM学习产出：欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入JQuery学习JQuery简介：jQuery就是JavaScript的一个库，
2020-10-18 23:06:16
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人