IT全栈 华强工作室

No Silver Bullet 吾国泱泱 华夏栋梁 以梦为马 不负韶华

AngularJS进阶(四十二)ng-options渲染的第一项为空的解决办法

AngularJS进阶(四十二)ng-options渲染的第一项为空的解决办法现象  我们在使用ng-options时,如果首次使用,可能会在渲染完成后发现下拉列表的第一项为空,并且我们在选择一项之后,为空的第一项已经消失了,这样用户体验上来说很不好。原因  原因就在于:我们使用ng-option...

2017-09-10 17:08:44

阅读数:2065

评论数:1

AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例

AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 Java...

2017-08-29 22:18:53

阅读数:5977

评论数:1

AngularJS进阶(四十)创建模块、服务

AngularJS进阶(四十)创建模块、服务学习要点     使用模块构架应用     创建和使用服务     为什么要使用和创建服务与模块?           服务允许你打包可重用的功能,使之能在此应用中使用。           模块允许你打包可重用的功能,使之能跨应用使用。一、应用程序模块...

2016-06-15 21:11:24

阅读数:50604

评论数:2

AngularJS进阶(三十九)基于项目实战解析ng启动加载过程

基于项目实例解析ng启动加载过程前言      在AngularJS项目开发过程中,自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。      下面以实际项目为例进行简要讲解。1.载入ng库 2.等待,直到DOM树构造完毕。3.发现ng-app,自动进入启动引导阶段。4.根据...

2016-05-26 21:55:55

阅读数:58748

评论数:4

AngularJS进阶(三十八)上拉加载问题解决方法

AngularJS上拉加载问题解决方法      项目中始终存在一个问题:当在搜索栏输入关键词后(见图1),按照既定的业务逻辑应该是服务端接收到请求后,首先返回查询的前7条数据,待客户端出现上拉加载时,继续查找另外7条数据。但实际情形是不确定的,在服务端控制台(见图2)可看到begno一直到了12...

2016-05-23 09:32:08

阅读数:56545

评论数:0

AngularJS进阶(二十五)requirejs + angular + angular-route 浅谈HTML5单页面架构

requirejs + angular + angular-route 浅谈HTML5单页面架构       众所周知,现在移动Webapp越来越多,例如天猫、京东、国美这些都是很好的例子。而在Webapp中,又要数单页面架构体验最好,更像原生app。简单来说,单页面App不需要频繁切换网页,可...

2016-03-24 18:03:53

阅读数:47230

评论数:1

AngularJS进阶(三十七)IE浏览器兼容性后续

IE浏览器兼容性后续 前言       继续尝试解决IE浏览器兼容性问题,结局方案为更换jquery、angularjs、IE的版本。       1.首先尝试更换jquery版本为1.7.2       jquery-1.9.1.js --> jquery-1.7.2.js --&...

2016-03-04 18:06:29

阅读数:50663

评论数:2

AngularJS进阶(三十六)AngularJS项目开发技巧之利用Service&Promise&Resolve解决图片预加载问题(后记)

AngularJS项目开发技巧之利用Service&Promise&Resolve解决图片预加载问题(后记) 前言       在“AngularJS项目开发技巧之图片预加载”一文中,自己曾经天真的认为提升服务端带宽就可以解决图片加载问题。但自己的想法错了,通过阅读破狼的书《Ang...

2016-02-29 17:15:51

阅读数:47585

评论数:0

AngularJS进阶(三十五)浏览器兼容性解决之道

浏览器兼容性解决之道 前言       浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹。所以,常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的...

2016-02-28 17:13:02

阅读数:55940

评论数:1

AngularJS进阶(三十四)Angular数据更新不及时问题探讨

Angular数据更新不及时问题探讨 前言       在修复控制角标正确变化过程中,发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》,如果两个控制器的协作存在大量的数据共享和交互可以利用...

2016-02-25 19:44:32

阅读数:47957

评论数:0

AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法

简介AngularJS中使用factory和service的方法       AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数,并负责只做一个特定的任务。这也使得他们成为维护和测试的单独实体。控制器,过滤器可以调用它们作为需求的基础。服务使用Angula...

