‘壹’ angularjs 中怎样判断一个元素是否在一个数组中存在
判断数组中是否包含某个元素
Array.prototype.S=String.fromCharCode(2);
Array.prototype.in_array=function(e){
var r=new RegExp(this.S+e+this.S);
return (r.test(this.S+this.join(this.S)+this.S));
};
var arr = ["xml","html","css","js"];
arr.in_array("js");
//如果 存在返回true , 不存在返回false
‘贰’ AngularJS 于前端开发有什么作用,对比其它框架有何优点
未来的发展趋势是前端后端只靠json数据来进行通信:后端只处理和发送一段json数据到前端,然后计算和模板渲染都在前端进行。而前端的改动后,形成json数据然后传回到后端。未来趋势就是:后台程序再也不做模板的任何处理
AngularJS
的作用简单说就是就是把后台的json值直接用html进行渲染,然后html的操作又直接在形成json传回后台。
未来的后台MVC,试图不再是模板了,而是一段结构整齐标准的JSON,而这个JSON作为前台的model直接在AngularJS直接使用。
或者说后台的试图是前台的模型,而整个前台就是后台的视图。后台程序再也不做模板的任何处理了。
Angular是框架的一种,不学也能开发前端。学backbone或者ember也能开发前端。没有js的mvc,就光弄个jquery,也能开发前端。
那到底要不要学?个人觉得就是要看发展趋势。angular是否简化的前端开发,是否符合未来前端的开发趋势。以现在的js的发展程度来看,angular
是符合发展趋势的,第一,解耦前端,第二,可以模块化,第三可测试,第四天生支持json,第五依赖注入等等等,还有一些其他特性使得angular跟随甚至是推动了前端的开发趋势。
所以说angular学习是有好处的:
1.了解前端的开发趋势
2.学习MV*的设计方法
3.学习模块化编程
4.学习如何测试模块
5.使用angular简化开发流程
6.随着google的大力支持和逐渐流行,公司开始使用angular,有些岗位需要有angular的知识才能工作。
‘叁’ 关于AngularJS 框架的使用有哪些经验值得分享
AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同,
对于 jQuery 等,一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。
而 AngularJS 等框架则是 根据 数据模型 以及其对应的 DOM 模版,然后通过模版像搭积木那样组合页面。
显然的,前者在 SEO 上有天然优势;而后者,搜索引擎还只能拿到某个模版,而无内容。
暂时没想到有什么特别好的解决方案,或许,对于内容页,可以继续使用传统方式,而只在需要更多交互的地方应用 AngularJS,特别是在移动端应用上。
同理适用于各种 前端的 MVC 框架,后端只要为前端提供数据接口,而不再需要为其拼接 HTML.
## 模块化
AngularJS 也是遵循 AMD 的。(AMD 是啥,参考:使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript)
虽然它也可以按照传统代码方式来写(其首页介绍的用法 AngularJS — Superheroic JavaScript MVW Framework),但是,既然都提供了这么一种模块的方法,为何不用上呢
angular.mole('app', [
'moleA',
'moleB',
])
.controller('MainCtrl', [
'$scope',
function ($scope) {
}]);
而且,这种写法还可以方便做代码的合并与压缩,在后面 Grunt 自动化 一节中,就会提到使用 Nodejs/Grunt 来自动的做这些事情。
## 可复用模版 or 业务逻辑模版
今年 Google 开发者大会中 提到的 Polymer(Welcome - Polymer)
这货让人感觉像是 Angular Directives 的进化。
而 Directives 做的事,就是把一堆 DOM 封装为一条或者一组 自定义的 HTML标签,作为可复用的模版,以供组装业务调用。 Demos 可参看:Angular directives for Twitter's Bootstrap
当然,为了方便修改,很多时候在做 directive 的时候需要将 template 用 templateUrl 代替,
不用担心文件的碎片化,不利于前端加载 Grunt 自动化 一节 会提到如何合并这些碎片化的 模版。
Directives 是作为可复用的模版,
而业务逻辑则是一般是一个业务对应一个 html 及其的 controller.
‘肆’ angularjs数组判断是否含有某个元素的实例
判断数组中是否包含某个元素
Array.prototype.S=String.fromCharCode(2);
Array.prototype.in_array=function(e){
var r=new RegExp(this.S+e+this.S);
return (r.test(this.S+this.join(this.S)+this.S));
};
var arr = ["xml","html","css","js"];
arr.in_array("js");
//如果 存在返回true , 不存在返回false
延展阅读:
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。
‘伍’ 作为前端,我为什么选择 Angular 2
Angular 2就不同了,它的起点更高,整合了现代前端的各种先进理念,在框架、文档、工具等各个层面提供了全方位的支持。 比如它的“组件样式”能让你在无需了解CSS Mole的前提下获得CSS Mole的好处,它的Starter工程能让你在无需了解Webpack的 前提下获得Hot Mole Replacement等先进特性,它能让你从Web Worker(你知道这是什么吗?)中获得显着的性能提升。
‘陆’ 在Angular中如何实现下拉框模糊查询功能
AngularJS过滤器
加一个input框,绑定input的内容。
下面加个item列表
input当中的内容为abc的时候
item列表进行一个筛选abc。
下拉功能直接用html+js做,别用自带select。
ng-repeat="x in names | filter:test | orderBy:'country'"
查看这个例子
网页链接
‘柒’ angular前端.map和.filter的区别
我们说的map()和filter()其实是Array.prototype.map()创建一个新的数组,其结果是该数组中每个元素都调用一个提供的函数后返回的结果。
语法:var newArray = arr.map(function callback(currentValue, index, array){undefined//对每个元素的处理})
具体操作可去相关网站进行了解。
‘捌’ angular 模糊查询是前端做还是后台做
这个问题主要还是要看查询的数据量,而功能是前后端都可以实现的,由于缓存的限制,所以大数据量要放在后端,否则每次都要缓存很大的数据量,并且第一次会很慢。一般来讲超过100k的数据要放到后端去做,相反小数据量的话放到前段去做更为合适,因为缓存一次之后就不需要再次请求了。
‘玖’ 怎么看前端是不是angular写的
很简单就看它的标签和引入的js文件 angular使用必须使用ng-app这个绑定应用
‘拾’ Web前端主流框架—Angular的优缺点分析
Angular:
Angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中。它有以下的特性:1.良好的应用程序结构;2.双向数据绑定;3.指令;4.HTML模板;5.可嵌入、注入和测试。
优点:
1.模板功能强大丰富,自带了极其丰富的angular指令。
2.是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能;3.自定义指令,自定义指令后可以在项目中多次使用。
4.ng模块化比较大胆的引入了Java的一些东西(依赖注入),能够很容易的写出可复用的代码,对于敏捷开发的团队来说非常有帮助。
5.angularjs是互联网巨人谷歌开发,这也意味着他有一个坚实的基础和社区支持。
缺点:
1.angular入门很容易但深入后概念很多,学习中较难理解。
2.文档例子非常少,官方的文档基本只写了api,一个例子都没有,很多时候具体怎么用都是google来的,或直接问misko,angular的作者。
3.对IE6/7兼容不算特别好,就是可以用jQuery自己手写代码解决一些。
4.指令的应用的最佳实践教程少,angular其实很灵活,如果不看一些作者的使用原则,很容易写出四不像的代码,例如js中还是像jQuery的思想有很多dom操作。
5.DI依赖注入如果代码压缩需要显示声明。
以上就是青藤小编关于Web前端主流框架:Angular的优缺点分析的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注哦!