AngularJS

后端渲染html、前端模板渲染html,jquery的htm的区别

1、后端渲染实现:后端拼字符串呗…… (理论上后端模板也是字符串)好处:模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板),只要不大改结构,文字啥的小修改后端改了就好了。坏处:占用(部分、少部分)服务器运算资源、,response 出的数据量会(稍)大点,模板改了前端的交互和样式什么的一样得跟着联动修改。2、前端模板实现:看这个吧……关于模板引擎的工作方式和性能? - 前端开发 但...

    50浏览0推荐0评论

    类似angularJS里的路由,实现左侧导航不刷新,只刷新右侧内容的界面

    和angular渊源较深, 事实上,如果不是深层级的路由, 市面上得选择是比较多的: director.js, path.js , Backbone.Router 等等都是很好的选择, 甚至直接监听hashchange事件也能再IE8+下实现单页路由。单页应用的开发其实很简单: 永远要保持一点,你的程序逻辑的开始是由url变化开始的 ,是单向的。 所以说是状态state驱动, url不足以描述一个...

      105浏览0推荐0评论

      angular学习之angular-phonecat项目的实现

      ngularJS官方网站提供了一个用于学习的示例项目:PhoneCat。这是一个Web应用,用户可以浏览一些Android手机,了解它们的详细信息,并进行搜索和排序操作。获取源代码PhoneCat项目的源代码托管在GitHub上,因此获取源代码之前需要安装Git,安装Git后,可以通过git clone来下载源代码:git clone --depth=14 https...

        37浏览0推荐0评论

        AngularJS

        1.AngularJS 表达式与JavaScript对比类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。与 JavaScript 表达式不同,AngularJS 表达式支持过滤...

          37浏览0推荐0评论

          关于angularjs依赖注入的整理

          初学angularjs阶段,刚刚看到菜鸟教程的angularjs依赖注入。现在整理一下:       1.含义:一个或更多的依赖(可以理解为模块关系依赖)或服务(分为内建服务[例如$http,$tiomeout等]和自建服务),被注入(或引用到)一个独立对象中,成为该对象的一部分。        举个栗子:①一个存在于...

            48浏览0推荐0评论

            AngularJS实现 购物车

            <!DOCTYPE html> <html>     <head>         <meta charset = "utf-8">    &...

              35浏览0推荐0评论

              AngularJS1.3一些技巧

              前言     框架选择。在上一篇文章评论中,有人说angular1.3是个过时的东西,建议使用angular2。其实这种说法很像拿jQuery1.x和jQuery2.x做比较,新的版本当然会有优化优势的地方,但并不一定是最适合你项目的。当你项目必须支持IE6/7/8时,那又得使用jQuery1.x版本。所以不要以新不新去选择一个框架或者某个版本,而是看是不是适合的。当...

                29浏览0推荐0评论

                AngularJS学习总结

                什么是AngularJS     首先AngularJS是一个框架,框架与函数库的区别就在于,框架决定整个项目的开发套路,以框架为主导,函数库却是以项目本身为主导,例如jquery。它就是个双向数据绑定的前端JS框架,双向数据绑定是相比较于其他框架最特别的地方,其他特性都是围绕它工作的。它适用于CRUD应用(增加(Create)、读取(Retrieve)、更新(Upd...

                  70浏览0推荐0评论

                  搭建AngualarJS开发环境

                  1.选择Web浏览器Chrome和Firefox浏览器2.选择代码编辑器Subline Text和Visual Studio Code3.安装Web服务器3.1Apache HTTP Server官方网站:https://httpd.apache.org/ 说明Httpd和Tomcat都是出自Apache基金会的,但是是2个不同的东西。因为从新版本开始,Apache官方网站不提供.exe...

                    27浏览0推荐0评论

                    Angular Service入门

                    1.Angular内置serviceAngular为了方便开发者开发,本身提供了非常多的内置服务。可以通过https://docs.angularjs.org/api/ng/service查看AngularJS提供的内置服务。在企业级开发中,常用的服务有以下这些:$cacheFactory 缓存服务$compile 编译服务$filter 通过 $filter 服务可以格式化输出数据,也可以对数据...

                      21浏览0推荐0评论

                      Angular学习-指令入门

                      1.指令的定义从用户的角度来看,指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单,也可以很复杂。AngularJS的HTML编译器会解析指令,增强模板的功能。也是组件化未来的发展趋势,目前HTML5中也加入了很多新标签,但是在实际业务开发过程中,有很多复用的模板,加上复用的交互效果,可以将其编写为AngularJS的指令,开发工程师可以在同一个项目,或多个项目中使用,实现开发一次,到...

                        39浏览0推荐0评论

                        初步了解Angular 2端到端的测试

                        有许多原因使我过去不愿对自己的应用添加自动化测试。原因之一是不知道其中的效益成本比率,另一个原因是考虑到集成到现有生产环境的应用可能比较难。测试应用而不用从头重构代码,仅仅只是引入测试要怎么做呢?首先我们先从简单区分测试的类型开始。应用测试有很多类型,但最为常见的是单元测试及端对端测试(亦称为集成测试)。单元测试是测试代码自身行为的一种测试。在用户看来什么也没有做,但可以确保其方法能达到期望的目的...

                          34浏览0推荐0评论

                          三大JS框架的较量:Angular.js与React.js与Ember.js

                          通过选择合适的JavaScript框架来更好适配你的项目需求,这有利于提高你的开发能力与web apps的竞争力。然后,你可以为基于JavaScript的应用或者网站想个极佳的主意。选择合适框架应该对你项目的成功有显著效果。它可以推到你及时完成项目,并且有助于你将来维护代码。JavaScript框架,比如Angular.js,Ember.js,或者React.js,能提供很好的代码框架,并且保持代...

                            70浏览0推荐0评论

                            AngularJS 中使用Swiper制作滚动图不能滑动

                            Swiper是目前较为流行的移动端触摸滑动插件,因为其简单好用易上手,受到很多前端开发者的欢迎。今天在使用Swiper的时候遇到这个问题:使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成6个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用。<div class="swip...

                              88浏览0推荐0评论

                              通过配置http拦截器,来进行ajax请求验证用户登录的页面跳转

                              在.NET中验证用户是否登录或者是否过期,若需要登录时则将请求转向至登录页面。这个流程在进行页面请求时是没问题的,能正确进行页面跳转。然而在使用xmlhttprequest时,或者jq的getJson那种jsonp的方式来请求资源,服务器将会把这种跳转解释为 ‘资源已重新定位’ ,返回码为302。但是浏览器将结果返回给ajax时并不会解析成302 found,而是会先进行一次资源跳转,将跳转后的新...

                                207浏览0推荐0评论

                                AngularJS实现ajax请求的方法

                                本文实例讲述了AngularJS实现ajax请求的方法。分享给大家供大家参考,具体如下:【HTML 代码】<!DOCTYPE html> <html> <head>   <meta charset="utf-8">   <meta name="v...

                                  8浏览0推荐0评论

                                  AngularJS实现DOM元素的显示与隐藏功能

                                  本文实例讲述了AngularJS实现DOM元素的显示与隐藏功能。分享给大家供大家参考,具体如下:DOM元素的显示与隐藏 ,是前端开发中常常会用到的功能,AngularJS中是使用 ng-hide/ng-show 两个属性来实现的其实我们只要使用其中的一个属性即可实现所有功能他们的取值为 boolean。【HTML代码】<!DOCTYPE html> <html> ...

                                    13浏览0推荐0评论

                                    模板视图和AngularJS之间冲突的解决方法

                                    本文实例讲述了模板视图和AngularJS之间冲突的解决方法。分享给大家供大家参考,具体如下:问题:在php的mvc视图中,我们需要在加载的过程中传递一些数据给模板:如:这里是某个 controller$data['users'] = {something from databases}; $this->load->view(&#...

                                      9浏览0推荐0评论

                                      AngularJS中directive指令使用之事件绑定与指令交互用法示例

                                      本文实例讲述了AngularJS中directive指令使用之事件绑定与指令交互用法。分享给大家供大家参考,具体如下:AngularJS中模板的使用,事件绑定以及指令与指令之间的交互<!doctype html> <html ng-app="myapp">   <head>   &n...

                                        20浏览0推荐0评论

                                        AngularJS中指令的四种基本形式实例分析

                                        本文实例讲述了AngularJS中指令的四种基本形式。分享给大家供大家参考,具体如下:指令的四种基本形式中,注意注释型指令 M 的使用方法是 <!--  directive:指令名称  --> 注意左右俩测必须有空格才会正常识别所有指令是可以相互组合 的,不写restrict ,将会默认为A属性 指令要支持IE8 浏览器 一般最好将指令设置为属性<!docty...

                                          9浏览0推荐0评论

                                          AngularJs验证重复密码的方法

                                          本文给大家分享angularjs验证重复密码的两种方法。具体方法详情如下所示:第一种:<label for="password">密码</label> <input id="password" name="password" type="password&qu...

                                            7浏览0推荐0评论

                                            如何在Angular.JS中接收并下载PDF

                                            介绍jsPDF 是一个使用Javascript语言生成PDF的开源库。你可以在Firefox插件,服务端脚本或是浏览器脚本中使用它。客户端Safari 和 iPhone Safari 支持得最好,其次是Opera和Windows下的Firefox 3等。IE暂不支持。示例代码:var doc = new jsPDF(); doc.text(20, ...

                                              7浏览0推荐0评论

                                              通过配置http拦截器,来进行ajax请求验证用户登录的页面跳转

                                              在.NET中验证用户是否登录或者是否过期,若需要登录时则将请求转向至登录页面。这个流程在进行页面请求时是没问题的,能正确进行页面跳转。然而在使用xmlhttprequest时,或者jq的getJson那种jsonp的方式来请求资源,服务器将会把这种跳转解释为 ‘资源已重新定位’ ,返回码为302。但是浏览器将结果返回给ajax时并不会解析成302 found,而是会先进行一次资源跳转,将跳转后的新...

                                                207浏览0推荐0评论

                                                AngularJS 中使用Swiper制作滚动图不能滑动

                                                Swiper是目前较为流行的移动端触摸滑动插件,因为其简单好用易上手,受到很多前端开发者的欢迎。今天在使用Swiper的时候遇到这个问题:使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成6个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用。<div class="swip...

                                                  88浏览0推荐0评论

                                                  三大JS框架的较量:Angular.js与React.js与Ember.js

                                                  通过选择合适的JavaScript框架来更好适配你的项目需求,这有利于提高你的开发能力与web apps的竞争力。然后,你可以为基于JavaScript的应用或者网站想个极佳的主意。选择合适框架应该对你项目的成功有显著效果。它可以推到你及时完成项目,并且有助于你将来维护代码。JavaScript框架,比如Angular.js,Ember.js,或者React.js,能提供很好的代码框架,并且保持代...

                                                    70浏览0推荐0评论

                                                    初步了解Angular 2端到端的测试

                                                    有许多原因使我过去不愿对自己的应用添加自动化测试。原因之一是不知道其中的效益成本比率,另一个原因是考虑到集成到现有生产环境的应用可能比较难。测试应用而不用从头重构代码,仅仅只是引入测试要怎么做呢?首先我们先从简单区分测试的类型开始。应用测试有很多类型,但最为常见的是单元测试及端对端测试(亦称为集成测试)。单元测试是测试代码自身行为的一种测试。在用户看来什么也没有做,但可以确保其方法能达到期望的目的...

                                                      34浏览0推荐0评论

                                                      Angular学习-指令入门

                                                      1.指令的定义从用户的角度来看,指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单,也可以很复杂。AngularJS的HTML编译器会解析指令,增强模板的功能。也是组件化未来的发展趋势,目前HTML5中也加入了很多新标签,但是在实际业务开发过程中,有很多复用的模板,加上复用的交互效果,可以将其编写为AngularJS的指令,开发工程师可以在同一个项目,或多个项目中使用,实现开发一次,到...

                                                        39浏览0推荐0评论

                                                        Angular Service入门

                                                        1.Angular内置serviceAngular为了方便开发者开发,本身提供了非常多的内置服务。可以通过https://docs.angularjs.org/api/ng/service查看AngularJS提供的内置服务。在企业级开发中,常用的服务有以下这些:$cacheFactory 缓存服务$compile 编译服务$filter 通过 $filter 服务可以格式化输出数据,也可以对数据...

                                                          21浏览0推荐0评论

                                                          搭建AngualarJS开发环境

                                                          1.选择Web浏览器Chrome和Firefox浏览器2.选择代码编辑器Subline Text和Visual Studio Code3.安装Web服务器3.1Apache HTTP Server官方网站:https://httpd.apache.org/ 说明Httpd和Tomcat都是出自Apache基金会的,但是是2个不同的东西。因为从新版本开始,Apache官方网站不提供.exe...

                                                            27浏览0推荐0评论

                                                            AngularJS学习总结

                                                            什么是AngularJS     首先AngularJS是一个框架,框架与函数库的区别就在于,框架决定整个项目的开发套路,以框架为主导,函数库却是以项目本身为主导,例如jquery。它就是个双向数据绑定的前端JS框架,双向数据绑定是相比较于其他框架最特别的地方,其他特性都是围绕它工作的。它适用于CRUD应用(增加(Create)、读取(Retrieve)、更新(Upd...

                                                              70浏览0推荐0评论
                                                              首页上一页12下一页尾页

                                                              推荐作者

                                                              热门手记