摘要：
接上篇，这次是真的接上篇，针对上篇未完成的部分，增加鉴权功能，开始之前，我们先要介绍一个新的知识，路由元数据。 在vue-router中，定义元数据的方式： 那么如何访问这个 meta 字段呢？ 首先，我们把routes 配置中的每个路由对象叫做路由记录。路由记录可以是嵌套的，因此，当一个路由匹配成 阅读全文
随笔档案-2017年07月
一步一步学Vue（八）
2017-07-28 23:24 by JerremyZhang, 1946 阅读, 收藏,
摘要：
本篇完成如下场景： 1、系统包含首页、客户信息查询、登录三个模块 2、默认进入系统首页，如果要进行用户查询，则需要进行登录授权 3、查询用户后点击列表项，则进入详情页面 基于上述场景需求描述，在客户端我们考虑，需要设计如下组件：Home组件、客户列表组件、客户详情组件、登录组件 在服务器端考虑需要： 阅读全文
一步一步学Vue（七）
2017-07-26 23:56 by JerremyZhang, 1914 阅读, 收藏,
摘要：
前言：我以后在文章最后再也不说我下篇博文要写什么，之前说的大家也可以忽略，如果你不忽略，会失望的😄，不过说出去的话还是要表示一下的，简单介绍一下路由钩子： 正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由 阅读全文
一步一步学Vue（六）
2017-07-25 23:14 by JerremyZhang, 2107 阅读, 收藏,
摘要：
本篇继续介绍vue-router，我们需要要完成这样个demo：《分页显示文章列表》；这里我们以博客园首页列表为例简化处理： 按照上图框选所示，简单分为蓝色部分文章组件（ArticleItemComponent），橙色框选部分列表组件（ArticleListComponent）；分页部分我们就简单通 阅读全文
一步一步学Vue（五）
2017-07-24 23:30 by JerremyZhang, 2710 阅读, 收藏,
摘要：
本篇是是vue路由的开篇，会以一个简单的demo对vue-router进行一个介绍，主要覆盖以下几个常用场景： 1、路由跳转 2、嵌套路由 3、路由参数 1、Vue-Router 一般来说，路由定义就是定义地址访问规则，然后由路由引擎根据这些定义的规则去查找对应的页面，并转发请求给页面进行处理；对于 阅读全文
一步一步学Vue(四)
2017-07-22 22:12 by JerremyZhang, 2915 阅读, 收藏,
摘要：
接上篇。上篇中给出了代码框架，没有具体实现，这一篇会对上篇定义的几个组件进行分别介绍和完善： 1、TodoContainer组件 TodoContainer组件，用来组织其它组件，这是react中推荐的方式，也是redux中高阶组件一般就是用来包装成容器组件用的，比如redux中的connect函数 阅读全文
一步一步学Vue(三)
2017-07-21 23:21 by JerremyZhang, 2944 阅读, 收藏,
摘要：
接上篇，有同事看了我写的博客，觉得我这人不靠谱，文笔太白了，不够严肃，所以这次我一定要做一个严肃的人，写博客要有写博客的态度，第三篇开始我在考虑一个问题，会不会太着急了，要知道Vue的组件化时它的一个买点，现在还没有完全的过一遍其核心概念我就开始结合后端了，有点操之过急了，没写过这类博文，大家见谅。 阅读全文
一步一步学Vue(二)
2017-07-20 23:32 by JerremyZhang, 4230 阅读, 收藏,
摘要：
接上篇，在本篇中，我们将要实现如下，功能，编辑和查询，我们当前的todolist程序，和线上其它的demo程序不同，我们会对其进行增删改查的基本操作，之后进行进一步的完善，按照常规的系统使用经验，一般我们新增和编辑都是在模态框中处理，这里我们不会去构建复杂的模态框，只用一个简单的div层来代替，后期 阅读全文
一步一步学Vue (一)
2017-07-19 23:11 by JerremyZhang, 12885 阅读, 收藏,
摘要：
vue应该是前端主流框架中的集大成者，它吸取了knockout，angular，react设置avalon的经验，支持各种模式写法，入门很简单，从本章开始，会记录学习vue中的点点滴滴，以笔记的形式形成博文。 1、Hello World 和任何框架一样，使用前必先引入，我们这里直接使用cdn资源,创 阅读全文
基于requirejs和angular搭建spa应用
2017-07-17 23:04 by JerremyZhang, 1136 阅读, 收藏,
摘要：
接上篇，angular 实战部分，angular比较适合spa项目，这里不借助任何seed和构建工具，直接从零搭建，基本的angular项目结构大致包含如下几个部分： 1）app.js 入口 2）index.html html框架页 3）lib（vendor）第三方类库 4）components 业 阅读全文
Angular1.x使用小结
2017-07-16 21:42 by JerremyZhang, 2182 阅读, 收藏,
摘要：
之前工作以Angular1.x为主，主要做业务系统，以后工作中技术栈可能以vue为主，在此对Angular1.x的使用做一个简单总结，这里使用1.5+版本。 基本概念 1、依赖注入 依赖注入，在angular中到处可见，这里不会照本宣科，只以很直白的方式的简单描述基本使用方式，以$scope注入为例 阅读全文
鼠标框选 下篇
2017-07-16 19:29 by JerremyZhang, 632 阅读, 收藏,
摘要：
接上篇，上篇写了大致的思路，其实还有很多问题，由于没写测试，在运行时出现了很多问题，比如绘制相关代码，会一直添加元素到dom，这主要因为我在考虑元素绘制和插入dom没有分开处理，本次主要增加了计算和绘制的代码逻辑，逻辑中有些代码还是需要优化的，比如dom访问次数过多,绘制过程做节流处理等，有需要各位 阅读全文
鼠标框选（上篇）
2017-07-15 22:00 by JerremyZhang, 1426 阅读, 收藏,
摘要：
好久没有更新博客了，感觉有些手生了，最近换了工作，有传统软件公司跳槽到互联网公司，由原来主做后端，兼职前端变成了全职前端；第一次进入互联网公司，感觉和传统软件公司或技术服务类公司相比，技术范围很浓，大家对技术更有追求，学习更主动，我很喜欢这种气氛，虽然很忙，但是感觉很充实，以后前端这部分开启，把所学 阅读全文
浙公网安备 33010602011771号