2016-02-25 19:35:49

阅读数:46853

评论数:1

AngularJS进阶(三十二)书海拾贝之特殊的ng-src和ng-href

书海拾贝之特殊的ng-src和ng-href   在说明这两个指令的特殊之前,需要先了解一下ng的启动及执行过程,如下:   1) 浏览器加载静态HTML文件并解析为DOM;   2) 浏览器加载angular.js文件;   3) angular监听 DOMContentLoad...

2016-01-27 09:06:52

阅读数:47027

评论数:2

AngularJS进阶(三十一)AngularJS项目开发技巧之获取模态对话框中的组件ID

AngularJS项目开发技巧之获取模态对话框中的组件ID 需求       出于项目开发需求,需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时,模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。   模态框核心代码如下: script type="text/n...

2016-01-20 16:59:07

阅读数:47513

评论数:0

AngularJS进阶(三十)AngularJS项目开发技巧之图片预加载

AngularJS项目开发技巧之图片预加载 绪       项目(移动端采用Ionic 框架)开发完毕,测试阶段发现移动APP首页的广告图片(图片由服务器端返回相应url地址)很难加载,主要原因还是网速。如下图左所示,图片加载完毕如下图右所示。                      问...

2016-01-18 11:28:22

阅读数:49331

评论数:0

AngularJS进阶(二十九)AngularJS项目开发技巧之localStorage存储

AngularJS项目开发技巧之localStorage存储 绪       项目开发完毕,测试阶段发现后台管理端二维码生成有问题,问题在于localStorage的存储。如下图左所示,二维码生成完毕包含信息如下图左所示,实际二维码信息如下图右所示:           经过测试发现二维码实际存储...

2016-01-16 20:59:36

阅读数:52147

评论数:0

AngularJS进阶(二十八)解决AngualrJS页面刷新导致异常显示问题

解决AngualrJS页面刷新导致异常显示问题 绪           俗话说,细节决定成败,编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的地方。今略举一例,与君共勉之。       页面正常加载后,显示如下:         按F...

2016-01-14 19:28:36

阅读数:51377

评论数:1

AngularJS进阶(二十七)实现二维码信息的集成思路

AngularJS实现二维码信息的集成思路 需求       实现生成的二维码包含订单详情信息。 思路 获取的内容数据如下:         现在可以获取到第一级数据,第二级数据data获取不到。利用第一级数据的获取方法获取不到第二级数据。 for(i in data){ alert(i); ...

2016-01-13 20:45:02

阅读数:50459

评论数:0

AngularJS进阶(二十六)实现分页操作

JS实现分页操作 前言       项目开发过程中,进行查询操作时有可能会检索出大量的满足条件的查询结果。在一页中显示全部查询结果会降低用户的体验感,故需要实现分页显示效果。受前面“JS实现时间选择插件”的启发,自己首先需要查看一下HTML5能否实现此效果。       整了半天,不管是用纯CSS...

2016-01-10 16:42:28

阅读数:49586

评论数:0

AngularJS进阶(二十四)AngularJS与单选框及多选框的双向动态绑定

AngularJS与单选框及多选框的双向动态绑定       AngularJS 在  中实现双向动态绑定十分简单,如下所示:             只需要用ng-model 与 $scope 中的属性对应,即实现了type=”text” 的双向动态绑定。当  及  时情况略有不同:     ...

2016-01-01 10:25:13

阅读数:48029

评论数:0

AngularJS进阶(二十三)ANGULAR三宗罪之版本陷阱

ANGULAR三宗罪之版本陷阱       坑!碰到个大坑,前面由于绑定日期时将angular版本换为angular-1.3.0-beta.1时,后来午睡后,登录系统,发现无论如何都登陆不进去了,经过调试,发现数据视图已经无法实现双向绑定了。自己还以为又碰到了“僵尸程序”了呢,对比药店端的程序发...

2015-12-25 20:27:08

阅读数:48179

评论数:0

提示
确定要删除当前文章?
取消 删除