- 博客(20)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 路由传参两种形式
路由传参两种形式1、name可以和params、query都可以一起使用；2、path只能和query使用；3、使用params传参 刷新后不会保存，使用query刷新后可以保存；4、params不会在地址栏显示，query会在地址栏显示；5、params能和动态路由一起使用，而query不能...
2020-10-27 09:11:50
1054
原创 vuex
vuex一、vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式二、Vuex核心statestate是专门用来存放数据的Gettersgetters就是计算属性，比如说 ，购物车里面的总价需要计算，就可以放在getters里面进行计算Mutationsmotations是同步操作，vuex给我们提供修改仓库 store中的状态的唯一办法就是通过提交mutationactionaction是异步操作 ，用来解决异步流程来改变state数据
2020-10-26 20:07:42
219
原创 Vue组件通信(父传子、子传父、兄弟通信)
Vue组件通信(父传子、子传父、兄弟通信)一、父传子在父组件中，给子组件绑定一个属性，这个属性上需要挂载传递的值 ， 然后在子组件中用prop来接收数据二、子传父在父组件中给子组件绑定一个自定义事件 ，给这个事件上挂载需要调用的方法 ，然后再子组件中用$.emit来调用这个方法，并传参。三、兄弟通信先创建一个空的vue实例通过$.emit传入数据到空的vue实例中再用$.on 来接受数据...
2020-10-26 11:39:02
180
原创 Vue Virtual Dom 和 Diff原理(极简版)
Vue Virtual Dom 和 Diff原理(极简版)先来说说什么是Dom吧Dom就是一个js对象，专门为复杂的文档提供一种方便的工具，从而最小化进行Dom操作Diff算法diff算法就是用 JavaScript 对象结构表示 DOM 树的结构，一个新的dom树和一个旧的dom树 ，然后这两个dom树做对比 ，把它们的不同记录下来 ，然后再放到一个真正的dom树上...
2020-10-26 11:28:28
127
原创 Vue生命周期的执行过程（极简版）
beforeCreated$elcreatedbeforeMountmountedbeforeUpdateupdateddestroydestroyed
2020-10-26 10:59:40
128
原创 v-if与v-show的区别
v-if与v-show的区别一、相同点都可以控制DOM元素的显示或隐藏二、区别v-if : 判断dom元素是否显示或隐藏domv-show ：判断dom是否显示或隐藏三、性能对比v-if : 有更高的切换消耗v-show ：有更高的渲染消耗四、使用场景v-if : 适合运营条件不大可能改变的场景下v-show : 适合频繁切换v-if 用在 比如说在详情页面购物车按钮那 ， 会显示数量 ，如果购物车里面有数据，那么他会很正常的显示出来 ，但如果购物车没有数据
2020-10-26 10:52:58
139
原创 vue常用的指令
vue常用的指令v-model ： 双向数据绑定v-for ： 循环v-show ： 显示内容v-hide ： 隐藏内容v-if ： 显示与隐藏v-bind ：动态绑定，可以缩写为：v-text ：解析文本v-html ： 解析html标签v-on:click ： 给标签绑定函数，可以缩写为@...
2020-10-26 10:29:30
147
原创 为何组件的data必须是一个函数
为何组件的data必须是一个函数首先定义的 xx.vue文件在编译之后是一个类，每个地方使用这个组件的时候，相当于对这个类实例化，在实例化的时候执行data，如果不是一个函数的话，每个组件的实例的data都是同一个引用数据，当该组件作为公共组件共享使用，一个地方的data更改，所有的data一起改变。如果data是一个函数，每个实例的data都在闭包当中，就不会各自影响了简单来说就是：因为vue是可复用组件，如果data不是一个函数，那么在一个组件中修改数据会造成所有组件中数据都会改变，很容易造成
2020-10-26 10:07:16
129
原创 原型&原型链
原型&原型链一、原型在javaScript每个函数都有一个prototype属性，这个属性就叫原型二、原型链当一个对象调用自身不存在的属性/方法时，那么它会去它的原型__proto__上去找，如果还查不到，就去找原型的原型，一直找到最顶层(Object.prototype)为止。...
2020-10-23 10:39:47
134
原创 HTML5和css3新特性
HTML5和css3新特性css新特新：属性选择器属性选择器分为三种:1、基本选择器 2、伪类选择器3、伪元素选择器边框背景边框:1、border-radius 圆角2、border-image 边框背景背景：1、background-size 背景图片大小2、background-color 背景颜色文本效果text-shadow 向文本添加阴影text-justify 规定当 text-align 设置为 “justif
2020-10-23 10:14:58
213
原创 前端常见的浏览器兼容性问题及解决方案
常见的浏览器内核：常见的浏览器内核可以分四种：Trident、Gecko、Blink、WebkitIE浏览器 Trident内核，也成为IE内核Chrome浏览器 Webkit内核，现在是Blink内核Firefox浏览器 Gecko内核，俗称Firefox内核Safari浏览器 Webkit内核Opera浏览器 最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；常见的兼容性问题：不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不
2020-10-22 15:34:18
671
3
原创 link与@import区别
link与@import区别区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重 高于@import的权重；link 支持使用javascript改变样式 （document.styleSheets），后者不可...
2020-10-20 19:43:45
148
原创 简述一下src与href的区别
简述一下src与href的区别scr : 指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置href ：指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。...
2020-10-20 19:37:11
249
原创 常用的页面布局（两栏布局、三栏（圣杯、双飞翼）布局）
常用的页面布局（两栏布局、三栏（圣杯、双飞翼）布局）1. 两栏布局左边左浮动 ， 右边设置为overflow:hidden 变成BFC清除左侧浮动元素的影响2.圣杯布局两侧固定宽度，中间自定义比如一个大盒子里面嵌套了三个小盒子，分别为左边右边和中间先给大盒子一个paddind：0 200px左/右边分别为200px中间100%宽度里面的小盒子都浮动 （这个时候中间的盒子撑满了一行，把两个小盒子撑到下面）给左边小盒子 margin-left : -100% (这个时候左边小
2020-10-20 12:09:50
298
原创 清除浮动4种方式
清除浮动4种方式1、加一个额外的标签 （不推荐使用）2、父级添加overflow方法3、使用after伪元素清除浮动4、使用after和before伪元素清除浮动 （比较常用）
2020-10-20 11:46:50
169
原创 盒模型
盒模型1、什么是盒模型在html中，每个div都是一个盒子。盒模型是由 内容区域 + 内边距 + 边框 + 外边距组成的2、盒模型分为那两种标准盒模型 （width+ border + padding + margin）怪异盒模型 (width + margin)3、标准、怪异盒模型的转换box-sizing：content-box (采用标准盒模型)box-sizing：border-box (采用怪异盒模型)4、获取box的高度/宽度window.g
2020-10-20 11:40:20
117
原创 BFC
BFC1、什么是BFC？BFC是块级格式化上下文，也是一块独立的布局环境。内部元素不影响外部，外部也不影响内部。2、什么情况下会产生BFCoverflow:auto/hiddenposition:absolute/flxedfloat:left/rightdisplay:flex3、BFC应用于什么地方自适应布局清除浮动解决垂直边距重叠...
2020-10-20 11:27:25
113
原创 vue-cli4打包优化（webapck优化）
vue-cli4打包优化（webapck优化）一、去除生产环境sourceMapsourceMap资源映射文件，存的是打包前后的代码位置，方便开发使用，这个占用相当一部分空间module.exports = { // 根据你的实际情况更改这里 publicPath, assetsDir: 'assets', lintOnSave: true, productionSourceMap: false,}12345678二、对资源文件进行压缩需要下载 compression-
2020-10-16 08:37:27
287
v-model 这样绑定为什么会报错呢
2022-08-17
这种进度条echarts怎么做呀 有大神教一下嘛
2021-03-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人