写点什么

AngularJS

0 人感兴趣 · 27 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

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

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

 为什么要使用和创建服务与模块?           服务允许你打包可重用的功能,使之能在此应用中使用。           模块允许你打包可重用的功能,使之能跨应用使用。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

      在AngularJS项目开发过程中,自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

      继续尝试解决IE浏览器兼容性问题,结局方案为更换jquery、angularjs、IE的版本。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

      在“AngularJS项目开发技巧之图片预加载”一文中,自己曾经天真的认为提升服务端带宽就可以解决图片加载问题。但自己的想法错了,通过阅读破狼的书《AngularJS深度剖析与最佳实践》,隐隐察觉到是自己的项目架构出现了问题。存在很多待优化的地方。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

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

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

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

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

在说明这两个指令的特殊之前,需要先了解一下ng的启动及执行过程,如下:

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

​出于项目开发需求,需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时,模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

       俗话说,细节决定成败,编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题,殊不知,这些细节正是导致页面显示出现问题的地方。今略举一例,与君共勉之。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

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

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单,如下所示:

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

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

众所周知,现在移动Webapp越来越多,例如天猫、京东、国美这些都是很好的例子。而在Webapp中,又要数单页面架构体验最好,更像原生app。简单来说,单页面App不需要频繁切换网页,可以局部刷新,整个加载流畅度会好很多。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (二十二) 实现时间选择插件

      在项目开发过程中,需要实现根据以日期为筛选条件之一,故需要实现时间选择插件。对于未接触的新事物,自己总是感觉不明觉厉。其实,有些实现可以使用很简单的方法即可。以此为例,偶然的一次翻看课本发现HTML5中已经设计到此种实现。其中,设置inp

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (二十)HTML5 实现获取地理位置信息并定位功能

     这篇文章主要介绍了HTML5实现获取地理位置信息并定位功能,本文讲解了原生HTML5、百度地图、谷歌地图等三种获取理位置信息并定位的方法,需要的朋友可以参考下。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十九) 在 AngularJS 应用中集成百度地图实现定位功能

      根据项目需求,需要实现手机定位功能,考虑到百度业务的强大能力,遂决定使用百度地图第三方服务。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十七) 在 AngularJS 应用中集成微信认证授权遇到的坑

项目开发过程中,移动端新近增加了一个功能“微信授权登录”,由于自己不是负责移动端开发的,但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十六) 脏值检查及语音识别集成

    在项目开发过程中,需要对药店信息进行更改。如下图所示。现在的需求是:当药店信息没有发生变化时,点击“更新信息”按钮,提示“药店信息未做任何更改”。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十五)Cookie ‘data‘ possibly not set or overflowed because it was too large

项目开发过程中遇到以上问题,刚开始以为只是个警告,没太在意。后来发现直接影响到了程序的执行效果。果断寻找解决方法。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十三)JS 利用正则表达式校验手机号

由于项目需求,需要在前端实现手机号码的校验。当然了,对于基本的格式校验应该放在客户端进行,而不需要再将待校验的手机号发送至服务端,在服务端完成校验,然后将校验结果返回给客户端,客户端根据返回的结果再进行进一步的处理。反而复杂化了处理过程。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十一)AngularJS 实现表格数据的编辑, 更新和删除

实现首先,我们先建立一些数据,当然你可以从你任何地方读出你的数据

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

AngularJS 进阶 (十)AngularJS 改变元素显示状态

本文描述使用AngularJS提供的ng-show和ng-hide指令实现自动监听某布尔型变量来改变元素显示状态。

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

​ AngularJS 进阶 (七)AngularJS 实现根据不同条件显示不同控件

由于项目需求,需要实现根据不同条件显示不同控件的功能。具体要求如下图所示:

https://static001.geekbang.org/infoq/d0/d02989f7209153f70ae5bd6147c6ee6b.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

JavaScript 进阶 (八) 实现图片预览并导入服务器功能

项目开发过程中,需要实现文件上传功能。借此机会学习之。

AngularJS_AngularJS技术文章_InfoQ写作社区