随笔分类 -  使用vue重构项目系列

该系列包括一些前端架构与框架知识,也包括对vue的一些比较有特点的特征进行分析
摘要:每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期 从图上我们可以看到vue在生命周期中有这些状态,beforeCreate,c 阅读全文
posted @ 2018-08-13 11:43 我叫悠哉 阅读(665) 评论(0) 推荐(1)
摘要:使用Angularjs和Vue.js对比 首先需要说明的是:现在默认angularjs指angular1.0+版本,angular默认指2.0以上版本。本文的名词也默认指定angular的1.0+版本。 先让我们看一下 这两个框架的设计上的一些不同。 Angularjs 1,MVC框架 2,模块化( 阅读全文
posted @ 2018-08-07 18:46 我叫悠哉 阅读(845) 评论(0) 推荐(0)
摘要:在自己的电脑下载了npm 与 node的情况下 可使用vue-cli快速构建vue项目执行命令如下: 我自己在安装的时候 报了一个关于chromedriver版本错误的问题 可以使用以下命令来解决 下面来看一下项目结构吧 简单来介绍一下这个目录 bulid 构建服务和webpack配置 下面会有各个 阅读全文
posted @ 2018-07-31 14:39 我叫悠哉 阅读(1286) 评论(0) 推荐(0)
摘要:现在的前端框架 如果没有个数据的双向/单向绑定,都不好意思说是一个新的框架,至于为什么需要这个功能,从jq或者原生js开始做项目的前端工作者,应该是深有体会。 以下也是个人对vue的双向绑定原理的一些浅薄认识,当然 再vue框架的真正实现上,比我分析的要复杂的多。主要是来了解思想 首先看下下面这段主 阅读全文
posted @ 2018-07-30 01:21 我叫悠哉 阅读(327) 评论(0) 推荐(0)
摘要:首先 我们为什么重构这个项目 1:我们现有的技术是前后台不分离,页面上采用esayUI+jq构成的单页面,每个所谓的单页面都是从后台胜场的唯一Id 与前端绑定,即使你找到了那个页面元素,也找不到所在的文件,因为这个id是随机生成的,而页面的id绑定是由后台传回来的Id获得。 2:前后端项目融合在一起 阅读全文
posted @ 2018-07-27 18:21 我叫悠哉 阅读(779) 评论(0) 推荐(0)