- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue mixins 混入
mixins 混入1.方法与参数在各个组件之间不共享假如混合对象中有一个 let a =1这个变量；先在A组件中调用了该变量并改成了5，然后又在B组件中调用了该变量，在B组件中再打印该变量的值时，值还是为1不会改变；2.如果值是为对象的选项比如：computed，methods，那么在混合对象computed，methods定义的方法会被组件中定义的computed，methods方法合并，执行的回事组件中定义的方法，比如：在混合对象里再methods中定义了一个A方法，在组件的methods中也
2021-03-26 17:25:54
156
原创 箭头函数中的this
问题：箭头函数中的this指向的是谁， 如何查找this的？答案：向外层作用域中， 一层一层的查找，只要找到this的定义，那么指向的就是该作用域的this
2021-03-23 20:35:15
118
原创 OSI的数据封装
OIS的数据封装级传输步骤解析假如是主机A向主机B发送数据主机A将用户数据交到应用层，应用层根据网络应用及应用层协议在数据头部加上一些控制信息，也就是应用层头，这样就会构成一个协议数据单元也就是PDU，应用层再将应用层的协议数据单元通过接口发送到表示层；表示层接收到来自应用层发来的协议数据单元后，再将其头部加上由表示层协议规定的一些控制信息然后构成表示层的协议数据单元，然后表示层再将协议数据单元发送给会话层；会话层接收到来自表示层发送的协议数据单元后，再将其头部加上由会话层协议规定的一些控制信息然
2020-12-25 14:43:20
653
原创 vscode 配置Git 连接Github
系统变量配置git的D:\git\Git\cmd路径，和D:\git\Git\mingw64\libexec\git-core路径vscode配置git.path:D:\git\Git\bin\git.exe连接GitHub找到项目目录右击Git Bashgit initgit remote rm origin //删除原来没添加成功的touch README.mdgit add README.mdgit commit -m “first commit”git remote add
2020-08-26 17:05:03
1266
原创 JS 空对象和空数组真假判断
if ([]) { console.log("true") //true } if ({}) { console.log("true") //true } if ([] == false) { console.log("true") } if ({} == false) { console.log("true") //true }“假值”总共只有6个：false，undefined，null，.
2020-08-26 14:44:36
2299
1
原创 flex
.box{display:flex}.span{display:inline-flex}设置flex布局后，子元素的float，clear，vertical-align属性将失效容器属性：flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentflex-directionflex-direction 定义主轴方向 有四个值row（默认值）: 主轴为水平方向，起点在左端row-rever
2020-08-25 14:29:53
384
原创 前端如何做好SEO优化
seo就是搜索引擎优化，然后在页面上所有相关网站的时候，自己的网站可以排在最前面，然后吸引流量1.优化网站的分级结构就是使用扁平化管理，让目录层级尽量不要超过三级，比如植物-水果-苹果，梨，香蕉，这样第三级就能找到苹果2.合理的用title，description，keywords因为seo最先抓取的是网页标题，所以优化title很重要比如写主页title的时候，写成网站名称-主关键词的一句描述。（比如华为-构建万物互联的智能世界）description和keywords都是写在meta标签里面
2020-07-15 09:49:44
1310
原创 20.5.27
vue生命周期的函数activated （安可题v的）（keep-alive 组件激活时调用）deactivated（滴安可题v的）（组件停用时调用）errorCaptured（安若儿刊戳的）（当捕获一个来自子孙组件的错误时被调用）flex-grow、flex-shrinkflex-grow就是用来瓜分父元素剩余的空间flex-shrink是假如两个子元素宽的和大于了父元素的宽度，那么设置给任意一个子元素设置一个flex-shrink都可以使自身的宽度减去多余的部分http1.0和http2.
2020-05-27 21:31:12
98
原创 Webpack
webpack就是一个模块打包工具，然后我们进行模块化开发的时候，会帮助我们处理模块之间的依赖关系。开发项目的时候可能有很多各式各样的文件，如果把这些文件直接发到浏览器部署的话，很有可能浏览器不能正常运行，因为有些文件它不支持。也有可能JS文件不支持ES6，只支持ES5。所以需要一个工具做一些转换和打包生成一些浏览器可以识别执行的代码前端模块化。CommonJS，ES6webpack下有一个dist文件夹打包后的文件都是放在dist文件夹里面安装webpack，新建webpack配置文件webp
2020-05-25 15:35:23
146
原创 Sass
Sass的好处就是节省事件，更高效更快捷，可以兼容所有的CSS，可以进行嵌套。Sass变量声明只需要在前面加个$符号就行变量引用就是你只用修改这个变量的值，引用的地方也会被修改嵌套就是把子选择器放到父选择器里面，可以减少多次重复书写想要使用伪类的情况下需要在前面加一个父元素符号&导入Sass文件也是用@import不过可以省略掉后缀后面必须有分号混合属性@mixin 比如有大一段样式，给他定义了一个名字，然后再样式表里面通过@include 写入定义的名这样就能提取所有样式并调用出来通
2020-05-25 14:54:25
102
原创 Vue双向绑定代码实现
<div id="app"> <form> <input type="text" v-model="number"> <button type="button" v-click="increment">增加</button> </form> <h3 v-bin...
2020-05-07 18:18:26
117
原创 Vue
响应数据的原理vue组件的生命周期如何理解MVVM的原理nextTick的实现原理vue中computed的特点vue中事件绑定原理vue双向绑定的原理vue中v-model中的实现原理及如何自定义v-modelvue中v-if和v-show的区别组件中的data为什么是一个函数vue组件如何通信什么是作用域插槽v-for为什么要用key为什么要用异步组件keep-al...
2020-04-24 14:24:12
309
原创 HTML
请写出至少5个HTML块元素标签请写出至少5个HTML行内元素标签请至少写出5个H5的新标签doctype 的作用？严格模式与混杂模式如何区分？它们有何意义？HTML5 为什么只需写< !DOCTYPE HTML>meta viewport 是做什么的,怎么写介绍一下你对浏览器内核的理解浏览器如何渲染页面的html5有哪些新特性你用过哪些 HTML 5 标签如何区分...
2020-04-23 22:13:33
250
原创 CSS
盒模型对BFC的理解px 和 em 的区别CSS3的transform，transition如何垂直居中div，如何居中一个浮动元素flex的理解CSS选择器有哪些，哪些属性可以继承display有哪些值，什么作用CSS3有哪些新特性解释一下CSS3的flexboxdisplay:none与visibility：hidden的区别为什么会出现浮动和什么时候需要清除浮动？清除浮...
2020-04-23 22:03:36
492
原创 函数防抖，函数节流
防抖原理：在事件被触发规定的时间后才执行一次，如果在规定的时间内又一次触发了事件则重新计时。应用场景：1.scroll事件滚动触发 2.搜索框输入查询 3.浏览器窗口缩放，resize事件防抖实现：function debounce(func,wait,bool){ let timeout; let result; //有需求的时候，调用的时候需要一个返回结果， let decou...
2020-04-23 18:10:11
110
原创 深拷贝，浅拷贝
JS中分为两种数据类型一种是基本数据类型另一种是引用数据类型然后基本数据类型和引用数据类型的区别在于：基本数据类型是按值传递的，引用数据类型是按引用的的地址传递，将存放在栈内存中的地址赋值给接受的变量浅拷贝只是复制对象的第一层属性，并不包括对象里面为引用类型的数据，当改变拷贝的对象里面的引用类型时，原对象也会改变。深拷贝会重新开辟一个内存空间，拷贝多层，每一层级的数据都会拷贝过来。操作拷...
2020-04-23 13:47:54
78
原创 call，apply，bind的区别
首先三者都是改变this的指向然后call，apply都是第一个参数是this的指向，只是传参的方式不同，call，后面传的都是当前函数的参数，apply后面传的一个数组然后call和apply相当于立即执行函数，使用时直接调用就行，而bind类似于函数，使用时需要加（）调用，同时bind传参方式与call相同，参数都是一个一个传递...
2020-04-20 14:25:13
80
原创 面向对象编程
**面向对象(OOP)：**具有灵活，代码可复用性，高度模块化等特点1.对象是个单个实物的抽象2.对象是一个容器，封装了对应的属性和方法3.属性是对象的状态，方法是对象的行为(要完成的任务)构造函数实例化出来的对象内部的属性constructor(构造器)属性指向了当前的构造函数 如果想生成一个对象需要一个模板(表示一类实物的共同特征)让对象生成类(class) 就是对象的...
2020-04-18 10:46:57
119
原创 this
this的绑定规则1.默认绑定function foo(){ var a = 1; console.log(this.a) //10 var a = 10; foo();像这种直接使用而不带任何修饰的函数调用，默认且只能应用默认绑定默认绑定到window上，严格模式下是undefined函数独立调用，函数内部的this也是指向windowfunction fn (){ c...
2020-04-16 18:01:46
188
原创 作用域的理解
什么是作用域作用域就是变量和函数的可访问范围，控制着变量和函数的可见性与生命周期，在JavaScript中变量的作用域有全局作用域和局部作用域。什么是变量提升变量提升就是在进入一个执行上下文后，函数和变量的声明会被JS的解释器放到最上面...
2020-04-16 17:03:06
800
原创 闭包的理解
什么是闭包呢？闭包就是定义在父函数里面的一个子函数，这个子函数可以访问父函数的变量和作用域。然后把这个子函数返回出去暴露在全局作用域下就形成了一个闭包。它是如何产生的呢？闭包也就是一个函数，它是基于词法作用域自然产生的，也就是每当你创建了一个函数，这个函数他就构成了一个闭包，只是平常开发中只有嵌套函数里的闭包经常发挥作用。什么是词法作用域呢？词法作用域就是定义在词法阶段的作用域，也是就是...
2020-04-16 14:28:15
375
原创 闭包
什么是闭包?闭包就是一个定义在一个函数内部的函数。函数外部的作用域能访问到内部的变量称作为闭包。其实所有的JS函数都是闭包，只是平时开发中，嵌套在函数内的闭包更能发挥作用。因为闭包跟作用域有关联，比如创建一个f1的函数，然后在f1中再创建一个f2函数，那么这个f2函数就是f1的闭包，f1就是全局的闭包。f2如果在f1中找不到想要的变量，它也可以向全局变量找。立即执行函数英文称作IIFE定...
2020-04-15 22:44:30
179
原创 作用域
作用域分为全局作用域跟局部作用域作用域内部原理分为五部分:1.编译2.执行3.查询4.嵌套5.异常一 编译：编译的过程中先分词，再就行解析，最后代码生成。分词： var a = 2; 分为var，a，=，2，；就是每个字符都要分一下解析：把分完词之后的字符解析成一个语法树（AST）代码生成：解析完之后，将解析完的这个语法树转换为可执行代码的一个过程叫做代码生成。就是将解析完...
2020-04-15 16:28:29
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人