前端布道

摘要： 半透明边框 实现效果： 实现代码： 实现要点： 设置边框为半透明，这是还看不到半透明边框，因为默认情况下，背景会延伸到边框所在的区域下层，也就是背景是被边框的外沿框裁切掉。 通过设置 （初始值是 border box） 让背景不要延伸到边框所在的区域下层，也就是让内边距的外沿来裁切背景。 多重边框 阅读全文

摘要： 支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用。 开发离线Web 应用需要几个步骤。首先是确保应用知道设备是否能上网，以便下一步执行正确的操作。然后，应用还必须能访问一定的资源（图像、Javascript、CSS等），只有 阅读全文

摘要： 为什么要使用 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是单线程 首先我们先了解下进程和线程的概念和关系： 进程： 运行的程序就是一个进程，比如你正在运行的浏览器，它会有一个进程 阅读全文