- 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"> ...
- 在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外，这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK等。ng updateng... 在Angular 5发布半年之后，Angular 6在昨天正式发布，那么在这个版本有哪些新功能呢？新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。除此之外，这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK等。ng updateng...
- 我不会抵触Angular，也会继续拥抱vue，按前端界这种疯狂的进化速度，哪天又有了一个新框架，吸收了Angular/vue的精华，干掉它们两个也很正常。能更好的解决问题的就是好技术，欢迎推陈出新，这就是技术进步。 我不会抵触Angular，也会继续拥抱vue，按前端界这种疯狂的进化速度，哪天又有了一个新框架，吸收了Angular/vue的精华，干掉它们两个也很正常。能更好的解决问题的就是好技术，欢迎推陈出新，这就是技术进步。
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签