2020年3月6日
vue3响应式原理
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-03-06 22:48 五环 阅读(1408) 评论(0) 推荐(0) 编辑
vue2响应式原理
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-03-06 22:47 五环 阅读(399) 评论(0) 推荐(0) 编辑
圣杯布局
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-03-06 22:46 五环 阅读(132) 评论(0) 推荐(0) 编辑
js中contains()方法的了解
摘要： contains()，js原生方法，用于判断DOM元素的包含关系； 需要注意的是：它以HTMLElement为参数，且返回布尔值。 document.addEventListener('click', (el) => { console.log(this.$refs.content.contains 阅读全文
posted @ 2020-03-06 00:25 五环 阅读(5982) 评论(0) 推荐(0) 编辑
2020年3月5日
vue中watch的详细用法，带deep,immediate
摘要： watch 的一个特点是，最初绑定的时候是不会执行的，要等到 监听的属性 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？ immediate表示在watch中首次绑定的时候，是否执行handler，值为true则表示在watch中声明的时候，就立即执行handler方法 阅读全文
posted @ 2020-03-05 16:12 五环 阅读(14321) 评论(1) 推荐(1) 编辑
vue 数组和对象渲染问题
摘要： 数组更新检测 在 vue 中使用数组的push()、pop()、shift()、unshift()、splice()、sort()、reverse() 、filter()、concat() 方法时，改变数组的同时可以触发视图的变化。 注意： 有两种情况 vue 无法检测到变动的数组，分别是： （1） 阅读全文
posted @ 2020-03-05 12:43 五环 阅读(1993) 评论(0) 推荐(0) 编辑
2020年3月3日
vuex中mutation/action的传参方式
摘要： 在vuex中提交 mutation 是更改状态的唯一方法，并且这个过程是同步的，异步逻辑都应该封装到 action 里面。对于mutation/action，有一个常见的操作就是传参，也就是官网上说的“提交载荷”。 mutation传参 朴实无华的方式mutation.js //vuex中的muta 阅读全文
posted @ 2020-03-03 14:57 五环 阅读(3374) 评论(0) 推荐(0) 编辑
rem布局样例
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,u 阅读全文
posted @ 2020-03-03 11:19 五环 阅读(1122) 评论(0) 推荐(0) 编辑
2020年1月8日
jq下拉选择组件
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-08 10:54 五环 阅读(252) 评论(0) 推荐(0) 编辑
2019年10月21日
vue项目中使用lib-flexible解决移动端适配的问题
摘要： 第一部分：项目中引入lib-flexible 一、项目中安装lib-flexible $ npm install lib-flexible --save二、在项目的入口js文件中引入lib-flexible import 'lib-flexible'通过要以上两步，就完成了在vue项目使用lib-f 阅读全文
posted @ 2019-10-21 10:27 五环 阅读(5306) 评论(0) 推荐(0) 编辑