摘要: 在Vue的项目中,如果我们想要做返回、回退操作时,一般会调用 这个api,但是实际操作中,使用这个api有风险,就是会让用户跳出当前应用,因为它记录的是浏览器的访问记录,而不是你当前应用的访问记录,这是非常可怕的事情。 解决方案就是,我们自己来维护一份history跳转记录。 案例与使用场景 代码地阅读全文
posted @ 2019-05-19 08:20 dora_zc 阅读(170) 评论(0) 编辑
摘要: 这是一个超级精简版的VueRouter,实现hash模式下,hash改变组件切换的功能,原理就是利用了 Vue.js 的响应式机制触发router view组件的重新渲染。 代码 https://github.com/dora zc/vue wheels/tree/master/MiniVueRou阅读全文
posted @ 2019-05-17 22:53 dora_zc 阅读(14) 评论(0) 编辑
摘要: [TOC] Vue.js 代码实现 检验学习效果的最好方法就是自己造轮子。最近在学习Vue源码,写了一个迷你版vue,实现数据响应式。从step1到step3.2,是开发步骤和实现思路,每一步都可以独立运行。 代码地址:https://github.com/dora zc/miniature vue阅读全文
posted @ 2019-05-15 17:45 dora_zc 阅读(498) 评论(0) 编辑
摘要: 词法作用域 词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。编译的词法分析阶段 基本能够知道全部标识符在哪里以及是如何声明的,从而能够预测在执行过程中如何对它 们进行查找。 eval(..) 和 with JavaScript 中有两个机制可以“欺骗”词法作用域:eval(..) 和 w阅读全文
posted @ 2019-05-14 20:26 dora_zc 阅读(16) 评论(0) 编辑
摘要: 对于父子(含跨级)传递数据的通信方式,Vue.js 并没有提供原生的 API 来支持,而是推荐使用大型数据状态管理工具 Vuex,但 Vuex 对于小型项目来说用起来真的很麻烦。 在 Vue.js 1.x 中,提供了两个方法: 和 ,前者用于向上级派发事件,只要是它的父级(一级或多级以上),都可以在阅读全文
posted @ 2019-05-06 15:18 dora_zc 阅读(33) 评论(0) 编辑
摘要: [TOC] webpack安装 项目内安装 webpack配置文件 默认配置文件 不使用默认的配置文件,例如想用 作为配置文件并执行 修改package.json字段 webpack核心概念 entry 指定打包入口文件 output 打包后的文件位置 loader webpack默认只知道如何处理阅读全文
posted @ 2019-05-06 14:56 dora_zc 阅读(23) 评论(0) 编辑
摘要: vue.eslintrc.js 如果用VueCli 3.x版本,也可以放在package.json里。阅读全文
posted @ 2019-05-06 14:39 dora_zc 阅读(13) 评论(0) 编辑
摘要: 目标:自己实现一个antd表单组件 先看下Ant Design官网上给出的表单组件用法: 组件功能分析: 1-每个input输入框被触发后开始做非空校验并提示错误 2-表单提交时做表单项校验,全部校验成功则提示登录,否则提示校验失败 3-表单项增加前置图标 1-每个input输入框被触发后开始做非空阅读全文
posted @ 2019-04-24 17:40 dora_zc 阅读(106) 评论(0) 编辑
摘要: 同样一套代码,react-redux 6.0.x 的版本下可以正常运行,在7.0.x的版本下出现报错,而且报错原因实在太难定位了 package.json 解决方法:把这里的 ^7.0.2 缓存 ^6.0.0 即可。 报错截图如下:阅读全文
posted @ 2019-04-24 10:42 dora_zc 阅读(51) 评论(0) 编辑
摘要: server.js index.html index.js阅读全文
posted @ 2019-01-05 12:09 dora_zc 阅读(14) 评论(0) 编辑