发表于： 2017-06-01 20:48:07
1 1206
1、购买学院服务器，上传代码，完成任务5。
新购提示：配制FTP时选择SSH FTP协议，web目录和访问路径是不同的，访问链接没有/home/，同时需要增加:880端口。
2、慕课网扫视频
mvc:
代码规模越来越大，切分职责；复用代码（很多逻辑是一样的）；后期维护方便（修改一块功能不影响其他）。MVC是手段，终极目标是模块化和复用。
Controller注意点：
不要试图去复用Controller，一个控制器一般只负责一小块试图。
不要使用Controller去操作DOM，这不是控制器的职责。（封装到指令里面执行）
不要在Controller里面做数据格式化，ng有很好的表单控件。
不要在Controller里面做数据过滤，ng有$filter服务
一般来说，Controller是不会相互调用的。（控制器之间的交互会通过事件进行）
AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
建议把脚本放在 <body> 元素的底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。
继续强看了几节《AngularJS实战》，跟网友吐槽的一样，老师水平一级棒，教学内容确实不适合初学者，建议初渉AngularJS的师兄弟，不要深度入坑。可以直接去W3C或者菜鸟教程，照着目录直接学习，简单的例子也可以自己上手改动看看效果，感觉效果挺好，比单独看视频好太多。
3、
ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。
一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。
ng-model 指令 绑定 HTML 元素 到应用程序数据。
ng-model 指令也可以：
为应用程序数据提供类型验证（number、email、required）。
为应用程序数据提供状态（invalid、dirty、touched、error）。
为 HTML 元素提供 CSS 类。
绑定 HTML 元素到 HTML 表单。
ng-repeat 指令会重复一个 HTML 元素。
结合任务6后台页面，左侧边栏演示了AngularJS第一次实操：
//原代码
<ul>
<li><img src="./u47.png"><span>信息管理</span><span><</span> </li>
。。。。 //原先的代码共7个<li></li>标签
</ul>
使用AngularJS之后：
<ul ng-app="" ng-init="sideLi=['信息管理','Acticle管理','人才管理','推荐管理','后台管理','用户管理','内容管理']">
<li ng-repeat="x in sideLi"><img src="./u47.png"><span>{{x}}</span><span><</span> </li>
</ul>
即使用ng-repeat，重复li元素，并遍历完sideLi数组后结束，效果与之前一样，代码大大简化。
使用过程中有过报错：Error: [ngRepeat:dupes]，百度发现是数组中不能有相同元素造成的，这也太不方便了吧，感觉后面会有很多受限。
收获：尝试AngularJS结构及写法。
计划：明天继续AngularJS教程学习，后天开始进行任务的编写。
返回列表
评论