05 2019 档案

Set和Map的区别 (@es6)
摘要：Set结构是类似于数组结构,但是成员都是不重复的值 Map结构是键值对集合(Hash结构) 阅读全文
posted @ 2019-05-23 15:26 IT攻略 阅读(6594) 评论(0) 推荐(0)
js实现快速排序
摘要：``` function quickSort(arr){ //如果数组 阅读全文
posted @ 2019-05-23 14:50 IT攻略 阅读(152) 评论(0) 推荐(0)
element-ui组件中的select等的change事件中传递自定义参数
摘要：触发change事件时可能不只需要传递被选中项的值，还要传递index过去，来改变同一循环中的其他标签的状态。 那你就需要这样像以下这样写： 下面这样写是无效的： 阅读全文
posted @ 2019-05-23 14:47 IT攻略 阅读(9904) 评论(2) 推荐(1)
关于setInterval和setTImeout中的this指向问题
摘要：前些天在练习写一个小例子的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象，如下例： 原因 setTimeout使用了匿名函数，匿名函数的this指向为window 解决方法 箭头函数 阅读全文
posted @ 2019-05-23 11:43 IT攻略 阅读(163) 评论(0) 推荐(0)
懒加载和预加载的区别
摘要：预加载是指在页面加载完成之前，提前将所需资源下载，之后使用的时候从缓存中调用；懒加载是延迟加载，按照一定的条件或者需求等到满足条件的时候再加载对应的资源 预加载增加了服务器压力，换来的是用户体验的提升，典型例子是在一个图片较多的网页中，如果使用了预加载就可以避免网页加载出来是时，图片的位置一片空白（ 阅读全文
posted @ 2019-05-22 15:18 IT攻略 阅读(3824) 评论(0) 推荐(1)
vueX的五个核心属性
摘要：state： state即Vuex中的基本数据！ state就是用来存放数据，若是对数据进行处理输出，比如数据要过滤，一般我们可以写到computed中。但是如果很多组件都使用这个过滤后的数据，这就是getters存在的意义。我们可以认为，【getters】是store的计算属性。 getters（ 阅读全文
posted @ 2019-05-22 14:44 IT攻略 阅读(3850) 评论(0) 推荐(0)
vue中的this指向问题
摘要：第一个输出英文"Hello!”，第二个输出中文“你好！”。这说明了showMessage1()里的this指的是window，而showMessage2()里的this指的是vue实例。 ※ 对于普通函数（包括匿名函数），this指的是直接的调用者，在非严格模式下，如果没有直接调用者，this指的是 阅读全文
posted @ 2019-05-21 14:27 IT攻略 阅读(3404) 评论(2) 推荐(0)
es6新特性
摘要：1.箭头函数 箭头函数中的 this 指的不是window，是对象本身。 2.class关键字 3.模板字符串 4.let与const 关键字 5.for of 值遍历 我们都知道 循环用于遍历数组，类数组或对象，ES6中新引入的 循环功能相似，不同的是每次循环它提供的不是序号而是值 6.Promi 阅读全文
posted @ 2019-05-21 14:19 IT攻略 阅读(176) 评论(0) 推荐(0)
vue搭建项目解析（vue-cli）
摘要：脚手架生成的项目，帮我们配置好了以下功能 1. 代码转 2. 转 主要是将 语法转为 主要是解析 文件 主要是将 解析到 html页面 的 style 上 3. 文件转 4.自动添加css各浏览器产商的前缀 5.代码热更新 通过配置 和 插件来实现热更新 6.资源预加载 7.每次构建代码清除之前生成 阅读全文
posted @ 2019-05-21 11:09 IT攻略 阅读(244) 评论(0) 推荐(0)
git
摘要：1.小乌龟TortoiseGit提交 2.安装桌面版Github（Github Desktop） 和Git Gui差不多，只是界面不一样 3.Git Gui提交 4.设置ssh key密钥提交 ssh key生成 git命令执行 默认生成的地址在用户下 将.pub文件里的key填到gitlab上即可 阅读全文
posted @ 2019-05-21 11:08 IT攻略 阅读(282) 评论(0) 推荐(0)
数组去重方法
摘要：方法一: ES6 数据去重法 方法二: 数组排序后, 相邻的两元素做比较 方法三: 利用对象key的唯一性进行去重 阅读全文
posted @ 2019-05-20 18:31 IT攻略 阅读(136) 评论(0) 推荐(0)
vue - 计算属性、监听、自定义指令
摘要：1.计算属性 我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值；多次调用，计算属性会立即返回之前的计算结果，而不必再次执行函数。 2.使用侦听器 我们发现，与计算属性相比， 阅读全文
posted @ 2019-05-20 18:21 IT攻略 阅读(592) 评论(0) 推荐(0)
css背景图充满整个屏幕
摘要：``` .login{ background-size:cover; position:fixed; top:0; left:0; width:100%; height:100%; background: url("../../assets/login.png")no-repeat center center; } ``` 阅读全文
posted @ 2019-05-17 17:54 IT攻略 阅读(2582) 评论(0) 推荐(0)
svg与iconfont比较：
摘要：1.兼容现有图片能力前提还支持矢量 SVG提供的功能集涵盖了嵌套转换、裁剪路径、Alpha通道、滤镜效果等能力，它还具备了传统图片没有的矢量功能，在任何高清设备都很高清。点击查看下面这张SVG图形： 这样一张高质量的矢量图片它的质量仅仅只有： 2.渲染方式不同 icon font采用的是字体渲染，i 阅读全文
posted @ 2019-05-17 17:25 IT攻略 阅读(1437) 评论(0) 推荐(0)
Vue中svg图标的使用
摘要：1.安装 2.将svg图片放入src/svg 这里安利一个svg图片库 "iconfont" src/svg路径暂时不可配置 src文件夹应和node_modules在同一个文件夹下 3.在项目的main.js入口引入vue svg icon和需要使用的svg文件名（不需扩展名） 4. 在网页中使用 阅读全文
posted @ 2019-05-17 17:20 IT攻略 阅读(1583) 评论(0) 推荐(0)
移动端适配 h5 c3
摘要：html5+css3: 阅读全文
posted @ 2019-05-17 15:58 IT攻略 阅读(228) 评论(0) 推荐(0)
最全的前端css初始化
摘要：拿来就可以用的前端初始化样式 阅读全文
posted @ 2019-05-17 15:37 IT攻略 阅读(1582) 评论(0) 推荐(0)
安卓移动端line-height垂直居中出现偏移的原因及解决方法
摘要：原因： 在Android上的行高会默认显示22px 解决办法1 解决办法2 阅读全文
posted @ 2019-05-17 15:22 IT攻略 阅读(699) 评论(0) 推荐(0)
react 父子组件通信
摘要：1.父组件向子组件传值 父组件 子组件 2.子组件向父组件传值 父组件 子组件 阅读全文
posted @ 2019-05-17 14:57 IT攻略 阅读(336) 评论(0) 推荐(0)
vue 父子组件通信
摘要：1、父组件向子组件进行传值： 父组件 子组件 2、子组件向父组件进行传值： 子组件 父组件 阅读全文
posted @ 2019-05-17 11:20 IT攻略 阅读(179) 评论(0) 推荐(0)
Dva知识集合
摘要：1.变量申明 const one = 1 let count = 0 2.模板字符串 const user = 'world' console.log(hello ${user}) //hello world 3.箭头函数 4.对象字面量 app.model({ reducers:{ add(){ 阅读全文
posted @ 2019-05-17 11:05 IT攻略 阅读(368) 评论(0) 推荐(0)
Angular2学习
摘要：1.Angular2是一个跨平台的框架 2.Angular2比Angular1更简单 3.Angular2主要关注移动应用 4.TypeScript是开发angular2的主要语言 阅读全文
posted @ 2019-05-17 11:04 IT攻略 阅读(113) 评论(0) 推荐(0)
Vue学习下
摘要：8.返回来的是一个数组，如果需要将它push到另一个数组中，则需要用...(三个点来将它们分离)（看上面） 9.v-if【判断】是不是首页，是首页的话，点击的时候就可以跳转，go（-1）往回走 阅读全文
posted @ 2019-05-17 11:04 IT攻略 阅读(129) 评论(0) 推荐(0)
前端常用js方法集
摘要：``` const roundMoney = (money) = { //数字四舍五入,保留两位小数 return (Math.round(money 100) / 100) } roundMoney (17.855) //17.86 const formatMoney = (value, digi 阅读全文
posted @ 2019-05-10 17:31 IT攻略 阅读(234) 评论(0) 推荐(0)