#javascript_base

项目启动

• 1.在当前项目目录下,打开dos窗口,运行如下命令

npm install
npm run dev

• 2.按照提示，在浏览器中打开： http:127.0.0.1:8080

现有功能描述

• 1.点击新增,跳转到新增页面;
• 2.新增后数据,返回到index页面;
• 3.删除后,页面dom有更新,但是没有被存储起来,需要存储;
• 4.更新后,页面dom没有更新、存储,需要更新、存储;

task list:

• 1.点击[新增],不要跳页面,在当前页面完成新增操作,并更新dom列表;
• 2.删除后,存储删除后的数据到localStorage;
• 3.更新后,更新页面dom,并存储数据到localStorage;

task time:

• 1.task total time: 5天

task goal:

• 1.掌握localStorage的相关操作;
• 2.掌握jQuery的操作dom相关知识点,以及js的基础知识;
• 3.初步掌握实际项目中的基础代码逻辑;
• 4.掌握js基础的一些编程习惯;

git相关操作:

• 1.下载代码

git clone http://git.oschina.net/muzi131313/javascript_base

• 2.更新代码

git fetch
git rebase

• 3.提交代码(单条执行)

git add .
git commit -m '你本次提交的内容描述'
git fetch
git rebase
git push

• 4.查看代码

gitk --all
// or
git diff

代码结构

.
├── javascript_base
│   ├── css               # css相关文件
│   ├── js                # js相关文件
|   |   ├── lib           # js外部库文件
|   |   ├── index.js      # js业务文件
|   |   └── main.js       # js自己项目库文件
│   ├── add.html          # 新增页面
│   ├── index.html        # 项目首页
│   └── README.md         # 关于此项目的说明

友情提示

• 1.新增的存储localStorage,已有现成的功能,可以自己找下相关的代码,并查询localstorage api,掌握localstorage的相关操作
• 2.dom删除,已有的现成的功能,可以自己找下相关的代码
• 3.添加后,更新localStorage,已有现成功能
• 4.这是上家公司管理后台的前端方式的开发模式,非常适合入门。
• 5.可以结合JavaScript入门篇, JavaScript深入浅出