初学者必须掌握的AngularJS技术要点清单
初学者必须掌握的AngularJS技术要点清单
jinxuliang2&发表于 &
16:47:37,阅读次数：
这篇文章的主要目标是帮助初学者了解在学习AngularJS过程中，哪些东西是非常重要的，哪些东西学习的优先级较低。
Note：本博文不是对AngularJS技术原理与要点的详细阐述，而是从我收集到的资料，以及自己开发的亲身体验出发，给初学者列出的一个学习任务清单。此文处于不断完善与修正过程中，表述的是个人看法与观点，仅供学习者参考，请AngularJS高手指正和补充。==================================================为什么要学习AngularJS?我不想针对这个问题多费口舌，我只想说：依据我个人这些年来的开发经验，以及我使用AngularJs开发的亲身体验（这个网站就大量使用了AngularJs），是非常值得在AngularJS这一技术上投入时间和精力的。我相信时间会证明我的上述看法是正确的。扫清学习障碍没有扎实的JavaScript编程基础，不要学AngularJS！没学过jQuery（并不要求精通，只要求知道其基本原理与使用方法），不要学AngularJS！没有学过一种服务端开发技术（比如ASP.NET，PHP，Node.js等等），AngularJS的网络部分学习将会遇到困难。把握Angular基本原理与基本使用方法掌握这部分是使用以及深入把握AngularJs开发技术的基础。需要重点把握以下技术点（仅拉清单，不展开）：AngularJS是如何实现MVC设计模式的？$scope是什么对象，干什么用的？定义Controller，有几种方式？如何定义一个模块（Module）?学会使用数据绑定和内置的filter呈现数据Service有什么用？如何定义一个Service？什么叫做Dependency Inject? AngularJs中大量使用此特性。怎样组织网站的AngularJs代码与相关文件？我建议按照功能进行分组，每个功能一个文件夹，controller,service,filter分在独立的javaScript文件中，用到的相关HTML模板也可以放到此文件夹中& & 我项目中按照功能组织的AngularJS文件夹的截图：数据的呈现与数据绑定重点掌握以下指令的使用：{{ }}和ng-bind的区别使用ng-repeat循环显示数据：& & &ng-repeat可以说是最重要最常用的指令之一了，需要重点把握。& & &在循环过程中，AngularJs能为特定控件关联上相应的对象。想象一下，你有一个列表，列表中的每一行都有一个“删除”按钮，你如何把每个按钮与特定的数据项关联起来？如果不关联，你怎么知道点击某个按钮，应该删除数据源中的哪个对象？在这点上，AngularJs确实干得漂亮，实现起来不费吹灰之力。& & &另外，AngularJs还为循环提供了$index这样一个循环变量，这也是非常有用的。类似地，还有$first,$last，$middle……使用filter过滤数据& & &（1）如何使用内置的filter& & &（2）如何自定义filter& & & filter的使用与定义都很简单，但在开发中却很有用。页面交互特性页面元素显示与隐藏& & ng-show/ng-hide监测数据变化& & 可以使用& & （1）HTML元素的ng-change指令& & （2）使用$watch监控特定的数据，当其变化时调用特定的响应函数数据的查找& & &有两种数据查找的方式：& & （1）如果在本地数据中进行查找，使用filter和ng-model足够，实现比较简单，也就几行代码的事& & （2）如果需要到服务器上搜索数据，则需要使用$http等发出AJAX请求，然后服务器返回Json数据& & &这个就比较复杂了，涉及到Angular较多的东西，这是学习过程中的一大难关。响应事件& & &ng-click, ng-change数据的CRUD操作& & 有两种方式使用AngularJs实现Web应用常见的CRUD操作& & （1）单页面应用（SPA:Single Page Application）：服务端就提供一个页面框架，在客户端使用AngularJs发出AJAX请求，从服务端提取数据，然后刷新页面，这种类型的Web应用，AngularJS起着一个核心的作用。& & （2）传统模式：这种方式在服务端完成数据的提取、页面生成等工作，AngularJS主要负责客户端的用户交互功能。就本网站而言，因为服务端使用ASP.NET MVC，这一框架能自动生成标准的CRUD代码，所以，本网站是使用第2种方式开发的，仅在需要在页面上实现比较复杂的用户交互时，才使用AngularJS。路由系统如果你不写“单页面应用（SPA:Single Page Application）”，这块不学也罢。网络功能使用AngularJs开发网络功能，最常用的是$http和$resource。按照官方文档，$resource适合访问REST服务。事实上，如果服务端直接返回json，使用$http同样可以很方便地解析，因此，在实际开发中，我都是使用$http完成访问Server功能，没觉得有使用$resource的必要。难啃的骨头AngularJs中有一些技术很难理解与把握，我这里列出一些，初学者在涉及这一块时，心理上要做好准备自定义指令：这是AngularJs最牛的地方，也是最难的地方，内容相当地多。$q与promise object：这个特性在网络编程中用得很多，但委实不太好理解。数据交换方式：& & （1）Controller之间如何交换数据？父子$scope与事件广播& & （2）AngularJS与标准的JavaScript代码之间如何交换数据？有两个方向：AngularJs访问标准JavaScript对象和函数，这个比较容易，而原生JavaScript代码访问AngularJs对象的属性和方法，这点比较麻烦& & （3）自定义指令与Controller、页面元素属性之间的数据交换
0">附件清单.NET程序员也学Node.js——初识Node.js
时间： 08:58:49
&&&& 阅读：21
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&清明在石门休了八天假，一眨眼，4月又到中旬了...看到.NET在天朝彻底沦陷而又无能为力，我开始尝试去学习一些新的东西来充实自己，我自然是打死不会去学java的，没有为什么，于是乎，最近开始学习一些前端的开发技术，就让学习笔记来记录一下我的学习历程并同大家一起分享吧！
申明：我只是业余学着好玩的，顺便扩展一下视野，各位广大.NET同行不要被我带沟里去了，当然如果你想从事移动前端或者全栈开发的话还是有必要学习一下的。
Node.js简介
Node.js 的推出，不仅从工程化的角度自动化掉更多琐碎费时的工作，更打破了前端后端的语言边界，让 JavaScript 流畅的运行在服务器端。
为什么要学习Node.js？
Node.js现在非常火而且很强，从2009年出现至今，已经风靡全球，微软的VS也已经将其集成进来了，我们知道微软总是喜欢将一些它觉得比较好的东西集成进来。
什么是Node.js？
Node.js 是一个由C++编写的基于 Chrome V8 引擎的 JavaScript 运行环境。
速度非常快，性能非常好，Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统。
官方网站：https://nodejs.org
中文网站：
目前最新版本：Node.js
Node.js的版本号，偶数为稳定版，奇数为非稳定版
Node.js发展历史
2009年2月，Ryan Dahl在博客上宣布准备基于V8创建一个轻量级的Web服务器并提供一套库。
2009年5月，Ryan Dahl在GitHub上发布了最初版本的部分Node.js包，随后几个月里，有人开始使用Node.js开发应用。
2009年11月和2010年4月，两届JSConf大会都安排了Node.js的讲座。
2010年年底，Node.js获得云计算服务商Joyent资助，创始人Ryan
Dahl加入Joyent全职负责Node.js的发展。
2011年7月，Node.js在微软的支持下发布Windows版本。
Visual Studio
2013+支持Node开发
提供了各种模版和智能提示，并且支持开发调试。
最新消息：Node.js之父Ryan Dahl退位, Isaac Schlueter接手Node.js。
Node.js特点
JavaScript与非阻塞Socket结合，
它与其他语言的一个明细区别就是处理I/O。它永远不允许用户锁上程序，它要求用户不断的处理新事务，因此它很适用于网络编程，在服务器上要与很多客户端通信，必须处理网络连接，而Node鼓励人们用非阻塞的模式，正是由于这个特性，你会发现Node在开发服务器上比传统编程语言更加方便。
Windows开发环境
由于VS2017中已经集成了Node.js，我这里就直接安装VS2017了，我们在安装VS2017的时候切忌全选，因为那样很费硬盘空间，安装很费时间，我安装VS一直都是选自定义安装。
VS2015（必须是或者更高版本），要么就用VS2013，然后后面就用NTVS 1.0 VS 2013.msi，这个更新包太大了，所以我直接选择安装VS2017了，速度还快些。
node-v6.10.1-x64.msi官方安装SDK
NTVS 1.2 VS 2015
Express框架：类似于ASP.NET MVC
Jade模版引擎：类似于Razor引擎，视图
Stylus样式框架：CSS于处理器，CSS框架
命令行开发
UI开发工具
1．& 下载SDK：node-v6.10.1-x64.msi
进入官网：，下载SDK：node-v6.10.1-x64.msi，由于我的电脑是win10 64bit的系统，所以就下载node-v6.10.1-x64.msi
2．安装Git-1.9.4-preview.exe，安装方法很简单，不断点击下一步就可以了，安装完成之后，打开Git Bash
输入$ node &v 查看node的版本号，输入$ npm &v 查看npm的版本，如果看到如下图所示，说明安装成功了。
在CMD中，我们也可以调用node，这表示我们已经在环境变量中配置好了。
3.安装Node.js Tools 1.2 for Visual Studio 2015
下载地址：
/soft/73135.html
安装VS2017
打开VS2017，新建项目
这视图引擎更名了，之前后缀名叫做jade的，现在变成pug了。
的简称，它的作用是基于 node.js 管理扩展包之间的依赖关系。
因为我是微软粉，所以就只介绍了windows上面安装node.js，大家可以自己尝试去linux和mac下面安装node.js
项目可以直接运行的，修改index.pug文件如下：
然后按F5运行，会自动打开一个node.exe程序和一个Web浏览器界面
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&原文：/jiekzou/p/6701612.html
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！在10个鸡蛋上坐了3星期后，终于成功孵化出第一颗鸡蛋。
但礼仪小姐、导购小姐依然是场内的一道风景线。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　现阶段无论是做手机我那个智能还是做手机app应用，前端的样式都是，通过手机与电脑上网的使用率来看，目前通过手机上网的用户远远高于电脑端，这些数据也足以证明未来的移动互联网发展前景。移动互联已经成为了我们生活当中不可或缺的构成，越来越多的技术岗位人才出现了稀缺状态，HTML5开发工程师基本已经成为了每家互联网公司不可缺少的人才，目前国内移动端HTML5人才空缺严重，很多公司更是高薪难求人才，所以选择HTML5培训机构（）也是非常不错的选择，发展趋势以及就业前景是相当可观的。
　　牛逼公司都在用HTML5！
　　腾讯利用微信JS SDK在HTML5上的布局
　　腾讯，作为掌控着国内最大的移动入口平台公司，正在通过微信公众平台开始构建一个强大的轻应用平台。微信JS-SDK包提供的11类接口集，开发者不仅能够在网页上使用微信本身的拍照、选图、语音、位置等基本能力，还可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，这也意味着微信公众平台将更加开放，微信公众号的可定制性更加灵活。
　　对用户来说，在微信中看到的html5不再局限于简单的页面展示，而是一个功能较全面的App，它包含更多的互动功能。对于第三方开发者来说，舍弃原生应用，专注做好基于微信的html5应用，比以往时候都更容易。而对企业来说，微信营销将变得更加轻松，企业与用户之间的对接将更加容易。当然，还有QQ浏览器也是功不可没。
　　百度的轻应用本质就是html5
　　2014年，百度通过收购了91手机助手、安卓市场以及自家推出的百度手机卫士、百度搜索等，百度在移动应用分发上已经确立了老大的位置。
　　但是从百度的战略发展来看，百度更重视html5平台的搭建。而且百度在很早之前就已经推出了“轻应用”这个概念，百度的这个轻应用本质就是html5，并向开发者和企业推出了各种技术开放接口。
　　与此同时，百度通过百度浏览器、百度搜索等为这些企业和用户提供导流，促使让用户保持原有的搜索习惯，并推出了为企业服务的直达号。
　　阿里巴巴支付宝内部的HTML5
　　全球最大的在线支付平台，支付宝也正在通过服务窗为企业和用户之间提供一个桥梁，而这个桥梁的应用也正是基于支付宝内部的html5。
　　作为国内最大的移动浏览器，UC浏览器同样也把html5的开放放在了重心。目前，UC网页应用中心的月活跃用户已经超过了6000万，收录了20大类超过数万款的轻应用，并且国内超过90%的应用开发者都会通过UC网页应用中心来推广他们的轻应用。
　　当然，想BAT这样的在HTML5布局的企业还有很多，360的浏览器和360搜索，搜狐的手机新闻客户端等等。中国移动互联网巨头尚且如此，我们为什么不呢？
　　成为HTML5开发工程师需要多久？
　　来蓝鸥系统学习不超过5个月！想了解HTML5开发工程师培训课程，可以联系小鸥咨询。
　　如果想学习的同学可以参加蓝鸥软件开发培训，免费试听，或者预约实地参观，与咨询老师面对面交流，便于试学者对蓝鸥课程有个更加全面细致的了解。地址：广州市天河区天源路下元岗东大街40号盛亚创新科技园2号楼 电话：020- QQ:（林老师）官网：
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
蓝鸥广州中心是蓝鸥科技在广州成立的分部，主要培养iOS高级...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：进击Node.js基础（一） - php中文网课程QQ群微信公众号进击Node.js基础（一）阅读数1765难度级别高级综合评分9.69.8内容实用9.6简洁易懂9.2逻辑清晰
第1章 前言
第2章 安装 Nodejs
第3章 等不及了来尝鲜
第4章 模块与包管理工具
第5章 横扫 Nodejs API推荐课程推荐手记推荐问答PHP中文网：独家原创，永久免费的在线，php技术学习阵地！Copyright
2016 / All Rights Reserved | 皖B2-QQ群:关注微信公众号