Angular（1） - 相关文章

【Angular（1）】的更多相关文章

Angular（1）

1.设计原则 1.YAGNI 不要把未来需求引入当前工程 2.KISS keep it simple and stupid 语义化标记合理注释符合规定的命名 3.DRY(don't repeat youself) 不写重复代码善于封装 4.高内聚低耦合内聚: 一个组件内部,不同部分之间关系耦合不同组件之间的关系耦合:不同组件之间的关系 5.SRP 单一责任原则,一个模块实现单一的规则 6.OCP 开闭原则 7.LCP原则最少知识法则 2.设计模式分为:创建型结构…

Angular（03）-- lint风格规范和WebStorm小技巧

在开始讲 Angular 各个核心知识点之前,想先来讲讲开发工具 WebStorm 的一些配置以及相应配置文件如 tslint.json 的配置. 因为我个人比较注重代码规范.代码风格,而对于这些规范,我只有一个观点:一切需要依赖开发人员的主观意识去遵守的规范都没有多大意义. 以前做 Android 开发时会借助 AndroidStudio 来强制遵守一些规范,现在前端项目我用的是 WebStorm 开发,这两个开发工具本质上同源,所以很多功能都差不多. 那么,这篇就来讲一讲,如何对 WebSt…

Angular（02）-- Angular-CLI命令

声明本系列文章内容梳理自以下来源: Angular 官方中文版教程官方的教程,其实已经很详细且易懂,这里再次梳理的目的在于复习和巩固相关知识点,刚开始接触学习 Angular 的还是建议以官网为主. 因为这系列文章,更多的会带有我个人的一些理解和解读,由于目前我也才刚开始接触 Angular 不久,在该阶段的一些理解并不一定是正确的,担心会有所误导,所以还是以官网为主. 正文- Angular-CLI 命令 Angular 的项目其实相比老旧的前端项目模式或者是 Vue 的项目来说,都会比较…

Angular（01）-- 架构概览

声明本系列文章内容梳理自以下来源: Angular 官方中文版教程官方的教程,其实已经很详细且易懂,这里再次梳理的目的在于复习和巩固相关知识点,刚开始接触学习 Angular 的还是建议以官网为主. 因为这系列文章,更多的会带有我个人的一些理解和解读,由于目前我也才刚开始接触 Angular 不久,在该阶段的一些理解并不一定是正确的,担心会有所误导,所以还是以官网为主. 正文- 架构概览接触 Angular 大概一个月吧,期间写了个项目,趁现在稍微有点时间,来回顾梳理一下. 其实,如果前端…

从flask视角学习angular（一）整体对比

写在前面前端框架完全不懂. 看着angular中文官网的英雄编辑器教程和核心知识,用偷懒的类比法,从flask django的角度记录一下自己对angular的理解. 作为工科的武曲,自己的体会是: 不要被生命周期钩子(lifecycle hook).承诺(Promise).provider……之类的名词吓倒. (我挺讨厌这样刻意发明很多概念和名词的语言和文风,像学究炮制论文,不像工程师的语言风格...) 要快速学一个完全陌生的语言和框架,要强迫自己不去关注这些概念名词的内涵与定义,而是直…

Angular（三）

Angular开发者指南(三)数据绑定数据绑定AngularJS应用程序中的数据绑定是模型和视图组件之间的数据的自动同步. AngularJS实现数据绑定的方式可以将模型视为应用程序中的单一来源. 视图是模型在任何时候的投影. 当模型更改时,视图反映更改,反之亦然.经典模板系统中的数据绑定大多数模板系统仅在一个方向绑定数据:它们将模板和模型组件合并到一个视图中. 在合并发生后,对视图的模型或相关部分的更改不会自动反映在视图中. 更糟的是,用户对视图所做的任何更改都不会反映在模型中. 这意味…

Angular（二）

Angular开发者指南(二)概念概述 template(模板):带有附加标记的模板HTMLdirectives(指令):使用自定义属性和元素扩展HTMLmodel(模型):用户在视图中显示的数据,并与用户进行交互scope(作用域):存储模型的上下文,以便控制器,指令和表达式可以访问它expressions(表达式):访问范围中的变量和函数compiler(编译器):解析模板并实例化指令和表达式filter(过滤器):格式化表达式的值以显示给用户view(视图):用户看到的内容(DOM)D…

Angular（一）

Angular开发者指南(一)入门介绍什么是AngularAngularJS是动态Web应用程序的结构框架. 它允许您使用HTML作为模板语言,并允许您扩展HTML的语法以清晰,简洁地表达应用程序的组件.AngularJS的数据绑定和依赖注入消除了许多你不得不编写的代码.这一切都发生在浏览器中,使其成为任何服务器技术的理想合作伙伴.动态应用程序和静态文档之间的动态适配常常通过以下方式解决一个库:一组在编写网络应用程序时非常有用的函数.你的代码是负责在它调用库中它认为合适的. 例如jQue…

angular（3）服务 --注入---自定义模块--单页面应用

ng内部,一旦发生值改变操作,如$scope.m=x,就会自动轮询$digest队列,触发指定的$watch,调用其回调函数,然后修改dom树. 干货:https://github.com/xufei/blog/issues/10 1.ng提供了许多内置的服务,例如常用的$scope\$http\$window\$location等. http:POST请求: var app = angular.module('myApp', ['ng']); app.run(function($http){…

Angular（2）

1.自定义指令,直接栗子: note:定义指定是驼峰,2部分前缀+作用,but 调用改驼峰首字母大写处为 (-首字母小写) <!DOCTYPE html><html lang="en" ng-app="myApp"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/ang…