腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端布道

专栏作者

52

文章

86311

阅读量

28

订阅数

Windows下Ionic 开发环境搭建

Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架，类似的其他框架有：Intel XDK等。

2018-07-25

3K0

JavaScript实现简单的双向数据绑定

双向数据绑定简单来说就是UI视图（View）与数据（Model）相互绑定在一起，当数据改变之后相应的UI视图也同步改变。反之，当UI视图改变之后相应的数据也同步改变。

2018-07-25

1.9K0

Angular开发实践（六）：服务端渲染

Angular Universal Angular在服务端渲染方面提供一套前后端同构解决方案，它就是 Angular Universal（统一平台），一项在服务端运行 Angular 应用的技术。标准的 Angular 应用会执行在浏览器中，它会在 DOM 中渲染页面，以响应用户的操作。而 Angular Universal 会在服务端通过一个被称为服务端渲染（server-side rendering - SSR）的过程生成静态的应用页面。它可以生成这些页面，并在浏览器请求时直接用它们给出响应。它

2018-04-11

4.7K0

Angular开发实践（八）：使用ng-content进行组件内容投射

在Angular中，组件属于特殊的指令，它的特殊之处在于它有自己的模板（html）和样式（css）。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下： demo.component.ts： import { Component, OnInit } from '@angular/core'; @Component({ selector: 'demo-component', templateUrl: './demo.component.html', st

2018-04-11

2.9K0

Angular开发实践（四）：组件之间的交互

在Angular应用开发中，组件可以说是随处可见的。本篇文章将介绍几种常见的组件通讯场景，也就是让两个或多个组件之间交互的方法。根据数据的传递方向，分为父组件向子组件传递、子组件向父组件传递及通过服务传递三种交互方法。父组件向子组件传递子组件通过@Input装饰器定义输入属性，然后父组件在引用子组件的时候通过这些输入属性向子组件传递数据，子组件可通过setter或ngOnChanges()来截听输入属性值的变化。先定义两个组件，分别为子组件DemoChildComponent和父组件DemoPare

2018-04-11

3.3K0

Angular开发实践（一）：环境准备及框架搭建

引言在工作中引入Angular框架将近一年了，在这一年中不断的踩坑和填坑，当然也学习和积累了很多的知识，包括MVVM框架、前后端分离、前端工程化、SPA优化等等。因此想通过Angular开发实践这系列的文章分享下自己的所学，达到交流和分享的目的。介绍之前，我假定你了解或者熟悉： NodeJs Npm Git Sass TypeScript angular-cli 环境准备全局安装NodeJs（>6.9.x），包含npm（>3.x.x）全局安装angular-cli npm install -g @a

2018-04-11

1.3K0

Angular开发实践（二）：HRM运行机制

引言在angular-start项目中启用了模块热替换(HMR - Hot Module Replacement)功能，关于如何在angular-cli启用HRM，请查看HRM配置那HMR是个什么东西呢？ HMR是webpack提供的一个功能，angular-cli使用了它，它会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。主要是通过以下几种方式，来显著加快开发速度：保留在完全重新加载页面时丢失的应用程序状态只更新变更内容，以节省宝贵的开发时间调整样式更加快速 - 几乎相当于在

2018-04-11

1.7K0

Angular开发实践（五）：深入解析变化监测

什么是变化监测在使用 Angular 进行开发中，我们常用到 Angular 中的绑定——模型到视图的输入绑定、视图到模型的输出绑定以及视图与模型的双向绑定。而这些绑定的值之所以能在视图与模型之间保持同步，正是得益于Angular中的变化监测。简单来说，变化监测就是 Angular 用来监测视图与模型之间绑定的值是否发生了改变，当监测到模型中绑定的值发生改变时，则同步到视图上，反之，当监测到视图上绑定的值发生改变时，则回调对应的绑定函数。变化监测的源头变化监测的关键在于如何最小粒度地监测到绑定的值是

2018-04-11

1.7K0

Angular开发实践（七）：跨平台操作DOM及渲染器Renderer2

在《Angular开发实践（六）：服务端渲染》这篇文章的最后，我们也提到了在服务端渲染中需要牢记的几件事件，其中就包括不要使用window、 document、 navigator等浏览器特有的类型以及直接操作DOM元素。这样就引出了 Angular 主要特性之一：横跨所有平台。通过合适的方法，使用 Angular 构建的应用，可复用在多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。为了能够支持跨平台，Angular 通过抽象层封装了不同平台的差异。比如定义了抽象类

2018-04-11

2.6K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态