- 基于项目实战解析ng启动加载过程 前言 在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。 1.载入ng库 2.等待，直到DOM树构造完毕。 3.发现ng-app，自动进入启动引导阶段。 4.根据ng-app名称找到相应的路由。 5.加... 基于项目实战解析ng启动加载过程 前言 在AngularJS项目开发过程中，自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。 1.载入ng库 2.等待，直到DOM树构造完毕。 3.发现ng-app，自动进入启动引导阶段。 4.根据ng-app名称找到相应的路由。 5.加...
- 脏值检查 注：请点击此处进行充电! 需求 在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。 实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用n... 脏值检查 注：请点击此处进行充电! 需求 在项目开发过程中，需要对药店信息进行更改。如下图所示。现在的需求是：当药店信息没有发生变化时，点击“更新信息”按钮，提示“药店信息未做任何更改”。 实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解，貌似也不太好学习。就考虑使用别的方法，也可以使用n...
- 解决AngualrJS页面刷新导致异常显示问题 绪 俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。 页面正常加载后，显示如下： 按F5刷新之后，页面如下所示: 很明显，页面显示出现了异常。回过... 解决AngualrJS页面刷新导致异常显示问题 绪 俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。 页面正常加载后，显示如下： 按F5刷新之后，页面如下所示: 很明显，页面显示出现了异常。回过...
- AngularJS实现二维码信息的集成思路 赠人玫瑰，手留余香。若您感觉此篇博文对您有用，请花费2秒时间点个赞，您的鼓励是我不断前进的动力，与君共勉！ 注：点击此处进行知识充电。 需求 实现生成的二维码包含订单详情信息。 思路 获取的内容数据如下: 现在可以获取到第一级数据，第二级数据d... AngularJS实现二维码信息的集成思路 赠人玫瑰，手留余香。若您感觉此篇博文对您有用，请花费2秒时间点个赞，您的鼓励是我不断前进的动力，与君共勉！ 注：点击此处进行知识充电。 需求 实现生成的二维码包含订单详情信息。 思路 获取的内容数据如下: 现在可以获取到第一级数据，第二级数据d...
- Angular数据更新不及时问题探讨 前言 在修复控制角标正确变化过程中，发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》，如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务的“单例”特性为它们注入一个共享对象来传递数据。而自己在... Angular数据更新不及时问题探讨 前言 在修复控制角标正确变化过程中，发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》，如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务的“单例”特性为它们注入一个共享对象来传递数据。而自己在...
- AngularJS+BootStrap实现弹出对话框 参考资料： http://angular-ui.github.io/bootstrap/#/modal https://www.zybuluo.com/bornkiller/note/6023 http://www.html5jq.com/fe/angular_node/20141127/13.html ... AngularJS+BootStrap实现弹出对话框 参考资料： http://angular-ui.github.io/bootstrap/#/modal https://www.zybuluo.com/bornkiller/note/6023 http://www.html5jq.com/fe/angular_node/20141127/13.html ...
- AngularJS进阶(四十)创建模块、服务 学习要点 使用模块构架应用 创建和使用服务 为什么要使用和创建服务与模块？ 服务允许你打包可重用的功能，使之能在此应用中使用。 模块允许你打包可重用的功能，使之能跨应用使用。 一、应用程序模块化 先看看一个没有模块化的程序 ... AngularJS进阶(四十)创建模块、服务 学习要点 使用模块构架应用 创建和使用服务 为什么要使用和创建服务与模块？ 服务允许你打包可重用的功能，使之能在此应用中使用。 模块允许你打包可重用的功能，使之能跨应用使用。 一、应用程序模块化 先看看一个没有模块化的程序 ...
- 深入理解ANGULARUI路由_UI-ROUTER 最近在用 ionic写个webapp 看到几个demo中路由有好几种，搞的有点晕，查下资料研究下，做个笔记，其中大部分为摘抄别人的，做个说明免得被人吐槽。 Angularjs ui-router - 组件： $state / $stateProvider： 管理状态定义、当前状态和状态转换。包含触发状态转... 深入理解ANGULARUI路由_UI-ROUTER 最近在用 ionic写个webapp 看到几个demo中路由有好几种，搞的有点晕，查下资料研究下，做个笔记，其中大部分为摘抄别人的，做个说明免得被人吐槽。 Angularjs ui-router - 组件： $state / $stateProvider： 管理状态定义、当前状态和状态转换。包含触发状态转...
- 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...
上滑加载中
推荐直播
-
探秘仓颉编程语言：华为开发者空间的创新利器2025/02/22 周六 15:00-16:30
华为云讲师团
本期直播将与您一起探秘颉编程语言上线华为开发者空间后，显著提升开发效率，在智能化开发支持、全场景跨平台适配能力、工具链与生态完备性、语言简洁与高性能特性等方面展现出的独特优势。直播看点： 1.java转仓颉的小工具 2.仓颉动画三方库lottie 3.开发者空间介绍及如何在空间用仓颉编程语言开发
即将直播 -
大模型Prompt工程深度实践2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出？本期直播聚焦大模型Prompt工程核心技术：理解大模型推理基础原理，关键采样参数定义，提示词撰写关键策略及Prompt工程技巧分享。
去报名 -
华为云 x DeepSeek：AI驱动云上应用创新2025/02/26 周三 16:00-18:00
华为云 AI专家大咖团
在 AI 技术飞速发展之际，DeepSeek 备受关注。它凭借哪些技术与理念脱颖而出？华为云与 DeepSeek 合作，将如何重塑产品与应用模式，助力企业数字化转型？在华为开发者空间，怎样高效部署 DeepSeek，搭建专属服务器？基于华为云平台，又该如何挖掘 DeepSeek 潜力，实现智能化升级？本期直播围绕DeepSeek在云上的应用案例，与DTSE布道师们一起探讨如何利用AI 驱动云上应用创新。
去报名
热门标签