发表于: 2019-04-05 16:53:39
1 866
今天完成的事情:
1、今天写了一部分js任务四的代码,并研究了一下相关知识点。
2、今天看了一些关于ajax和angular的文章,也有了一定的了解,也算是提前打一些基础吧。
以下是今天写的一些js代码:
var arr;
arr=sessionStorage.players;
players=JSON.parse(arr)
console.log(arr);
//杀手和平民数量
var allDeads;
if (sessionStorage.allDeads) {
str=sessionStorage.allDeads;
allDeads=JSON.parse(str)
}else {
var allDeads=new Array();
sessionStorage.allDeads=JSON.stringify(allDeads);
}
console.log("allDeads所有死亡信息"+sessionStorage.allDeads);
//初始状态
var stateInit = {
step: {
"1": true,
"2": false,
"3": false,
"4": false
},
isClick: {
"1": false,
"2": false,
"3": false,
"4": false
},
day: 1
}
此段代码不是完全都有我写出来的,其中借鉴了之前师哥写过的一些代码,通过写这些代码,发现自己的基础还是不够牢固,有些东西还是比较模糊,总是有一种懵懵的感觉,还是需要仔细系统地去一点一点学习啊。
明天计划的事情:
1、明天主要计划是把新代码好好地研究并学习一下,其中有很多东西还是理解的不太透彻,感觉还是需要时间去渗透。
遇到的问题:
1、除了感觉比较懵以外,今天并没有遇到什么问题,毕竟是新代码,肯定会有一些卡顿的,需要时间去解决吧。
收获:
angularjs简单介绍和特点:
首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一个框架, , 对view的dom操作或者时间监听都是在directive中实现的, 而且一般情况下很少直接去写dom操作代码, 只要你监听model, model发生变化后view也会发生变化, 就是双向绑定机制, angularjs适用于单页面开发
在angularJS中,一个模板就是一个HTML文件。但是HTML的内容扩展了,包含了很多帮助你映射model到view的内容。
HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导,即,directive(指令)。所有的指令都负责针对view来设置数据绑定。
auguarJS并不把模板当做String来操作。输入angularJS的是DOM而非string。数据绑定是DOM变化,不是字符串的连接或者innerHTML变化。使用DOM作为输入,而不是字符串,是AngularJS区别于其它的框架的最大原因。使用DOM允许你扩展指令词汇并且可以创建你自己的指令,甚至开发可重用的组件。angular占用的内存较小, 可以兼容主流的浏览器, 他拥有内置的依赖注入的子系统, 可以帮助开发人员更容易开发, 理解和测试和应用, DI允许你请求你的依赖,而不是自己找寻它们。比如,我们需要一个东西,DI负责找创建并且提供给我们。那么AngularJS可以做到。指令可以用来创建自定义的标签。它们可以用来装饰元素或者操作DOM属性。
angular和jquery的区别:
angular中是尽量避免操作DOM, angular是基于数据驱动, 适合做数据操作比较繁琐的项目,angular适用于单页面开发,是一个比较完善的mvvm框架, 包含模板和双向数据绑定, 路由, 模块化, 服务, 过滤器, 依赖注入等所有功能,但是angular验证功能比较薄弱, 需要写很多模板标签, 而且ngview只能有一个, 不能嵌套多个视图,angular的兼容性比较好,jquery是基于操作DOM, 适用于操作DOM比较多的项目, jquery是一个库, 比较大,兼容大部分浏览器, 有丰富的插件, 可拓展性强, jquery不能向后兼容, 使用插件时,可能会有冲突,
angular和vue的差别:
一angular是mvvm框架, 而vue是一个渐进式的框架, 相当于view层, 都有双向数据绑定, 但是angular中的双向数据绑定是基于脏检查机制, vue的双向数据绑定是基于ES5的getter和setter来实现, 而angular是有自己实现一套模板编译规则,vue比angular更轻量, 性能上更高效, 比angular更容易上手, 学习成本低, vue需要一个el对象进行实例化, 而angular是整个html页面下的,单页面应用, 而vue可以有过个vue实例
评论