前端开发必备之chrome插件
Chrome浏览器目前是网络上可用的最好的浏览器之一，并且自2011年11月超越了Firefox浏览器之后，已经成为了互联网上占主导地位的浏览器。
本篇文章将与大家分享一些与前端开发有关的实用的Chrome浏览器插件，这些插件可以帮助你提高前端开发工作效率。
Allow-Control-Allow-
...
前端开发必备之Chrome开发者工具（下篇）
本文介绍的 Chrome 开发者工具基于 Chrome 65版本，如果你的 Chrome 开发者工具没有下文提到的那些内容，请检查下 Chrome 的版本
本文是 前端开发必备之Chrome开发者工具（上篇） 的下篇，废话不多说，直接开始介绍。
网络面板（Network）网络面板记录页面上每个网
...
前端开发必备之Chrome开发者工具（上篇）
本文介绍的 Chrome 开发者工具基于 Chrome 65版本，如果你的 Chrome 开发者工具没有下文提到的那些内容，请检查下 Chrome 的版本
简介Chrome 开发者工具是一套内置于 Google Chrome 中的Web开发和调试工具，可用来对网站进行迭代、调试和分析
打开 Ch
...
Windows下Ionic 开发环境搭建
Ionic 介绍首先，Ionic 是什么。
Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架，类似的其他框架有：Intel XDK等。
简单来说就是可以将你的 Web 应用打包发布成 IOS/Android APP，并且提供了 Cordova
...
Ionic构建打包apk出现的问题集合
当我们写完 ionic 项目准备打包成 apk 时（比如执行 ionic cordova platform add android 或者 ionic cordova build android 等命令），经常会出现一些莫名其妙的问题，特别是对原生开发并不太熟悉的人，往往就是一脸懵逼啊。
因此，很有必
...
CSS3实现多种背景效果
灵活的背景定位实现效果：
将背景图定位到距离容器底边 10px 且距离右边 20px 的位置。
background-position 方案
实现代码：
1<div>海盗密码</div>
12345678910111213div { /* 关键样式 */ b
...
浏览器同源策略及跨域的解决方法
什么是浏览器同源策略同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。
它的核心就在于它认为自任何站点装载的信赖内容是不
...
不同场景下使用CSS隐藏元素
使用 CSS 让元素不可见的方法很多，剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见，但背后却在多个维度上都有差别。
元素不可见，同时不占据空间、辅助设备无法访问、不渲染使用 script 标签隐。例如：
123<script type="text/html">
...
CSS3实现多样的边框效果
半透明边框实现效果：
实现代码：
123<div>你能看到半透明的边框吗？</div>
12345678910111213div { /* 关键代码 */ border: 10px solid rgba(255,255,255,.5); background: w
...
CSS实现元素居中原理解析
在 CSS 中要设置元素水平垂直居中是一个非常常见的需求了。但就是这样一个从理论上来看似乎实现起来极其简单的，在实践中，它往往难住了很多人。
让元素水平居中相对比较简单：如果它是一个行内元素，就对它的父元素应用 text-align: center；如果它是一个块级元素，就对它自身应用 margin
...