05 2018 档案
摘要：值得注意的是只有当实例被创建时 data 中存在的属性才是响应式的。也就是说如果你添加一个新的属性，比如： 那么对 b 的改动将不会触发任何视图的更新。 这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。
阅读全文
摘要：参考自:https://www.jianshu.com/p/a5b3c2284bb6 在用 Webpack 打包的时候，对于一些不经常更新的第三方库，比如 react，lodash，我们希望能和自己的代码分离开，Webpack 社区有两种方案 CommonsChunkPlugin DLLPlugin
阅读全文
摘要：参考自：https://segmentfault.com/a/1190000006191558 Object.freeze()是ES5新增的特性，可以冻结一个对象，防止对象被修改。 vue 1.0.18+对其提供了支持，对于data或vuex里使用freeze冻结了的对象，vue不会做getter和
阅读全文
摘要：本文参考自：https://mp.weixin.qq.com/s?src=3×tamp=1527154113&ver=1&signature=tWGeTa86gyK*RL0P7nwlA6-8V14FjzxUTh7CM9kQLjl0DV3sx*2hKauMGZKoYBkTSp14Zw6MOD
阅读全文
摘要：参考自：https://mp.weixin.qq.com/s?src=3×tamp=1527154113&ver=1&signature=tWGeTa86gyK*RL0P7nwlA6-8V14FjzxUTh7CM9kQLjnXjchkqgw6Lm3C5JXI-ba9wmXjXglUMApG
阅读全文
摘要：1、rest 变量将多余的参数放入数组中。 2、扩展运算符 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 扩展运算符可以处理对象，如对象的合并： 总结：二者为逆操作。 ES2018 将扩展运算符引入到了对象中。
阅读全文
摘要：1.npm地址 https://www.npmjs.com/package/qs 2、概述 将url中的参数转为对象； 将对象转为url参数形式 3、示例 控制台输出为：
阅读全文
摘要：本文参考自：https://blog.csdn.net/lion19930924/article/details/50955000 目的是防御CSRF攻击。 Token就是令牌，最大的特点就是随机性，不可预测。 CSRF 攻击之所以能够成功，是因为黑客可以完全伪造用户的请求，该请求中所有的用户验证信
阅读全文
摘要：1.export与export default均可用于导出常量、函数、文件、模块等2.在一个文件或模块中，export、import可以有多个，export default仅有一个3.通过export方式导出，在导入时要加{ }，export default则不需要 4. (1) 输出单个值，使用e
阅读全文
摘要：key也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用： 完整地触发组件的生命周期钩子 触发过渡 例如： 当 text 发生改变时，<span> 会随时被更新，因此会触发过渡。
阅读全文
摘要：本文参考自：https://mp.weixin.qq.com/s?src=11×tamp=1526886111&ver=889&signature=u9SixhvlJG2togBgR4VKSeN50y*JsqvRTRarxVp3BBBkfN2GY760LlYmWyVV*dSsNYURM7*
阅读全文
摘要：本文参考自：https://www.cnblogs.com/xiaohuochai/p/7002344.html webpack 核心概念：入口(entry)、输出(output)、加载器(loader)、插件(plugins) chunk是指代码块，而bundle是指打包后的代码
阅读全文
摘要：本文参考自：https://segmentfault.com/a/1190000014705819 最佳实践 注意：
阅读全文
摘要：本文参考自：https://mp.weixin.qq.com/s?src=11×tamp=1526883552&ver=889&signature=cZhsu8QKM7NTwpyBXF3PbFcalSVxDXipedLuIa2S7bhv2XGO8Ujy4z32UUPz7wFqmlSFcOq
阅读全文
摘要：场景：为了防止用户失误点错关闭按钮等等，导致没有保存已输入的信息(关键信息)。用法：//在路由组件中：
阅读全文
摘要：出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是第一次进入的数据。 解决方法：watch监听路由是否变化
阅读全文
摘要：1、api https://cn.vuejs.org/v2/api/#watch 有2个配置： 组件创建的时候我们获取一次列表，同时监听input框，每当发生变化的时候重新获取一次筛选后的列表这个场景很常见，有没有办法优化一下呢？ 招式解析：首先，在watchers中，可以直接使用函数的字面量名称；
阅读全文
摘要：转自： https://blog.csdn.net/Mr_YanYan/article/details/79233188
阅读全文
摘要：转自;https://segmentfault.com/a/1190000014804826
阅读全文
摘要：1、myPlugin.js文件 2、APP.vue文件 说明：以上两个文件位于同一目录 组件注册完成，输出：
阅读全文
摘要：1、概述 mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改 2、示例 （1）定义一个mixin.js （2）组件引入 这样就可以直接调用到混入对象中的hello方法 3、第二个示例 输出为：
阅读全文
摘要：1、示例代码 2、效果 3、说明 渲染子组件的内容，将子组件数据传递到插槽。 子组件： 父组件：
阅读全文
摘要：1、使用vue cli建立工程 2、在APP.vue中： 3、效果： 4、结论 sync的作用是：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。
阅读全文
摘要：1、示例 <el-icon icon="Setting" size="sm" @click.native="ceshi"></el-icon> 2、结论 native就是把组件变回原生DOM的一种方式，这样组件就有click等事件了。 是自定义的组件（不是原生dom）！没有focus等原生事件。 <
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e
阅读全文
摘要：HTML 5 提供两种强有力的“画布”：SVG 和 Canvas。 SVG 有如下特点： SVG 绘制的是矢量图，因此对图像进行放大不会失真。 基于 XML，可以为每个元素添加 JavaScript 事件处理器。 每个图形均视为对象，更改对象的属性，图形也会改变。 不适合游戏应用。 Canvas 有
阅读全文
摘要：说明： var p1 = body.select("p"); p1.style("color","red"); 是选择第一个p
阅读全文
摘要：// 字符转义 html2Escape(sHtml) { return sHtml.replace(/[&"]/g, function(c) { return { '': '>', '&': '&', ...
阅读全文
摘要：1、SwitchyOmega官网 https://www.switchyomega.com/ 2、下载插件 https://www.switchyomega.com/download.html 3、配置 https://www.switchyomega.com/settings.html （1）导入
阅读全文
摘要：本文引自：https://www.cnblogs.com/leona-d/p/6125896.html 示例代码： 效果：
阅读全文