1,取JSON的长度:.lengthphp
2,$scope的做用域:css
2.1,controller的嵌套:html
$scope会从内向外查找函数和值。前端
2.2,$rootScope:node
最父级的做用域。jquery
子类能够经过$parent()来找到父级的$scope的值。css3
3,$parse:转义git
4,$filter(‘uppercase’)(‘abc’)==‘ABC’github
5,$watch:web
绑定不一样的ng-model,有不一样的function(参数) //$watch不须要注入
Ng-model function(参数)
Input function(newVal,oldVal,scope) //这里的scope和controller的$scope同一个做用域
Textarea function(body) //body:textarea中的内容
6,数据JSON的新增
$scope.person={greet:false;}; //{{person}} == {‘greet’:’false’;}
$scope.person.name=’aaa’;
//{{person}} == {‘greet’:’false’;’name’:’aaa’}
7,<pre>
20150614
angularJS
指令:
1,驼峰命名法:
<my-directive>---html
‘myDirective’ ----js
2,restrict:
E-element
<my-hello>
C-class
<div class=’my-hello’>
A-attr
<div my-hello>
M-注释
Js---myHello
3,隔离做用域:directive中有一个做用域:scope
4,$scope.someBarValue---copy
$scope.someModel.someValue---引用copy
5,ng-include:将外部HTML写入应用中。
6,ng-switch
7,ng-class=’{even:!$even,odd:!$odd}’ //控制class产生相间的class
20150616
angularJS指令:
.directive
1,scope做用域的区别:
网上的许多例子都在玩做用域,将不一样的模块分开来,.directive有一个.js文件,.factory有一个.js文件,在用一个.js文件将全部依赖的文件都传进来。
Angular.module(‘myApp’,[这里放全部依赖的指令,服务等])
2,将指令的video再看一遍,在了解了基础知识的状况下,看video会不会有不一样的体会,体验学习方法,是直接看视频有效,仍是先初步了解API,再看视频有效。
3,下面总结今天所学的一些知识点,在从此学习到更系统的知识之后再回来纠正或者补充。
1,.directive变换标签时,原来的属性attr不会被换掉,会保留下来(replace:true),是这样的嘛?
2,目前学习到的做用域有3种:
$rootscope---根做用域
Controller中继承的做用域
指令中的隔离做用域
(后面要理解三者的区别)
3,transclude:true时,template有子节点时为true??
4,compile(编译)---标签解析和变换
5,link(连接)---数据绑定,事件绑定等(绑定template上的元素)
6,requie---链接其余controller
后续还要看例子,积累别人是怎么写代码的
20150623
nodeJS:对于后端,仍是要按部就班,慢慢熟悉整个过程,先完成前端angular的学习,再学习Node.
angularJS:
UI-router提供路由
20150630
angularJS
指令(还要多看例子,学习代码怎么写)
1,directive,scope做用域的区别,三种不一样的做用域产生方式。
2,构思vote和供应商admin后台实现方式。
3,ng-transclude---在控制器中控制DOM:
Template中有ng-transclude属性,老的数据放在<span ng-transclude></span>中
4,指令中的controller是公共的,能够被其余指令require使用的。
5,link中的函数,方法只能这个指令中使用。
6,compile---有compile就不用link了,由于compile中返回的就是link,link指的是postlink,而compile中能够有prelink和postlink。
路由(ng-view,模板,根据不一样的url分不一样的走向,不刷新整个页面,刷新部分页面,相似于ajax,也有绑定controller提供业务处理的函数和方法)
1,html和controller怎么引入,一个页面一个js,怎么实现?或者有其余更好的方法,controller在使用前,是否是不会是实例化?
20150701
Angular
学习问题:
1,在页面加载的时候,如何给ng-repeat中小于100的数字的添加{color:red}的样式。
20150705
毕业已经一年了,来杭州也快一年了,在这一年的时间里学会了不少东西,收获了不少。
今天翻看年初拿到的笔记本,上面写着的以往的天天的计划和完成的事情。看着本身从html标签都不认识的,到如今会写js脚本,会使用jquery,在学习angularJS,这一路上,多少的日日夜夜,很感谢本身,坚持了下来,也但愿本身能学会放空本身,时时刻刻记住,刚刚接触编程时的,兴奋,谨记赤子之心,多多学习。
须要实现的目标:
1,读一遍供应商前端代码。
2,用angular将供应商代码写出来,思索,是否使用angular使代码简化。
3,前端html.css,从空白到页面,要画出来。(完成)
4,h5,c3要看视频,学会。
5,完成好以后,angular仍然是重点,有精力要看看angular的源码,了解angular有哪些坑。
6,后端,懂点皮毛吧,先学php,相信php框架会持续一段时间,yii,nodejs,mean,须要长时间的积累和学习才能联通,稍安勿躁,欲速则不达。
安静的作好本身的事情,缘生缘灭,云起云散,世事总无常。
angularJS
一个很重要的点须要注意的是,任何使用jQuery能作的事情,咱们都能用Angular指令来作到,而且使用更少的代码。因此,在使用jQuery以前,请考虑一下咱们可否在不进行DOM操做的状况下以更好的方式来完成任务。试着使用Angular来最小化jQuery的使用吧。
再来看一下咱们的笔记本应用,删除笔记的功能被故意漏掉了。鼓励读者们本身实验和实现这个功能。 你能够从GitHub上下到这个Demo的源代码。
记事本代码学习:
20150716
CSS学习
学习CSS+DIV,首先要学习页面布局,接着才能从小的模块入手,画出空间的样式。控件填充也是未解决的一个问题,还要在学习完变换之美CSS以后,再baidu,经过写页面加以熟悉。接着是要经过变换之美来注意一些画样式时候的,注意事项。浏览器兼容性也是一个最大的问题,css3的引用。以前画的页面就存在chrome中布局是好的,ie中布局就乱了,width是否要写死,仍是要怎么处理?
首先来关注布局:布局的方式有不少种,固定布局,流体,表格,浮动,定位,如何选择,视状况而定。
布局:position;relative:相对的
Absolute:绝对的
固定布局:就是把width写死,灵活性不大,很差讨论。
流体:width:auto,目前还没怎么用到。
表格:用table来布局,table>thead+tbody+tfooter,三行两列的例子,colspan,rowspan,合并单元格的属性在这种布局中会常常使用到。
浮动:浮动布局是我在目前为止的实战中,使用到最多的布局方式。简单,灵活。Clear:both,是这种布局方式的一个重要技能,解决上下浮动乱掉的烦恼。
定位:使用position,能从外div>内div,两个div中,定义position,达到精肯定位内div的效果来看出,怎么使用。
改变元素大小:resize:both,overflow:auto;
这个样式能使一个element的右下角出现能够拖动的标志,接着就能够拖动这个标志,改变element的大小了。
报纸效果:columns,使用这个样式能够达到报纸的效果,也适用于手机端阅读文段。
A>img:a里面嵌套一个img,避免图片撑开a影响布局,要对img设置溢出隐藏,overflow:hidden;让a的display:block,让整个图片都能点,提升用户体验。
CSS实现截字效果:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
溢出隐藏,文字截取符号,不换行
Css3:拉动效果,overflow:auto
自适应:box-sizing:border-box
过渡效果和动画效果,十分酷炫,实战中加以使用。
20150719
本周完成由JPG转化成静态页面的做业,过程当中发现,画页面的时候,width,leight,在页面兼容性方面,还有不少问题,如不一样页面分辨率下怎么控制布局样式不乱,不一样的浏览器下怎么控制样式不乱,是否兼容ie6等低版本浏览器。
对于H5的酷炫页面,还须要练习demo,css3还要练习,练习好一个demo之后,要不copy,本身写出来。
‘百度前端技术培训班’的git要跟着看,不过,能够稍微放一放,先把PHPget起来。
PHP:先看视频,看完再看是否能写一个完整的webDemo出来先,也算对以前学的全部的东西,交一个成绩单。