摘要：
一、区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 在Jquery中$(function(){ })和$(document).ready(function(){ })的效果是一样，是在DOM树加载完成之后（DOM树加载完不代表全部资源加载完，例如图片，音频和视频 阅读全文
摘要：
一、为什么会有一像素问题 弄明白这个问题，首先要知道DPR了。 DPR（device pixel ratio）pixel等于picture element。设备像素比，是默认缩放100%的情况下，即DPR=设备像素个数/理想视口像素个数(device-width)。 1.设备像素：设备的物理像素，任 阅读全文
摘要：
display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！ 这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或者f 阅读全文
摘要：
一、什么是sticky footer 在网页设计中，Sticky footers设计是最古老和最常见的效果之一。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推送。 二、应用场景案例 如下： 当页面内容不够长，比较少时，’X’关闭按钮粘贴在视窗底 阅读全文
摘要：
一、错误如下 [eslint-plugin-vue][vue/require-v-for-key]Elements in iteration expect to have 'v-bind:key' directives. 一、错误如下 [eslint-plugin-vue][vue/require- 阅读全文
摘要：
最近学习一个vue-cli的项目，需要与后台进行数据交互，这里使用本地json数据来模仿后台数据交互流程。然而发现build文件夹下没有dev-server.js文件了，因为新版本的vue-webpack-template 中已经去掉了dev-server.js，取而代之的是webpack.dev. 阅读全文
摘要：
一、问题 出现这么写错误是什么原因呢？相信很多小白都会像我一样，第一次接触时有点二丈和尚摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具，如下图 那么什么是ESLint呢？ 二、ESLint介绍（中文官网） 官网是这用介绍的， ESLint 是一个开源的 JavaS 阅读全文
摘要：
一、图标字体的优劣势 优势： 1、轻量性：一个图标字体比一系列的图像要小。一旦图标字体加载了，图标就会马上渲染出来，不需要下载一个图像。可以减少HTTP请求，还可以配合HTML5离线存储做性能优化。 2、灵活性：图标字体可以用过font-size属性设置其任何大小，还可以加各种文字效果，包括颜色、H 阅读全文
摘要：
引言： 这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。 一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说 阅读全文
摘要：
一、前言 ECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。Babel是一个广泛使用的转码器，babel可以将ES6代码完美地转换为ES5代码，所以我们不用等到浏览器的支持就可以在项目中使用ES 阅读全文