04 2018 档案

vue+mintUI+swiper杂感记录
摘要：1.ES6中箭头函数和function函数的区别 （1）普通函数，this普通情况下指向调用这个函数的对象 （2）箭头函数，this指向函数所处的对象，及继承父级的this 善用两种函数，可以比较合理的管理this，比如在vue中 2.vue中生命周期函数 清楚的知道vue的生命周期，才能理解vue 阅读全文
posted @ 2018-04-26 10:24 温水煮代码 阅读(237) 评论(0) 推荐(0)
vue 数据传递遇到的那些障碍
摘要：1.vue中，methods内的方法，可以内部调用，也可以再钩子函数内调用 this.func()，内部的this指向vue已经处理 2.不采用vuex管理数据和状态可能要面临的问题 一个myAxios.js封装了get，post方法，已经拦截函数，遇到的问题是不能通过return将得到的数据赋值 阅读全文
posted @ 2018-04-19 13:25 温水煮代码 阅读(616) 评论(0) 推荐(0)
阿里矢量图标库的使用
摘要：1.阿里矢量图标库 原理：通过将svg等格式的矢量图改变为相应的字体，用户通过 阿里矢量图标库，可以当做一个icon库使用，可下载png格式图标 也可下载svg格式，复制svg代码 也可加入购物车，然后放到某个项目中，通过在线的方式使用。 2.在线使用的方法 1.加入购物车 2.创建项目，将所需图标 阅读全文
posted @ 2018-04-18 15:56 温水煮代码 阅读(4034) 评论(0) 推荐(0)
css3特征查询 —@support
摘要：1.语法 @support (display:grid) or (.....) { ......}支持对属性和值的查询，可以使用or，and，not等逻辑操作符，当为真时执行里面的代码，否则跳过 2.浏览器支持情况 IE均不支持，Edge，firefox，chreme，safari，UC等均支持 3 阅读全文
posted @ 2018-04-10 10:19 温水煮代码 阅读(174) 评论(0) 推荐(0)
快速使用npm搭建vue-element项目
摘要：1.cnpm install -g vue-cli 安装全局vue脚手架，帮助快速搭建vue项目环境 2.vue install webpack my-vue-element-project 创建vue项目，同时选项中安装上vue-router 3.cd my-vue-element-project 阅读全文
posted @ 2018-04-09 16:06 温水煮代码 阅读(1522) 评论(1) 推荐(0)
css clip-path
摘要：1.关于各种各样的兼容性，推荐使用网站 https://caniuse.com查看 2.clip-path的兼容性 clip-path:url()以及部分shapes已普遍适用于移动端浏览器，pc端ie，edge不兼容，firefox支持，chorome也存在不支持 3.clip-path的使用 c 阅读全文
posted @ 2018-04-09 10:27 温水煮代码 阅读(380) 评论(0) 推荐(0)
css3 布局那些杂七杂八的事
摘要：1.grid ie11+ 加前缀支持，chrome firefox支持，UC不支持 .container{display:grid;//变为网格容器，内item变为网格项目 grid-template-columns:50px 20% 1fr 1fr; grid-template-rows:3rem 阅读全文
posted @ 2018-04-08 15:08 温水煮代码 阅读(118) 评论(0) 推荐(0)
css之流体特性和BFC
摘要：1.流体特性 块级元素默认情况下，自动占满整个父容器，在添加margin，padding,border后，实际content区域自动变化 利用这个特性，可以实现宽度已知的多栏布局 center中margin可替换为padding,border，都可将中间栏的内容压缩，left和right也可通过ab 阅读全文
posted @ 2018-04-04 12:19 温水煮代码 阅读(202) 评论(0) 推荐(0)