- AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。 它的创新点在于，利用 数据绑定 和 依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。 AngularJS的“禅道(理念)” Angu... AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。 它的创新点在于，利用 数据绑定 和 依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。 AngularJS的“禅道(理念)” Angu...
- JS实现时间选择插件 引导语 在项目开发过程中，需要实现根据以日期为筛选条件之一，故需要实现时间选择插件。对于未接触的新事物，自己总是感觉不明觉厉。其实，有些实现可以使用很简单的方法即可。以此为例，偶然的一次翻看课本发现HTML5中已经设计到此种实现。其中，设置input元素的type属性为datetime-local即可实现。 问题 实际编码过... JS实现时间选择插件 引导语 在项目开发过程中，需要实现根据以日期为筛选条件之一，故需要实现时间选择插件。对于未接触的新事物，自己总是感觉不明觉厉。其实，有些实现可以使用很简单的方法即可。以此为例，偶然的一次翻看课本发现HTML5中已经设计到此种实现。其中，设置input元素的type属性为datetime-local即可实现。 问题 实际编码过...
- AngularJS进阶(四十二)ng-options渲染的第一项为空的解决办法 现象 我们在使用ng-options时，如果首次使用，可能会在渲染完成后发现下拉列表的第一项为空，并且我们在选择一项之后，为空的第一项已经消失了，这样用户体验上来说很不好。 原因 原因就在于：我们使用ng-options的时候，是配合模型指令ng-model一起使用的，从而我... AngularJS进阶(四十二)ng-options渲染的第一项为空的解决办法 现象 我们在使用ng-options时，如果首次使用，可能会在渲染完成后发现下拉列表的第一项为空，并且我们在选择一项之后，为空的第一项已经消失了，这样用户体验上来说很不好。 原因 原因就在于：我们使用ng-options的时候，是配合模型指令ng-model一起使用的，从而我...
- AngularJS与单选框及多选框的双向动态绑定 赠人玫瑰，手留余香。若您感觉此篇博文对您有用，请花费2秒时间点个赞，您的鼓励是我不断前进的动力，共勉！ AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示： <input type="text" ng-model="topi... AngularJS与单选框及多选框的双向动态绑定 赠人玫瑰，手留余香。若您感觉此篇博文对您有用，请花费2秒时间点个赞，您的鼓励是我不断前进的动力，共勉！ AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单，如下所示： <input type="text" ng-model="topi...
- AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例 Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前，它支持6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区）。而且，这是一个独立的包，不依赖第三方 JavaScript 库，小于 5KB。 ... AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例 Chart.js 是一个令人印象深刻的 JavaScript 图表库，建立在 HTML5 Canvas 基础上。目前，它支持6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区）。而且，这是一个独立的包，不依赖第三方 JavaScript 库，小于 5KB。 ...
- 浏览器兼容性解决之道 前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说，兼容IE6的性价比已经很低，而IE7则几乎已经绝迹。所以，常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标，Angular团队声明：Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版... 浏览器兼容性解决之道 前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说，兼容IE6的性价比已经很低，而IE7则几乎已经绝迹。所以，常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标，Angular团队声明：Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版...
- Angular实现下拉菜单多选 写这篇文章时，引用文章地址如下： http://ngmodules.org/modules/angularjs-dropdown-multiselect http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ AngularJS Dropdown Multiselect... Angular实现下拉菜单多选 写这篇文章时，引用文章地址如下： http://ngmodules.org/modules/angularjs-dropdown-multiselect http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ AngularJS Dropdown Multiselect...
- AngularJS上拉加载问题解决方法 项目中始终存在一个问题:当在搜索栏输入关键词后(见图1)，按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前7条数据，待客户端出现上拉加载时，继续查找另外7条数据。但实际情形是不确定的，在服务端控制台(见图2)可看到begno一直到了126，也就是相当于客户端往服务端请求了127次，这是一个令人无法忍受的结果。 ... AngularJS上拉加载问题解决方法 项目中始终存在一个问题:当在搜索栏输入关键词后(见图1)，按照既定的业务逻辑应该是服务端接收到请求后，首先返回查询的前7条数据，待客户端出现上拉加载时，继续查找另外7条数据。但实际情形是不确定的，在服务端控制台(见图2)可看到begno一直到了126，也就是相当于客户端往服务端请求了127次，这是一个令人无法忍受的结果。 ...
- AngularJS实现根据不同条件显示不同控件 由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示: 即当选择“每单固定减”时，下方只显示“减免金额”一栏； 当选择“每单固定折扣”时，下方只显示“折扣比例”一栏； 当选择“每单满额减”时，下方只显示“满..减..”两栏。 根据自己对angular的了解，应该可以很轻松的实现此功... AngularJS实现根据不同条件显示不同控件 由于项目需求，需要实现根据不同条件显示不同控件的功能。具体要求如下图所示: 即当选择“每单固定减”时，下方只显示“减免金额”一栏； 当选择“每单固定折扣”时，下方只显示“折扣比例”一栏； 当选择“每单满额减”时，下方只显示“满..减..”两栏。 根据自己对angular的了解，应该可以很轻松的实现此功...
- JS实现分页操作 前言 项目开发过程中，进行查询操作时有可能会检索出大量的满足条件的查询结果。在一页中显示全部查询结果会降低用户的体验感，故需要实现分页显示效果。受前面“JS实现时间选择插件”的启发，自己首先需要查看一下HTML5能否实现此效果。 整了半天，不管是用纯CSS3也好，还是用tmpagination.js还是bootstrap组件也好... JS实现分页操作 前言 项目开发过程中，进行查询操作时有可能会检索出大量的满足条件的查询结果。在一页中显示全部查询结果会降低用户的体验感，故需要实现分页显示效果。受前面“JS实现时间选择插件”的启发，自己首先需要查看一下HTML5能否实现此效果。 整了半天，不管是用纯CSS3也好，还是用tmpagination.js还是bootstrap组件也好...
- ANGULAR三宗罪之版本陷阱 坑！碰到个大坑，前面由于绑定日期时将angular版本换为angular-1.3.0-beta.1时，后来午睡后，登录系统，发现无论如何都登陆不进去了，经过调试，发现数据视图已经无法实现双向绑定了。自己还以为又碰到了“僵尸程序”了呢，对比药店端的程序发现并没有什么不同之处。后来自己经过一番思索才隐约感觉到是不是angular的版本... ANGULAR三宗罪之版本陷阱 坑！碰到个大坑，前面由于绑定日期时将angular版本换为angular-1.3.0-beta.1时，后来午睡后，登录系统，发现无论如何都登陆不进去了，经过调试，发现数据视图已经无法实现双向绑定了。自己还以为又碰到了“僵尸程序”了呢，对比药店端的程序发现并没有什么不同之处。后来自己经过一番思索才隐约感觉到是不是angular的版本...
- AngularJS灵异代码事件 注：请点击此处进行充电! 事情原委 router_sys.js源代码如下: 自己在html路由跳转的代码如下: 但是在实际路由过程中，却路由到了下面的状态，相应的页面中去。 诡异的是在UC上第一次路由正常，第二次还是路由到下面的状态！路由命名是没有问题的，却执行到别路由中去了。费解！ 驱除内鬼 内鬼一时还真找不... AngularJS灵异代码事件 注：请点击此处进行充电! 事情原委 router_sys.js源代码如下: 自己在html路由跳转的代码如下: 但是在实际路由过程中，却路由到了下面的状态，相应的页面中去。 诡异的是在UC上第一次路由正常，第二次还是路由到下面的状态！路由命名是没有问题的，却执行到别路由中去了。费解！ 驱除内鬼 内鬼一时还真找不...
- AngularJS项目开发技巧之localStorage存储 注: localStorage深度学习 绪 项目开发完毕，测试阶段发现后台管理端二维码生成有问题，问题在于localStorage的存储。如下图左所示，二维码生成完毕包含信息如下图左所示，实际二维码信息如下图右所示: 经过测试发现二维码实际存储的是... AngularJS项目开发技巧之localStorage存储 注: localStorage深度学习 绪 项目开发完毕，测试阶段发现后台管理端二维码生成有问题，问题在于localStorage的存储。如下图左所示，二维码生成完毕包含信息如下图左所示，实际二维码信息如下图右所示: 经过测试发现二维码实际存储的是...
- AngularJS项目开发技巧之获取模态对话框中的组件ID 需求 出于项目开发需求，需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时，模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。 模态框核心代码如下: <script type="text/ng-template" id="billDtlContent.html"> ... AngularJS项目开发技巧之获取模态对话框中的组件ID 需求 出于项目开发需求，需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时，模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。 模态框核心代码如下: <script type="text/ng-template" id="billDtlContent.html"> ...
- http://www.runoob.com/angularjs/angularjs-application.htmlhttps://www.w3schools.com/angular/angular_htmldom.asp<div ng-app=""> <p>Name: <input type="text" ng-model="name"></p> <p ng-bind="name"><... http://www.runoob.com/angularjs/angularjs-application.htmlhttps://www.w3schools.com/angular/angular_htmldom.asp<div ng-app=""> <p>Name: <input type="text" ng-model="name"></p> <p ng-bind="name"><...
上滑加载中
推荐直播
-
大模型Prompt工程深度实践2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出？本期直播聚焦大模型Prompt工程核心技术：理解大模型推理基础原理，关键采样参数定义，提示词撰写关键策略及Prompt工程技巧分享。
去报名
热门标签