本篇继续学习vuex,还是以实例为主;我们以一步一步学Vue(四)中讲述的例子为基础,对其改造,基于vuex重构一遍,这是原始的代码: todolist.js ; (function () { var list = []; var Todo = (function () { var id = 1; ...
分类:
其他好文 时间:
2017-08-03 23:44:27
阅读次数:
342
事件委托又称事件代理,即利用事件的冒泡机制 那我们在什么时候用事件委托呢?在需要添加事件的元素很多并且这些元素需要频繁增删且不能刷新的的时候我们就需要事件委托了,例如我们在用JavaScript写一个todoList时就需要用到事件委托 这就是事件委托的简单案例,通过将事件抛给上层的ul而通过检查事 ...
分类:
Web程序 时间:
2017-08-03 16:52:29
阅读次数:
281
【原创】 先上源码吧! <!DOCTYPE html><html lang="en" ng-app="todoList"><head><meta charset="UTF-8"><title>todoList</title><link rel="stylesheet" type="text/css" ...
分类:
Web程序 时间:
2017-07-27 15:51:45
阅读次数:
215
TO-DO List是一项非常好用的功能。采用她可以让我们很清楚的了解以前完成了那些任务,还有哪些任务需要做,由谁负责完成,是不是比较紧急的任务等。今天来不及完成的,明天上班就可以很快的找到任务所在的位置。 打开TODOLIST:点击菜单【View】--> 选择菜单【To-Do List】 显示窗口 ...
MVC是什么? MVC是一种架构模式,它将应用抽象为3个部分:模型(数据)、视图、控制器(分发器) 本文将用一个经典的例子todoList来展开 一个事件发生的过程(通信单向流动): 1、用户在视图V上与应用程序交互 2、控制器C触发相应的事件,要求模型M改变状态(读写数据) 3、模型M将数据发送到 ...
分类:
Web程序 时间:
2017-07-25 14:22:09
阅读次数:
229
MVC是什么? MVC是一种架构模式,它将应用抽象为3个部分:模型(数据)、视图、控制器(分发器)。 本文将用一个经典的例子todoList来展开(代码在最后)。 一个事件发生的过程(通信单向流动): 1、用户在视图 V 上与应用程序交互 2、控制器 C 触发相应的事件,要求模型 M 改变状态(读写 ...
分类:
Web程序 时间:
2017-07-25 00:56:56
阅读次数:
239
v-text和v-html的区别 v-text:会把html的标签输出 v-html:不会把html的标签输出 比如: 使用v-html会输出:this is a todoList 使用v-text会输出:<span>this is a todoList</span> //会连同标签一同输出 ...
分类:
Web程序 时间:
2017-07-22 21:10:50
阅读次数:
172
接上篇,在本篇中,我们将要实现如下,功能,编辑和查询,我们当前的todolist程序,和线上其它的demo程序不同,我们会对其进行增删改查的基本操作,之后进行进一步的完善,按照常规的系统使用经验,一般我们新增和编辑都是在模态框中处理,这里我们不会去构建复杂的模态框,只用一个简单的div层来代替,后期 ...
分类:
其他好文 时间:
2017-07-21 01:20:32
阅读次数:
335
1.首页:添加背景图 2.项目经验:分几个部分进行展示 小游戏、论坛、插件、css3、vue、jQuery mobile、todolist 3.前端技能 4.个人经历 5.左侧信息栏 js部分: 滚轮事件和键盘事件 参考:http://www.ydcss.com/archives/516 WebKi ...
分类:
其他好文 时间:
2017-06-04 20:10:15
阅读次数:
265
React 版的TodoList: React Todolist Vue 版的TodoList: Vue Todolist ...
分类:
其他好文 时间:
2017-05-27 16:14:06
阅读次数:
154