摘要: 今天分享一下使用vue-router做路由拦截时遇到的坑。 需要提前了解的api 1:router.beforeEach( to , from ,next) ; to: Route: 即将要进入的目标 路由对象 from: Route: 当前导航正要离开的路由 next: Function: 一定要 阅读全文
posted @ 2018-09-29 17:17 我叫悠哉 阅读(1556) 评论(0) 推荐(0) 编辑
摘要: lodop简单介绍 lodop的打印功能已经非常强大,也在带web端的图形界面,可以供用户使用。使用js在前台调用lodop打印,一般分为两种方法: 1:特殊的指令打印,这种打印方式,是采用的与js无关的一些特殊指令,说实在的,不适合我们使用。这个个人觉得只使用于你的web端图形界面使用了lodop 阅读全文
posted @ 2018-09-28 11:38 我叫悠哉 阅读(19111) 评论(4) 推荐(2) 编辑
摘要: 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期 从图上我们可以看到vue在生命周期中有这些状态,beforeCreate,c 阅读全文
posted @ 2018-08-13 11:43 我叫悠哉 阅读(653) 评论(0) 推荐(1) 编辑
摘要: 在javascrpit的语言特性上 有明确的一个特性指出,该语言的是单线程进程。这就意味着JavaScript的所有网络操作,浏览器事件,都必须是异步执行。 如下面的例子,可以感受到单线程与异步回调: 将上面代码在控制台打出 我们可以看的到 可以看出,异步操作 会在未来的某个点 由回调函数触发 再来 阅读全文
posted @ 2018-08-09 00:52 我叫悠哉 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 使用Angularjs和Vue.js对比 首先需要说明的是:现在默认angularjs指angular1.0+版本,angular默认指2.0以上版本。本文的名词也默认指定angular的1.0+版本。 先让我们看一下 这两个框架的设计上的一些不同。 Angularjs 1,MVC框架 2,模块化( 阅读全文
posted @ 2018-08-07 18:46 我叫悠哉 阅读(781) 评论(0) 推荐(0) 编辑
摘要: 在自己的电脑下载了npm 与 node的情况下 可使用vue-cli快速构建vue项目执行命令如下: 我自己在安装的时候 报了一个关于chromedriver版本错误的问题 可以使用以下命令来解决 下面来看一下项目结构吧 简单来介绍一下这个目录 bulid 构建服务和webpack配置 下面会有各个 阅读全文
posted @ 2018-07-31 14:39 我叫悠哉 阅读(1254) 评论(0) 推荐(0) 编辑
摘要: 现在的前端框架 如果没有个数据的双向/单向绑定,都不好意思说是一个新的框架,至于为什么需要这个功能,从jq或者原生js开始做项目的前端工作者,应该是深有体会。 以下也是个人对vue的双向绑定原理的一些浅薄认识,当然 再vue框架的真正实现上,比我分析的要复杂的多。主要是来了解思想 首先看下下面这段主 阅读全文
posted @ 2018-07-30 01:21 我叫悠哉 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 首先 我们为什么重构这个项目 1:我们现有的技术是前后台不分离,页面上采用esayUI+jq构成的单页面,每个所谓的单页面都是从后台胜场的唯一Id 与前端绑定,即使你找到了那个页面元素,也找不到所在的文件,因为这个id是随机生成的,而页面的id绑定是由后台传回来的Id获得。 2:前后端项目融合在一起 阅读全文
posted @ 2018-07-27 18:21 我叫悠哉 阅读(717) 评论(0) 推荐(0) 编辑
摘要: 部署到线上的步骤: 拿到打包之后的文件,删除服务器上的文件,再放上去的。 测试1: 更改js文件,删除并上传新包。 额外发现1:如果用户在上传期间,仍然在系统之内,此时即使将服务器上的包删除掉,用户不会跳出系统,只会在控制台上报错。 报错内容: 只是在报错服务器上没有指定的html文件 额外发现2: 阅读全文
posted @ 2018-06-13 18:21 我叫悠哉 阅读(1379) 评论(2) 推荐(1) 编辑
摘要: Mozilla官方文档建议的是 直接使用 autocomplete = ‘off’ 即可禁止输入框从浏览器cache获取数据,博主以前使用这个也就足够兼容浏览器了。 现在发现,却在chrome、firfox上有兼容性 无法解决。 后来查阅相关资料得到以下解决方法: 1:可以设置一个默认的input用 阅读全文
posted @ 2018-06-05 10:49 我叫悠哉 阅读(17708) 评论(1) 推荐(4) 编辑