前端小白之每天学习记录----angula2--(1)

1.1 Angular的发展历史 

1.1.1 angular起源

GetAngular ====>by Misko Hevery and Adam Abrons 开发效率高 AnguarJS

1.1.2 迭代之路

12年6月 AngularJS 1 ===》双向绑定、依赖注入、指令

AngularJS 1.3.x====》推出单次绑定语法 放弃ie8浏览器支持

AngularJS 1.5.x =====》增加了类似组件的书写体验

1.1.3 AngularJS 1.x困境

性能问题

落后于当前web发展理念===》组件开发模式

对手机端支持不够友好

1.1.4 Angular 2 诞生

2014年九月亮相  测试版本

2016年9月15日,Angular 2 正式版发布==》不兼容AngulularJS

1.1.5新特性

移除controller+$scope设计,改用组件式开发

性能更好

优先为移动应用(专用开发套件:Angular Moblie Toolkit)

更贴合未来标准(es6/7、WebComponnent)

1.1.6 无缝升级方案-UpgradeAdapter

适配器:Angular 2 《===》AngularJS 1.x

1.2  Angular2的核心概念详解

八组:组件(component)(最核心)、元数据(metadata)、模板(template)、

          数据绑定(data binding)、服务(service)、指令(directives)、

          依赖注入(dependency injection)、模块(modules)

1.2.1 组件

html+css+js

父子组件

生命周期:

构造器初始化(constructer)==》第一次接触数据变化钩子(onChangers)==》初始化(onInit)==》运行期间触发数据变化钩子(onChanges )==》销毁(onDestroy)

1.2.2 指令

时间: 2024-10-03 11:04:47

前端小白之每天学习记录----angula2--(1)的相关文章

前端小白之每天学习记录----php(2)数据库操作软件

数据库 存储数据的仓库(软件)(DBA:Database Administrator)数据库管理员mysqlsqlserveroracle...... 数据库软件架构 C(client)->S(server)用户<--->服务器 eg:腾讯qq, 金山杀毒软件,wps, office... B(Browser)->S(server)浏览器<-->服务器 eg:所有从浏览器打开的网站(应用) 存储数据的软件(我们用wps的表格来举例) wps           数据库

前端小白之每天学习记录----php(4)ajax

ajax技术( 异步请求 ) 局部无刷新技术: ajax技术不需要刷新页面就能得到服务器的结果, 所以增强了体验. 请求: 发送一次网络连接目的: 是为了获取服务器的数据 步骤: 第一步:要使用ajax技术, 必须要获取浏览器的ajax对象 通过浏览器内置的XMLHttpRequest 就可以得到ajax对象 第二步: 打开请求 open( 打开请求的方式, 请求的地址, true ) 第三步: 发送请求 send使用发送数据的,GET方式一般发送null, 因为get方式的数据是通过url地址

前端小白之每天学习记录----js简单的组件封装

设计模式:是解决问题的模板 关于设计模式,可以阅读汤姆大叔的博文http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 这里简单介绍两种设计模式: 1.单例模式:单例就是保证一个类只有一个实例 eg:在JavaScript里,实现单例的方式有很多种,其中最简单的一个方式是使用对象字面量的方法,其字面量里可以包含大量的属性和方法: var people = { name: "lxb", age: "22"

前端小白之每天学习记录----php(6)面向对象

php面向对象类: 一类共性事物的抽象 比如: eg:车子 共性:类的共性 eg:轮子.能动 对象:        类造出来的 eg:自行车, 滑板车, 小汽车, 卡车, 对象才是具体的产品,才能使用功能 1.php新建一个类,并实例化(实例化指的是用类新造一个对象): 定义方法:class 类名称 {} public: 属性修饰符: 用来控制 属性/方法 的访问权限 实例化对象:对象名 = new 类名(); <?php /* 定义一个类 class 类名称 { } 类是由n个属性和方法组成的

前端小白之每天学习记录----php(7)session与cookie

服务器端的会话技术(通讯协议) 坐地铁: 深圳通 拿手机刷 cookie( 保存在 客户端的浏览器里面的数据 ) session( 保存在 web服务器里面的数据 ) 如何使用cookie? 1.设置/注销cookie(新建cookie.php) <?php /* array( 'user' => 'ghostwu' ) */ // function setCookie(c_name,value,expiredays) // 变量名,值,过期天数 setcookie( "user&q

前端小白之每天学习记录----简单的原生js路由

路由: 根据不同的url 显示 不同的内容方法:hash(锚链接)实现路由history对象 1.首先要了解什么是hash,在这里你可以认为hash就是网址后面加上的 #/xxx 当<a>标签被点击时 <a href="#/html">ches</a>会在原网址后面加上<a>里面herf的内容,当该内容改变时,会产生一个事件 onhashchange 话不多说,直接上代码: <!DOCTYPE html> <html l

前端小白该如何学习?以及掌握哪些能力才能从事前端开发工程师

对于一些没有编程经验的人来说,一开始就学习 web 前端可能会让你觉得比较困难. 因为你的能力还处在初始阶段,你根本不知道你缺少哪方面的知识. 所以,在正式学习之初,你非常有必要先了解一下前端的能力模型. 前端工程师,都需要掌握哪些能力呢? 简单粗暴点,只需要掌握这张图里的能力就行了. 开个玩笑,新手的话,还是要循序渐进. LV1:学会制作静态页面(Web + Mobile) HTML.HTML5: 理解如何浏览和创建网页.基本的语法规范.常用标签及属性.网页之间的链接与跳转.标签节点层级节点.

1.VUE前端框架学习记录一

VUE前端框架学习记录一文字信息没办法描述清楚,主要看编码实战里面,有附带有一个完整可用的Html页面,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/file/f0a6c2f23b97d0371032c408e7659917?token=2fd9d925d380fc1d 原文地址:https://www.cnblogs.com/jtfr/p/11185262.html

前端小白webpack学习(一)

俗话说得好,好记性不如烂笔头. 之前就在学习中看过webpack的教程,然而一段时间没用,火速的忘光了.写这篇博文,做个总结,也让自己以后有个地方回顾. 看webpack之前,我先去看了一下官方文档,先了解一下webpack的几个概念.我是中英文文档搀着看的,一些小地方中文文档里没写,英文文档里都给了小提示.(下面的概念是我自己翻译总计的,略渣) concepts At its core, webpack is a static module bundler for modern JavaScr