历史学习笔记

1，取JSON的长度：.length

 

2，$scope的作用域：

2.1，controller的嵌套：

$scope会从内向外查找函数和值。

2.2，$rootScope：

最父级的作用域。

子类可以通过$parent()来找到父级的$scope的值。

 

3，$parse：转义

 

4，$filter(‘uppercase’)(‘abc’)==‘ABC’

 

5，$watch：

绑定不同的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出来先，也算对之前学的所有的东西，交一个成绩单。