摘要: 前言 Vue 横空出世,以迅雷不及掩耳之势横扫前端界,俨然有当年 jQuery 之势。我认为 Vue 成功的关键在于三点: 学习曲线平缓,有点经验的前端基本上一天就能看完文档,然后就可以上手操作。 上升空间很大,组件化/路由/Vuex/Ajax,生态完整,架构强壮,用它构建中大型项目也很容易。 AP 阅读全文
posted @ 2018-05-11 16:24 本木木 阅读(5422) 评论(0) 推荐(2)
摘要: Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型. 在我们的生产实际中,后端的接口往往是较晚才会出来,并且还要写接口文档,于是我们的前端的许多开发都要等到接口给我们才能进行,这样对于我们前 阅读全文
posted @ 2018-05-11 16:19 本木木 阅读(7985) 评论(0) 推荐(0)
摘要: 学习React不是一蹴而就的事情,入门似乎也没那么简单。但一切都是值得的。 今天给大家带来一个详细的React的实例,实例并不难,但对于初学者而言,足够认清React的思考和编写过程。认真完成这个实例的每一个细节会让你受益匪浅。接下来我们开始吧! 代码下载 预览 首先说明一下,本例究竟做了什么。本文 阅读全文
posted @ 2018-05-11 16:11 本木木 阅读(4380) 评论(1) 推荐(0)
摘要: 通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: 效果图如下: 现在把模型model内的items中的值单独写成一个JSON文件,再通过发起Ajax请求的方式获取JSON数据。 1.把todo.html文件内的模型model去除直接定 阅读全文
posted @ 2018-05-11 16:01 本木木 阅读(203) 评论(0) 推荐(0)
摘要: 与用户交互的动态清单列表 以我之前写的一个清单列表页面作为例子(MVC模式的清单列表效果),优化前代码如下: 效果如下: 优化过程 1.使复选框状态与布尔值同步(双向模型绑定) 想要为Done属性添加复选框,并与true/false的值同步,即达到以下效果: 点击复现框会使右侧true/false的 阅读全文
posted @ 2018-05-11 15:57 本木木 阅读(252) 评论(0) 推荐(0)
摘要: MVC模式的清单列表效果 使用WebStorm新建todo.html并链入bootstrap.css、bootstrap-theme.css、angular.js。要链入的相关css和js文件预先准备好,文件目录如下: 使用MVC模式前的代码: 使用MVC模式后代码如下: 效果图如下: 使用Chro 阅读全文
posted @ 2018-05-11 15:55 本木木 阅读(185) 评论(0) 推荐(0)
摘要: 语法: 要将区别先弄清$http服务,它是对原生XMLHttpRequest对象的简单封装,是只能接受一个参数的方法, 这个方法会返回一个promise对象,具有sccess和error两个方法。当然,我们也可以在响应返回时用then 方法来处理,会得到一个特殊的参数,代表了对象的成功或失败信息,或 阅读全文
posted @ 2018-05-11 15:53 本木木 阅读(979) 评论(0) 推荐(0)
摘要: AngularJS不仅仅只有双向绑定等等功能,还有发送Ajax请求的Api。 效果图: 请求的文件(data.php): Jqurey方式 AngularJS方式 使用JQuery中的Ajax和使用AngularJS中的Ajax本质上没有区别,只是api的区别,但是获取数据之后,jquery方式必须 阅读全文
posted @ 2018-05-11 15:49 本木木 阅读(3043) 评论(0) 推荐(0)
摘要: 前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。 在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使 阅读全文
posted @ 2018-05-11 15:43 本木木 阅读(643) 评论(0) 推荐(0)
摘要: 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以 阅读全文
posted @ 2018-05-11 15:42 本木木 阅读(4786) 评论(0) 推荐(0)
摘要: 前言 公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子。后来接到一个基于模板的活动设计系统的需求,便有了一下的内容。首先会对使用Vue进行开发的一些前期需要的技术储备进行简单介绍。 组件化 需求一到,接就是怎么实现,技术选型自然成为了第一个问题。鉴于目前web前端mvvm框 阅读全文
posted @ 2018-05-11 15:35 本木木 阅读(2085) 评论(0) 推荐(0)