- 前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹。所以,常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版本,它们也不会保证Angular将会工作在这... 前言 浏览器兼容性一直是前端开发中不得不面对的一个问题。而最突出的就是IE。对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹。所以,常见的兼容性下限是IE8。这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试。但这些测试不会运行在IE7及以下版本,它们也不会保证Angular将会工作在这...
- 需求 实现生成的二维码包含订单详情信息。思路获取的内容数据如下: 现在可以获取到第一级数据,第二级数据data获取不到。利用第一级数据的获取方法获取不到第二级数据。for(i in data){alert(i); //获得属性 if(typeof(data[i]) == "object"){var tmp = data[i];for(j in tmp... 需求 实现生成的二维码包含订单详情信息。思路获取的内容数据如下: 现在可以获取到第一级数据,第二级数据data获取不到。利用第一级数据的获取方法获取不到第二级数据。for(i in data){alert(i); //获得属性 if(typeof(data[i]) == "object"){var tmp = data[i];for(j in tmp...
- 学习要点 使用模块构架应用 创建和使用服务 为什么要使用和创建服务与模块? 服务允许你打包可重用的功能,使之能在此应用中使用。 模块允许你打包可重用的功能,使之能跨应用使用。一、应用程序模块化 先看看一个没有模块化的程序<!DOCTYPE><!-- use module --><html ng-app="example... 学习要点 使用模块构架应用 创建和使用服务 为什么要使用和创建服务与模块? 服务允许你打包可重用的功能,使之能在此应用中使用。 模块允许你打包可重用的功能,使之能跨应用使用。一、应用程序模块化 先看看一个没有模块化的程序<!DOCTYPE><!-- use module --><html ng-app="example...
- AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单,如下所示: <input type="text" ng-model="topic.title" /> 只需要用ng-model 与 $scope 中的属性对应,即实现了type=”text” 的双向动态绑定。当 <input type="radio" /> 及 <... AngularJS 在 <input type="text" /> 中实现双向动态绑定十分简单,如下所示: <input type="text" ng-model="topic.title" /> 只需要用ng-model 与 $scope 中的属性对应,即实现了type=”text” 的双向动态绑定。当 <input type="radio" /> 及 <...
- 需求 在项目开发过程中,需要对药店信息进行更改。如下图所示。现在的需求是:当药店信息没有发生变化时,点击“更新信息”按钮,提示“药店信息未做任何更改”。实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解,貌似也不太好学习。就考虑使用别的方法,也可以使用ng-change内置指令,通过控制业务逻辑实现。Demo如下:View视图:<... 需求 在项目开发过程中,需要对药店信息进行更改。如下图所示。现在的需求是:当药店信息没有发生变化时,点击“更新信息”按钮,提示“药店信息未做任何更改”。实现 可以利用angualr的脏值检查机制解决。 由于对angular的脏值检测机制不是很了解,貌似也不太好学习。就考虑使用别的方法,也可以使用ng-change内置指令,通过控制业务逻辑实现。Demo如下:View视图:<...
- 什么是依赖注入依赖注入(DI)是一种软件设计模式。在此模式中,一个或多个依赖项(或服务)被注入(或通过引用传递)到独立对象(或客户端),然后成为客户端状态的一部分。这种模式分离了客户端依赖行为本身的创建,这使得程序设计松散耦合,并遵循依赖反转和单一责任的原则。与服务定位器模式直接相反,它允许客户机理解客户机如何使用系统查找依赖项。Angularjs提供了良好的依赖注入机制。以下五个核心组件... 什么是依赖注入依赖注入(DI)是一种软件设计模式。在此模式中,一个或多个依赖项(或服务)被注入(或通过引用传递)到独立对象(或客户端),然后成为客户端状态的一部分。这种模式分离了客户端依赖行为本身的创建,这使得程序设计松散耦合,并遵循依赖反转和单一责任的原则。与服务定位器模式直接相反,它允许客户机理解客户机如何使用系统查找依赖项。Angularjs提供了良好的依赖注入机制。以下五个核心组件...
- 服务器代码以下列出了几种类型的服务器端代码:使用PHP和mysql。返回JSON。使用PHP和MS访问。返回JSON。使用ASP.Net、VB和MS Access。返回JSON。使用ASP.Net、razor和SQL Lite。返回JSON。<div ng-app="myApp" ng-controller="customersCtrl"><table> <tr ng-repeat="x... 服务器代码以下列出了几种类型的服务器端代码:使用PHP和mysql。返回JSON。使用PHP和MS访问。返回JSON。使用ASP.Net、VB和MS Access。返回JSON。使用ASP.Net、razor和SQL Lite。返回JSON。<div ng-app="myApp" ng-controller="customersCtrl"><table> <tr ng-repeat="x...
- Angularjs表达式Angularjs使用表达式将数据绑定到HTMLAngularjs表达式使用双括号编写:{表达式}。angularjs表达式将数据绑定到HTML,类似于ng bind指令。Angularjs将在写入表达式的位置“输出”数据。Angularjs表达式与JavaScript表达式非常相似:它们可以包含文本、运算符和变量。实例{5+5}或{firstname+“”+Las... Angularjs表达式Angularjs使用表达式将数据绑定到HTMLAngularjs表达式使用双括号编写:{表达式}。angularjs表达式将数据绑定到HTML,类似于ng bind指令。Angularjs将在写入表达式的位置“输出”数据。Angularjs表达式与JavaScript表达式非常相似:它们可以包含文本、运算符和变量。实例{5+5}或{firstname+“”+Las...
- Jerry最开始是用SAP UI5进行SAP CRM Fiori应用的开发。最近一段时间做SAP Spartacus开发,在用Angular,因此借这个机会将两个前端框架的事件处理实现细节做一个比较。 SAP UI5事件处理通过button控件的attachPress方法注册一个Press事件点击的处理函数:button控件本身的实现是没有attachPress这个方法的,这一点可以从has... Jerry最开始是用SAP UI5进行SAP CRM Fiori应用的开发。最近一段时间做SAP Spartacus开发,在用Angular,因此借这个机会将两个前端框架的事件处理实现细节做一个比较。 SAP UI5事件处理通过button控件的attachPress方法注册一个Press事件点击的处理函数:button控件本身的实现是没有attachPress这个方法的,这一点可以从has...
- 一、前言学习了一段时间AngularJS后,开始接触移动端APP开发。为了响应公司开发需求,采用“Hybrid”混血开发方法。采用Ionic作为前端框架,对于小白来说,得一点一点的前进。Ionic和AngularJS的完美融合,可以说是AngularJS的移动端解决方案(正如蒸蒸日上的React Native 是React的移动端解决方案一样。只不过为Facebook所属),它的核心架构也是... 一、前言学习了一段时间AngularJS后,开始接触移动端APP开发。为了响应公司开发需求,采用“Hybrid”混血开发方法。采用Ionic作为前端框架,对于小白来说,得一点一点的前进。Ionic和AngularJS的完美融合,可以说是AngularJS的移动端解决方案(正如蒸蒸日上的React Native 是React的移动端解决方案一样。只不过为Facebook所属),它的核心架构也是...
- 本文我们来分析一下AngularJS项目到Angular项目的转化问题。我们会着重探讨三种方案。 本文我们来分析一下AngularJS项目到Angular项目的转化问题。我们会着重探讨三种方案。
- 本章学习js文件引入和加载的优化<!DOCTYPE html"><html><head><meta content="text/html; charset=utf-8" http-equiv=Content-Type><title>性能测试</title><style></style><!-- <script type="text/javascript" src="bigjs.js"></s... 本章学习js文件引入和加载的优化<!DOCTYPE html"><html><head><meta content="text/html; charset=utf-8" http-equiv=Content-Type><title>性能测试</title><style></style><!-- <script type="text/javascript" src="bigjs.js"></s...
- 本期课程将依托华为云DevCloud,使用DevUI开源组件库,以实践操作作为课程基础,开发通用的文档发布管理系统。课程对Angular和Node有较为深入的应用,从课程设计、项目规划、工程化、DevUI组件库、常用第三方库(echarts、markdown)等各个维度进行详细介绍。不仅会教大家如何实现功能,更会讲解技术背后的原理,帮助大家做到举一反三,掌握前端开发技能。 本期课程将依托华为云DevCloud,使用DevUI开源组件库,以实践操作作为课程基础,开发通用的文档发布管理系统。课程对Angular和Node有较为深入的应用,从课程设计、项目规划、工程化、DevUI组件库、常用第三方库(echarts、markdown)等各个维度进行详细介绍。不仅会教大家如何实现功能,更会讲解技术背后的原理,帮助大家做到举一反三,掌握前端开发技能。
- 一、前言Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。其中用到的软件:Chart.js框架,版本1.0.2,一个简单、轻量级的绘图框架,基于HTML5 canvas。这个... 一、前言Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。其中用到的软件:Chart.js框架,版本1.0.2,一个简单、轻量级的绘图框架,基于HTML5 canvas。这个...
- 前言 在AngularJS项目开发过程中,自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。1.载入ng库 2.等待,直到DOM树构造完毕。3.发现ng-app,自动进入启动引导阶段。4.根据ng-app名称找到相应的路由。 5.加载默认地址。6.Js顺序执行,加载相应模版页sys_tpls/home.html 7.在... 前言 在AngularJS项目开发过程中,自己将遇到的问题进行了整理。回过头来总结一下angular的启动过程。 下面以实际项目为例进行简要讲解。1.载入ng库 2.等待,直到DOM树构造完毕。3.发现ng-app,自动进入启动引导阶段。4.根据ng-app名称找到相应的路由。 5.加载默认地址。6.Js顺序执行,加载相应模版页sys_tpls/home.html 7.在...
上滑加载中
推荐直播
-
应用架构现代化之深入浅出微服务
2023/04/06 周四 16:30-18:00
蒋鸿伟 华为云PaaS DTSE技术布道师/华为云微服务引擎CSE研发专家
微服务作为云原生核心技术,是实现应用现代化的关键,本期华为云微服务布道师蒋鸿伟为您介绍业界微服务技术发展方向、如何落地微服务技术驱动业务服务化、应用现代化,分享华为微服务实践经验及各行业成功案例。
去报名
热门标签