- 博客(39)
- 收藏
- 关注
RSS订阅原创 [Violation] Added non-passive event listener to a scroll-blocking
Violation] Added non-passive event listener to a scroll-blocking 的提示信息。运行vue项目，浏览器控制台有。只需要在这个项目的路劲下运行。在main.js引入。
2023-01-10 17:01:55
347
原创 webpack基础使用
output—出口：filename-导出的文件名，path-导出的文件路径，不能直接写绝对路径，底层会自动帮我们，所以前面要声明path；如何用：不需要安装和下载，直接在webpack.config.js中引入就可以。作用：将公共依赖抽离出来，单独放在公共文件进行管理，提升前端性能。作用：自动生成打包后的html文件，自动引入打包好的脚本。如果有多个入口文件，配置文件内容有一点点不一样。entry—入口，所以这里需要引入入口文件。作用：可视化图型插件，分析模块化大小。一、在项目目录下安装。
2022-10-07 16:17:28
273
原创 插件、组件、混入
本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。2、应用在HTML标签上获取的是真是DOM元素，应用在组件标签上是组件实例对象（VueComponent）打标识：...或者当混入对象的data、methods中的数据、方法与组件实例冲突时，以组件实例的为主；//添加一个全局过滤器。Vue.mixin(混入对象)但是生命周期其实冲突都会并存。//添加一个全局过滤器。
2022-10-06 22:35:59
179
原创 Vue的组件传值
button @click='toSend'> 子组件传值给父组件2、子组件通过emit发射自定义事件， $emit('发射事件名称',传递的参数) 发射事件。// $emit('发射事件名称',传递的参数) 发射事件。// 子组件给父组件传值 用得是发射事件(自定义事件)// 1.子组件发射自定义事件通过emit。2、在引入的子组件标签引入父组件需要传的变量值。3. 在父组件使用子组件的标签定义自定义事件。1、创建子、父组件，注册测子组件。1、创建子、父组件，注册子组件。
2022-09-26 17:19:23
404
原创 Vue中的经典问题1
通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。组件是一个可复用的实例,当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。如果想要删除2，vue通常不会直接删除2，会把2变成3，3变成4，最后剩余一个没有内容的li，再把li删除，这就是复用。v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
2022-09-22 20:27:06
155
原创 Typescript的接口、抽象类
接口可以理解为抽象到极致的抽象类，接口中只能存在抽象方法和属性接口通过interface关键字来声明，通过implement来实现类实现接口必须具有接口的属性和方法，方法一般情况为一个没有方法体的方法// 类接口say(msg:string):void //未实现方法}}console.log(this.name+'说'+msg);}foo(){}}//父类得引用指向子类实例// 对象接口 创建出来的对象可以使用接口去实现male='男',female='女'}
2022-09-21 19:38:51
273
原创 事件循环：浅浅了解宏、微任务的执行顺序
(特殊情况): 一般都是微任务先执行，然后再执行宏任务，但是在promise里面的宏任务函数，必须先执行完，才能往下执行}}});});async1();结果：126435依次看代码，未执行的先别看， Promise.resolve().then(() ...微任务，放进堆中；setTimeout宏任务放进堆中，执行async1，回去看async1，输出1；
2022-09-21 15:57:26
347
原创 Promise
/如果then里面传了两个回调函数,第一个代表成功之后的回调，第二个代表失败之后的回调,分别代表resolve()和reject()：代表状态由pending->fulfilled，表示异步操作成功之后执行该回调函数，相当于resolve回调函数。:代表状态由pending->rejected，表示异步操作失败之后执行该回调函数，相当于reject回调函数。异步操作，同步解决，避免层层嵌套的回调函数，可以链式调用降低了操作难度。Promise.all([实例1，实例2])：请求成功的回调函数。
2022-09-20 19:55:27
91
原创 async异步函数、Generator函数
简单来说 是一个函数，是一个异步编程解决方案，内部封装了generator函数，是一个语法糖，内部自带执行器，与await配合使用；异步编程，同步处理;async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promiseasync函数一定会返回一个promise对象。如果一个async函数的返回值看起来不是promise，那么它将会被隐式地包装在一个promise中。
2022-09-20 19:30:57
148
原创 通过一道题了解箭头函数
2）函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的。3）箭头函数 this 指向声明时所在作用域下 this 的值。ES6 允许使用「箭头」（=>）定义函数。1）如果形参只有一个，则小括号可以省略。4）箭头函数不能作为构造函数实例化。5）不能使用 arguments。
2022-09-19 17:23:41
85
原创 迭代器的简要内容
它是一种接口，为各种不同的数据解构提供统一的访问机制。2.第一次调用指针对象的next方法，指针就指向数据结构的第一个成员。3.第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。4.不断调用指针对象的next方法，知道它指向数据结构的结束位置。方法，都会返回数据结构的当前成员的信息。具体来说，就是返回一个包含。for(let k of str) ----k拿到的是值。一、是为各种数据结构，提供一个统一的、简便的访问接口。1.创建一个指针对象，指向当前数据结构的起始位置。属性是当前成员的值，
2022-09-19 09:18:45
76
原创 ES6---class类继承
this显示绑定的属性为私有属性，而sayName（）方法没有this显示绑定，则定义在原型上是公共方法。let class1 = new Newclass('class1', '1')//我是公共方法--定义在原型上 class1。let class2 = new Newclass('class2', '2')//我是公共方法--定义在原型上 class2。console.log('我是公共方法--定义在原型上', this.name)关键字extends。
2022-09-15 20:05:03
191
原创 对象--JavaScript
表示是否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性(属性直接定义在对象中，默认为true)。当为false时，不能重新定义不能使用delete删除表示能否通过for-in循环返回属性。(属性直接定义在对象中，默认为true)Writable表示能否修改属性的值。(属性直接定义在对象中，默认为true)Value包含这个属性的数据值 name:jacky。...
2022-08-30 16:01:50
71
1
原创 AJAX发送网络请求的一个流程
例如： request.open('get', 'https://api.muxiaoguo.cn/api/caihongpi?实例.setRequestHeader('Content-type', 'application/json;request.open('请求方式','请求地址'+ Qs.stringify(参数对象))实例.send(JSON.stringify(参数对象))request.open('请求方式','请求地址')// 将节点添加到DOM结构中。//判断是否成功发送请求。...
2022-08-29 17:02:26
233
原创 DOM的学习---方法
注意：以下四个方法都需要父节点对象进行调用接受一个节点对象作为参数，将其作为最后一个子节点，插入当前节点。返回值就是插入文档的子节点2.insertBefore将某个节点插入父节点内部的指定位置语法：var 自定义名称=parentNode.insertBefore(newNode,referenceNode)；newNode：所要插入的节点referenceNode：父节点内部的一个子节点作用：newNode将插在referenceNode这个子节点的前面返回值：插入的新节点newNode3
2022-08-26 19:37:37
277
原创 要点速记--重排、重绘
当dom的变化影响了元素的几何信息(位置),浏览器需要计算元素的几何属性，将其安放在界面中的正确位置,这个过程叫做重排,表现为重新生成布局,重新排列元素。注意：重排和重绘会消耗浏览器的性能(会去计算浏览器的内存空间 占据cpu)会造成页面卡顿,ui展示迟缓。2.https是具有安全性得ssl加密的传输协议 会对传输的数据进行加密 会对响应的数据解密。当一个元素(颜色 字体颜色)的外观被改变,但是没有改变布局，重新把元素外观绘制出来的过程，1.添加、删除（重排）、更新节点（重绘）6.用户行为（重排或者重绘）
2022-08-25 10:57:37
176
1
原创 DOM的学习----事件
了解事件JavaScript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间1.事件源：事件被触发的对象 比如-->按钮对象2.事件类型：如何触发？触发什么事件？例如鼠标点击，键盘按下等…3.事件处理程序：通过一个函数赋值的方式。
2022-08-24 20:14:23
851
原创 this指向的练习题
将x=1，y=1传到函数内部，moveX(x)相当于globa.moveX(1) ,moveY(y)同理；所以函数moveX，moveY中的this指代的是global，this.x=x相当于 global.x=1；1.首先看谁调用了方法， x()相当于是global.x()，所以第一个this.name指的是global.name；x()相当于window.x()，而 window.name指的就是全局变量的name。o.b.fn()，最近调用者是b，所以fn方法中的this指代的是b。
2022-08-24 19:24:22
290
原创 this的指向
在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在事件中，this 表示接收事件的元素。在显式函数绑定时，我们可以自己决定this的指向}};在上面的对象方法中， this指代的是 person对象；在对象方法中， this 指向调用它所在方法的对象单独使用 this，则它指向全局对象。var a=this在浏览器中，window 就是该全局对象为 []:在局部作用域指向的是global。
2022-08-24 18:44:33
60
原创 全局变量和局部变量的练习
因为let a=b=20，相当于 let a=b b=20；let a=b为局部变量，b=20为全局变量。因为函数带有参数a 相当于var a；使函数内的2变成了局部变量。因为 声明提前 var name 提前到了if的前面。会报错，因为形参b=c，c没有定义。输出为Goodbye Jack。
2022-08-24 10:50:29
242
1
原创 JavaScript--数据类型转换
1、该对象为Date类型，则PreferredType 被设置为String。2.如果是一个对象，调用valueOf()，如果返回值是原始值直接返回。除了null undefined，其他基本数据类型都有toString()函数。2.调用toString()，如果返回值为原始值直接返回。3.调用valueOf()，如果返回值为原始值直接输出。3.调用toString()，如果得到原始值直接返回。全部进行转化数字toNumber()操作，进行数字相加。（1）如果有多个原始值，其中有一个String类型。...
2022-08-09 10:15:32
197
1
原创 HTTP超文本传输协议
HTTP全称HyperTexttransportprotocol（超文本传输协议）HTTP协议是客户端向服务端进行交互遵循的通讯协议HTTP报文的分类有两种请求报文和响应报文，请求报文就是客户端向服务端发送请求的信号，响应报文就是服务端响应处理后回传给客户端的信号。...
2022-07-31 00:13:56
361
原创 Html基础学习（二）
div是基础标签，属于块级标签，div是一个无意义的块级标签，是构建页面必不可少的标签并且不会为它⾥边的元素设置任何的默认样式，div元素主要⽤来进⾏⻚⾯基本结构的搭建。span标签没有任何的语义，span标签绝⼤多数情况下⽤来选中⽂字，然后为⽂字来设置样式。什么是元素，元素是用来搭建网页的基本对象。注意不要在行内元素中嵌套块级元素。img标签是一个块级的图片标签。1.块级元素在页面中独占一行。元素分为块级元素和行内元素。4.可以利用css设置宽高。3.高度由内容或自身撑起。2.宽高由自身内容撑起。...
2022-07-26 16:16:35
42
原创 Html基础学习（一）
HTML标签都拥有自己的属性，属性应该出现在元素的开始标签内部，属性名和属性值通过"="分割，属性与属性之间通过空格分割，属性名不区分大小写，属性值区分大小写并且属性值可以使用双引号引起来。简单来说，HTML是页面内容的载体，页面所包含的文字、模块等都在其中；为根标签，一个页面只能有一个根标签，网页中所有的内容都应该写在这里。、、等。、、等。双标签元素有两个标签的元素，例如。...
2022-07-19 19:27:45
60
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人