历史学习笔记

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出来先,也算对以前学的全部的东西,交一个成绩单。