- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue3二次封装form表单
组成：form的index.vue + 逻辑处理use-form.js+各个组件(input、select等).vue使用：提供formItem.js
2023-02-28 13:43:43
1764
1
原创 v-for循环生成行包括select+input 并且不能重复选中option（超级无敌详细！！！）
1、在动态生成：el-form-item的prop的取值（很奇怪 不知道为什么一定要 ‘ xx’+index+‘xx’ 的格式才行，我其他格式会报错）2、加/减一行：使用splice() 这个api （不理解怎么使用 可以用这个网站搜一下MDN Web Docs）再加减之后使用$nextTick() 更新容器的高度（使用ref绑定）3、不能重复选择option定义一个新数组arr 存放已经选中的option（使用splice）v-show=！arr.include（option）
2023-02-08 18:03:49
887
原创 vue3+vue-cli 报错 ‘defineProps‘ is not defined
确保这些都存在，仍报错则需要修改node版本的本人改到最新版就没什么问题了
2022-12-19 11:00:16
1550
原创 封装简单的table组件
1、封装一个table组件（子）子用prop接收传过来的数据：表头数据、表体数据等若子需要向父传递事件则用$emit2、使用table的组件（父）在子标签上绑定传过去的数据3、配置表头数据（个人习惯觉得代码更清晰）将表头数据独自创建的js中
2022-12-09 11:54:18
2011
原创 如何二次封装axios？
一、在学习二次封装axios之前要先了解axios实例和axios拦截器 1、为什么要使用实例或者全局配置呢？ 就相当于我们将请求相同的部分都放在实例属性中，当实例发起不同请求时，每一条请求都可以获得共享部分的属性，只需要填写不同的地方，使得代码更加的简写、明了 2、创建axios实例 baseURL：提供基础路径（在发起请求时我们只需要） timeout：请求5s还没有成功，则中断请求 headers：设置请求头
2022-10-06 17:26:05
2384
原创 ajax和axios有什么区别？
ajax特点: 1.异步的XML和JavaScript 2.可以运行浏览器 不可以运行在node 3.发送给后台数据需要手动转换 请求头手动设置 4.后端响应的数据需要自己转换/json格式axios特点: 1.基于promise的http库 2.可以调用promise的api 3.axios默认发送就是get请求 发送数据默认格式json 4.axios请求头的数据格式会自动转换
2022-10-06 16:35:05
3108
原创 如何使用vuex-详解
1、为什么要使用vuex？2、vuex包含了什么属性？分别有什么作用？3、如何分发动作和提交突变？4、如何在vue中使用vuex？
2022-10-06 16:18:36
395
原创 js中的Generator-详解
是ES6提供的一种异步编程解决方案，语法不同于普通函数；简单的把Generator 理解为一个状态机，封装了多个内部状态。执行Generator 函数会返回一个迭代器对象，可以通过调用迭代器next依次遍历Generator函数内部的每一个状态。
2022-09-19 19:01:14
2985
原创 Promise-详解
是一种异步编程解决方案，Promise是一个容器，保存着将来才会执行的代码；从语法角度来说Promise是一个对象，可以用来获取异步操作的消息。异步操作，同步解决，避免了层层嵌套的回调函数，可以链式调用降低了操作难度
2022-09-19 17:02:36
3210
原创 js中的set和map-详解
Set类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。Set 构造函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。
2022-09-16 17:19:56
2898
原创 普通函数和箭头函数中this的指向
1、在普通函数中：this被谁调用，就指向谁2、在箭头函数中：箭头函数没有this，this在哪声明，this就指向上一层作用域
2022-09-15 19:24:05
385
原创 js中类的继承-超详细
继承父实例属性：写在父的constructor中，子使用super访问继承父实例方法：写在父类体中，子实例对象.方法名继承静态方法、静态属性：使用static声明，子构造函数.静态方法名/静态属性名
2022-09-15 16:56:09
2121
原创 盒子水平垂直居中的7种方法
父元素设置display：flex 子元素设置：margin：auto父元素设置display:flex; justify-content:center; align-items:center;父元素设置 display:grid;justify-content:center;align-items:center子绝父相;配合属性全部为0,margin:auto子绝父相;top:50%;left:50%;margin-left:-width/2;margin-top:-height/2给
2022-09-13 19:20:50
212
原创 JS继承超详细解析
原型链继承：Dog.prototype=new Animal()经典继承：Animal.call(this)组合继承：方法Dog.prototype=new Animal() 、属性Animal.call(this)
2022-09-13 15:33:03
668
原创 JavaScripe的四种设计模式
作用：创建对象；降低代码冗余度。类似我们使用函数的原理，传递不同的参数，就会调用同一函数，产生不同的值应用场景：当你想要批量生产同种类的对象的时候；比如，你想生成一个班级的40个学生，每个学生都有姓名、年龄等特征。这时候你创建一个“工厂”，把信息丢到工厂里，工厂就给你造一个人出来，非常方便。
2022-09-08 20:00:08
835
原创 使用ajax的五个步骤
AJAX是异步的JavaScript和XML;AJAX是一种用于创建更好更快以及交互性更强的Web应用程序的技术;AJAX是一种独立于Web服务器软件的浏览器技术;AJAX不是一种新的编程语言，而是一种技术;AJAX 使用 JavaScript 在 web 浏览器与 web 服务器之间来发送和接收数据（前端后端交互）;AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求）。
2022-09-08 17:21:06
1099
原创 数组常用的API有哪些？
1、数组序列化 toString()、join()2、构造函数的方法 Array.isArray() 、Array.from()、Array.of()3、栈和队列方法 push()、pop()、shift()、unshift()4、排序方法 reverse()、sort()5、操作方法 concat()、slice()、splice()6、位置方法： indexOf()、lastIndexOf()7、迭代方法： e
2022-09-05 10:09:43
716
原创 理解this在不同情况下的指向
基础知识： 在方法中，this 表示该方法所属的对象。 如果单独使用，this 表示全局对象。 在函数中，this 表示全局对象。 在事件中，this 表示接收事件的元素。 在显式函数绑定时，我们可以自己决定this的指向总结：当遇到this指向时首先思考这三个问题： this存在于谁中 this被谁调用
2022-09-04 20:39:44
188
原创 四个案例理解函数中的闭包+作用域链+this
1、为什么要使用闭包？ 可以读取函数内部的变量 让变量是始终保存在内存中2、如何形成闭包？ 函数内部嵌套函数 内部函数引用外部函数中的变量 参数和变量不会被回收 外部函数的返回值是内部函数名
2022-09-02 22:06:37
89
原创 js将类数组转变为基本数组的三种方法
第一种：使用Array.from( )作用：从类数组对象或者可迭代对象中创建一个新的数组实例第三种：使用拓展运算符使用方法：var arr=[...argument] 第二种：使用Array.prototype.slice（）+ call（）数组名.slice(start, end)： 作用1：方法可从已有的数组中返回选定的元素。 作用2：可提取字符串的某个部分，并以新的字符串返回被提取的部分。 返回值：返回一个新的数组，包含从 start 到 end （不包括该元素
2022-09-01 20:07:10
857
原创 使用js实现100~1000的水仙花数
当前数=百位数^3十位数^3+个位数^3 153=1^3+5^3+3^3 1、求当前数的 百位数、十位数、个位数 个位：对10取余 十位：除10再对10取余 百位：除100 2、再使用if判断是否满足条件
2022-09-01 17:04:56
1010
原创 使用js求1000以内的完美数（一个数本身等于他的因子之和 6=1+2+3）
思路： 使用两次for循环，第一层i指向当前的数，第二层去找 1至它本身 谁是它的因子 如果取余=0，即为它的因子，再让所有因子求和sum 若sum=i则说明i为完美数
2022-08-31 20:00:16
475
原创 5个案例理解var变量声明提前、作用域
1、观察函数是否被调用2、观察函数中的变量是否用var声明3、若函数有全局变量（没有用var声明）观察它是否会被下面的变量影响变为局部变量4、函数外不可以访问函数内的变量5、函数内的变量可以向上访问（可以访问函数外，就近原则）......
2022-08-31 19:31:55
608
原创 CSS中animation动画-详解
1、animation-name ：xx （设置关键帧的名称为xx）2、animation-duration：5s （动画持续时间为5s）3、animation-timing-function： linear （动画时间曲线 也叫做运行速度为匀速）取值：linear 匀速、 ease （默认）低速开始—>加速—>结束前减速 、ease-in 以低速开始、ease-out 以低速结束、ease-in-out 以低速开始和结束。cubic-bezier(n,n,n,n)
2022-08-30 19:40:01
50095
原创 纯css使用animation动画实现简单的轮播图
显示区域（div）设置overflow：hidden，将子元素超出显示区域的部分隐藏图片容器（ul）设置足够大才能装下浮动后的同行显示的图片、开启animation图片（li）开启浮动设置关键帧
2022-08-30 18:53:23
343
原创 flex布局（弹性盒、伸缩盒）-详细介绍
1、对于某个元素只要声明了display: flex;，那么这个元素就成为了弹性容器，具有flex弹性布局的特性2、容器属性（定义在父元素中的属性） flex-flow：是flex-deriction与flex-wrap属性的简写集合，默认属性为row nowrap，即横向排列，且不换行，如果需要控制项目排列与换行，推荐使用此属性，而非单独写两个。 flex-direction：用于控制子元素（项目）排列方式和顺序 flex-wrap：用于控制主轴上的元素不换行、换行、反向
2022-08-30 17:07:39
1650
原创 HTML如何理解定位position？分别有几种定位？
语法：position：absolute特点： 脱离标准流 不区分块级、行内、行内块级元素 同一方向上的定位属性只能使用一个，right/left+top/bottom 忽略祖先元素的padding参考点：若绝对定位的元素有祖先元素也是定位流（绝对定位、固定定位、相对定位）, 那么这个绝对定位的元素就会以该元素作为参考点，若有多个参考点，则就近原则。否则，都以body为参考点 ...
2022-08-30 15:26:00
3790
1
原创 html中的宫格怎么做？常用于商品展示等
有很多种方法：浮动float、定位position、伸缩盒flex都可以做 （本次案例使用float）思路：一个父div包含7个子div、第一个div设置与父同高、剩余6个div开启浮动、
2022-08-29 20:27:45
959
原创 如何引入iconfont中的单色图标和多色图标（超简单）
超简单！再不会引入就过分了哈!一、单色图标引入1、选择需要的图标2、创建新项目、添加至该项目、下载到本地3、将压缩包解压到自己的代码文件夹中4、在html中link引入并回到网址上复制图标代码...
2022-08-29 19:52:17
1253
原创 解决父子外边距塌陷（子元素margin-top不生效）的三种方法
第一种：父元素设置padding 第二种：父级设置边框 第三种：父元素设置overflow: hidden;
2022-08-26 16:16:27
756
原创 解决子元素浮动父元素高度塌陷的四种方法
第一种：在浮动元素（孩子）下面增加一个空的div，对它清除浮动； 第二种：父级使用伪元素选择器清除（也相当于加了一个空的块级元素）
2022-08-25 19:12:36
1074
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人