- 博客(14)
- 收藏
- 关注
转载 vue-cli3 使用mint-ui
按需引入借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。首先,安装 babel-plugin-component:npm install babel-plugin-component -D然后,将 babel.config.js修改为:module.exports = { presets: ["@vue/app"], ...
2019-05-10 14:27:13
1520
转载 Vue2.4中$attrs,$listeners,inheritAttrs的使用和理解
先来看一张图如下vue父子组件之间的传值我们都知道使用props和emit,但是祖孙之间的传值在以前,我们都需要子辈作为中间人,当祖辈有值要传递给孙辈时,需要子辈作为中间人把值传递给孙辈,当孙辈想要改变祖辈的值时,需要先emit子辈的方法,然后子辈再emit父辈的方法从而改变祖辈的值,如果是多级组件嵌套的话,那么祖孙辈之间传值,就会变得非常的繁琐,为了解决这个需求,vue2.4版本产生了$...
2019-03-24 19:33:47
924
转载 element-ui中table的表头错位问题
最近在用element-ui开发一个erp系统,里面需要用到非常多的表格,数据量也非常大,但是发现了element-ui有表格错位的问了,在此记录一下解决方法:body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-...
2019-03-21 10:48:20
1448
原创 element ui表单验证坑
相信很多人的项目都有在使用element ui这套ui框架,因为真的很好用,但是再美好的东西也是存在缺点的,最近我司新开发的就在用这套ui框,其中表单验证占了很大一部分,element ui有自带的表单验证,非常方便我们使用,但是我们通常都会把数据量不大的编辑和新增用同一个表单显示,比如以下这个列表。新增和编辑都在公用一个表单验证:在新增或者编辑完前,我们肯定要清空表单来达到我们想...
2019-03-18 17:41:47
552
转载 浏览器的重绘和回流
浏览器的重绘和回流是比较常见的,在文章的开始时,我们首先要知道,浏览器是怎么进行渲染的。一、浏览器的渲染机制从上面这个图上,我们可以看到,浏览器渲染过程如下:解析HTML,生成DOM树,解析CSS,生成CSSOM树 将DOM树和CSSOM树结合,生成渲染树(Render Tree) Layout(回流):根据生成的渲染树,进行回流(Layout),得到节点的几何信息...
2019-03-04 21:25:21
456
转载 js中的引用类型和基本类型
js中的数据类型有以下几种:Number Boolean undefined Object Function String Null Symbol基本类型:Number Boolean String undefined null Symbol引用类型:Object Function基本类型的数据是存放在栈内存中的,而引用类型的数据是存放...
2019-02-20 21:18:46
221
原创 webpack初识
一、入口 ( entry ) 入口起点,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。 如:webpack.config.jsmodule.exports = { entry: './path/to/my/entry/file.js'};二、出口 ( output ) output 属性告诉 webpack...
2019-01-29 17:15:55
72
原创 mpvue-koa小程序开发开发
1.申请一个微信公众平台账号2.填写小程序的基本信息3.查看mpvue的文档,使用命令构建一个项目 :“vue init mpvue/mpvue-quickstart my-project”一路回车,这里第三步要填写appid,可在公众平台的开发菜单打开后看到,复制粘贴就行,然后就是vue的老步骤,npm install,npm run dev。4. 在微信公众后台开通腾讯云服务...
2019-01-07 20:51:21
133
原创 仿去哪儿网知识总结
1.使用iconfont 直接在main.js中引用iconfont.css2.vue-awesome-swiper在swiper中,处理因为使用v-show隐藏后显示轮播宽度或者高度失效,在swiper配置中加入observeParents: true,observer: true3.处理图片或者数据没有加载处理而没有高度的问题直接设置height:0;使用padd...
2019-01-03 21:16:56
248
原创 移动端适配之rem
现在手机业务的逐渐发展,移动端的业务原来越多,但是我们的手机品牌有很多,同一个牌子又有很多不同的型号,比如iphone就有从iphone-iphoneX多种型号,每种不同型号的手机屏幕大小也不尽相同,很多时候要做适配。 总结一下目前个人用的几种适配方式: 1.js+less 首先在页面的头部加上这么一段js代码:<script>...
2018-12-22 23:23:21
147
原创 vue之keep-alive性能优化
看过vue.js的api的小伙伴们都知道,keep-alive主要用于保留组件状态或避免重新渲染。那么我们在不同的组件切换的时候为了避免组件的重复渲染从而导致了我们的性能降低,我们通常都会在app.js的<router-view/>外面报一层keep-alive,代码如下:<keep-alive> <router-view/>...
2018-12-20 22:39:14
794
原创 react学习初总结
这是第一次接触react,以前都是在用vue做项目,突然来看react的语法其实还是特别的陌生,感觉非常的绕,但是总体感觉react的把函数式编程还是体现的淋漓尽致的,react是单向数据流的,而vue是双向绑定,react的状态改变是手动会触发,而vue是响应式,每个状态都是监听的,在中小型项目中vue项目确实用起来更加的方便,但是在一些大型项目中还是react最佳,因为vue的状态低响应式的,...
2018-11-23 14:36:50
138
原创 redux入门
redux流程图:把redux比作一个图书馆,把这个流程比作结束的流程。react components:react components是一个借书的人。action creator:一般去图书馆借书都会和管理员说,我要接什么什么书,那么这里的action creator就是你说的我要借什么什么书这句话。store:store就是这个图书馆的管理员。reducers:...
2018-09-05 22:24:48
264
原创 react的生命周期
生命周期函数指在某一时刻组件会自动调用执行的函数生命周期图如下// 在组件即将被挂载到页面上执行,只在第一次挂载到页面后执行componentWillMount(){console.log('componentWillMount')}//页面挂载之后执行componentDidMount(){console.log('页面挂载之后执行')}//组件...
2018-08-28 15:18:03
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人