在项目中，如果出现大图一时半会加载不出来 的情况确实很丑。如果是那种没有给定宽高 靠图片撑起来的等图片加载出来 再把内容挤下去的用户体验效果非常差。 在vue中 使用vue-lazyload可以实现图片懒加载 安装 npm install vue-lazyload --save 引用 main.js import vue...

2018-10-03 17:56:19

在vue项目中添加ESLint，new 一个Promise 一直显示错误 ：Expected the Promise rejection reason to be an Error 正常来说new 一个Promise 是这样写的，感觉没啥问题。 return new Promise((resolve, reject) = { if (type) { resolve( 1 ) } else { reject( 0 ) } })...

2018-10-03 17:56:17

meta name="viewport" content="width=device-width,user-scalable=no"/ href="bs/css/bootstrap.min.css"/ !-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -- !-- WARNING: Respond.js doesn't work if you view the page via f...

2018-10-03 17:56:16

1、为什么使用em em也是css中的一种单位，和px类似。很多人会疑惑为什么有了px之后还要使用em，而且em使用起来相对于px来讲比较麻烦。 em主要是应用于弹性布局，下面给出一个小栗子说明em的强大之处 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" meta n...

2018-10-03 17:56:15

响应式：适应不同的终端，在不同的终端有较好的显示效果 媒体类型： all 所有媒体 braille 盲文触觉设备 embossed 盲文打印机 print 手持设备 projection 打印预览 screen 彩屏设备 speech "听觉"类似的媒体类型 tty 不适用像素的设备 tv 电视 @media only 只有在特定...

2018-10-03 17:56:14

用Koala实现less的实时编译 1、下载Koala（Koala可以实现实时编译） 2、把CSS文件夹（如index.css，index.less）拖到Koala中 3、点击到需要编译的index.css，如： 4、点击Compile即可实现实时编译。Koala会在底部最小化运行。 移动端初始化CSS设置 a, input, button {...

2018-10-03 17:56:13

弹性空间与元素具体位置设置是加在子元素身上的 style body{ margin: 0; } #box{ height: 300px; border: 1px solid #000; 新版弹性盒模型 /*display: flex;*/ 老版弹性盒模型 display: -webkit-box; } #box div{ /*新版*/ /*flex-grow: 1;*/ 设置弹性空间，也可单独给...

2018-10-03 17:56:13

先来看看position: fixed；的定义：生成绝对定位的元素，相对于浏览器窗口进行定位； 但是在iframe中使用fixed定位，实际上是相对于iframe窗口进行定位，原因在于iframe类似于创建了一个浏览器窗口，在使用一些获取鼠标位置以及元素位置等方法的时候把iframe当作浏览器...

2018-10-03 17:56:12

在上一章中，我们又引出了一个知识点： margin的问题 margin：0 auto；（上下为0，左右自适应）会解决元素的居中问题（auto 自适应） 同时，我们又要学习新的知识： CSS的两个性质和一个标准 1.继承性：后代会继承父系的一些属性（fon、color、text、line），这种现象...

2018-09-29 03:52:29

今天先来说关于BFC的一些基础知识 BFC是块状格式化上下文，它是一个独立的渲染区域，规定了内部如何布局，并且这个布局和外部毫不相干 触发BFC的方法 1.根元素（即html） 2.float属性不为none 3.position属性为absoulute，fixed 4.display为inline-block,table-cell,ta...

2018-09-29 03:52:25