04 2018 档案
摘要：为什么要使用 Web 缓存 Web缓存一般分为浏览器缓存、代理服务器缓存以及网关缓存，本文主要讲的是 浏览器缓存 ，其它两种缓存大家自行去了解下。 Web 缓存游走于服务器和客户端之间。这个服务器可能是源服务器（资源所驻留的服务器），数量可能是1个或多个；这个客户端也可能是1个或多个。Web 缓存就
阅读全文
摘要：在 CSS 中要设置元素水平垂直居中是一个非常常见的需求了。但就是这样一个从理论上来看似乎实现起来极其简单的，在实践中，它往往难住了很多人。 让元素水平居中相对比较简单：如果它是一个行内元素，就对它的父元素应用 ；如果它是一个块级元素，就对它自身应用 。 然而如果要对一个元素进行垂直居中，那就没有那
阅读全文
摘要：Ionic 介绍 首先，Ionic 是什么。 Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架，类似的其他框架有：Intel XDK等。 简单来说就是可以将你的 Web 应用打包发布成 IOS/Android APP，并且提供了 Cordov
阅读全文
摘要：什么是双向数据绑定 双向数据绑定简单来说就是UI视图（View）与数据（Model）相互绑定在一起，当数据改变之后相应的UI视图也同步改变。反之，当UI视图改变之后相应的数据也同步改变。 双向数据绑定最常见的应用场景就是表单输入和提交。一般情况下，表单中各个字段都对应着某个对象的属性，这样当我们在表
阅读全文
摘要：含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。 Promise 对象是一个代理对象（代理一个值），被代理的值在 Promise 对象创建时可能是未
阅读全文
摘要：这篇文章收藏在笔记里面有几年了，原文作者无从考究了，侵删！ 最近再翻出来看，依然觉得受益匪浅。这次整理分享出来，希望对大家有所启示。 背景 如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧； 如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧； 如果你是四五年的
阅读全文
摘要：Chrome浏览器目前是网络上可用的最好的浏览器之一，并且自2011年11月超越了Firefox浏览器之后，已经成为了互联网上占主导地位的浏览器。 本篇文章将与大家分享一些与前端开发有关的实用的Chrome浏览器插件，这些插件可以帮助你提高前端开发工作效率。 Allow Control Allow
阅读全文
摘要：先看段代码： 思考一下,能给出准确的输出顺序吗？ 下面我们一个一个的来了解 Event Loop 相关的知识点，最后再一步一步分析出本段代码最后的输出顺序。 JavaScript是单线程 首先我们先了解下进程和线程的概念和关系： 进程： 运行的程序就是一个进程，比如你正在运行的浏览器，它会有一个进程
阅读全文
摘要：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 构建的应用，可复用在多种
阅读全文
