09 2019 档案

vue 路由懒加载
摘要：当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 有如下三种方法: 1.vue异步组件 将异步组件和 webpack 的 code-splitting 功能一起配合使用 v 阅读全文
posted @ 2019-09-18 23:03 沧海寻蝴蝶 阅读(412) 评论(0) 推荐(0)
JavaScript数组排序sort()方法
摘要：默认地，sort() 函数根据字符串Unicode码。 该函数很适合字符串（"Apple" 会排在 "Banana" 之前）。 不过，如果数字按照字符串来排序，则 "25" 大于 "100"，因为 "2" 大于 "1"。 正因如此，sort() 方法在对数值排序时会产生不正确的结果。 比较数值可以通 阅读全文
posted @ 2019-09-16 17:35 沧海寻蝴蝶 阅读(3214) 评论(0) 推荐(1)
vue中keep-alive实现前进刷新后退不刷新
摘要：利用keep-alive标签实现前进刷新后退不刷新 需求:路由前进式能够刷新数据, 返回时页面保存之前的操作. >修改App.vue中router-view, 根据路由中meta字段设置的变量判断是否被展示 >在router/index.js中添加meta字段 >在对应的组件中 手动刷新之后没有了缓 阅读全文
posted @ 2019-09-15 23:10 沧海寻蝴蝶 阅读(2821) 评论(0) 推荐(1)
css纯数字和字母换行
摘要：word-break: break-all word-break: normal|break-all|keep-all; normal: 使用浏览器默认的换行规则 break-all: 允许在单词内换行 keep-all: 只能在半角空格或连字符处换行 阅读全文
posted @ 2019-09-08 00:41 沧海寻蝴蝶 阅读(1017) 评论(1) 推荐(1)
vue-cli2.x构建项目及目录详解
摘要：vue-cli2.x构建项目及目录详解 1.全局安装vue-cli cnpm install -g vue-cli (这种安装vue-cli写法默认安装的是vue-cli2.x) 检测版本 vue -V 2.全局安装webpack cnpm install -g webpack 3.全局安装webp 阅读全文
posted @ 2019-09-02 00:37 沧海寻蝴蝶 阅读(12956) 评论(0) 推荐(3)
css3实现椭圆轨迹旋转
摘要：css3实现椭圆轨迹旋转 实现效果 X轴Y轴在一个矩形内移动 做斜线运动 设置动画延时 设置Y轴延时为动画时长的一半, 运动轨迹变成菱形 设置三次贝塞尔曲线 缩小放大 为了看起来有立体感添加scale属性,scale动画应该是X轴和Y轴的时间总和 阅读全文
posted @ 2019-09-01 00:49 沧海寻蝴蝶 阅读(6233) 评论(0) 推荐(2)
vue嵌套组件的生命周期
摘要：vue嵌套组件的生命周期 问：有A、B、C三个组件，A为B的父组件，B为C的父组件，它们的创建和挂载顺序是怎样的？即（beforeCreate/created，beforeMounte/mounted）的执行顺序 代码演示 打印结果 通过打印结果我们可以看到，beforeCreate、created 阅读全文
posted @ 2019-09-01 00:18 沧海寻蝴蝶 阅读(1208) 评论(0) 推荐(0)