前端布道

摘要： offsetWidth / offsetHeight offsetWidth HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（各浏览器的offsetWidth可能有所不同）offsetWidth是测量包含元素的边框(border)、水平线上的内边距 阅读全文

摘要： 本文介绍的 Chrome 开发者工具基于 Chrome 65版本，如果你的 Chrome 开发者工具没有下文提到的那些内容，请检查下 Chrome 的版本 本文是 "前端开发必备之Chrome开发者工具（上篇）" 的下篇，废话不多说，直接开始介绍。 网络面板（Network） 网络面板记录页面上每个 阅读全文

摘要： 本文介绍的 Chrome 开发者工具基于 Chrome 65版本，如果你的 Chrome 开发者工具没有下文提到的那些内容，请检查下 Chrome 的版本 简介 Chrome 开发者工具是一套内置于 Google Chrome 中的Web开发和调试工具，可用来对网站进行迭代、调试和分析 打开 Chr 阅读全文

摘要： 元素选择器 通配选择器 { sRules } 选定文档所有的元素 类型选择器 E { sRules } 选定指定的文档元素 E 类选择器 E.myclass { sRules } 选定 class 属性包含 myclass 的文档元素 E 多类选择器 E.myclass.myotherclass { 阅读全文

摘要： Object构造函数 创建自定义对象最简单的方式就是创建一个 Object 的实例，然后再为它添加属性和方法： 缺点 代码冗余，会产生大量重复代码 无法识别对象（无法知道对象的类型） 对象字面量 对象字面量相比较于 Object 构造函数，代码会比较直观一些： 缺点 代码冗余，会产生大量重复代码 无 阅读全文

摘要： 在Angular中，组件属于特殊的指令，它的特殊之处在于它有自己的模板（html）和样式（css）。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下： demo.component.ts： demo.component.html： demo.component.scs 阅读全文

摘要： 在 "《Angular开发实践（六）：服务端渲染》" 这篇文章的最后，我们也提到了在 中需要牢记的几件事件，其中就包括不要使用 、 、 等浏览器特有的类型以及直接操作DOM元素。 这样就引出了 Angular 主要特性之一：横跨所有平台。通过合适的方法，使用 Angular 构建的应用，可复用在多种 阅读全文

摘要： Angular在服务端渲染方面提供一套前后端同构解决方案，它就是 Angular Universal（统一平台），一项在服务端运行 Angular 应用的技术 阅读全文

摘要： 在使用 Angular 进行开发中，我们常用到 Angular 中的绑定——模型到视图的输入绑定、视图到模型的输出绑定以及视图与模型的双向绑定。而这些绑定的值之所以能在视图与模型之间保持同步，正是得益于Angular中的变化检测。 阅读全文

摘要： 在Angular应用开发中，组件可以说是随处可见的。本篇文章将介绍几种常见的组件通讯场景，也就是让两个或多个组件之间交互的方法。根据数据的传递方向，分为父组件向子组件传递、子组件向父组件传递及通过服务传递三种交互方法。 阅读全文