晴之万里，温暖向西

摘要： 一、常见的块状元素 二、常见的行内元素 三、块状元素、行内元素、行内块状元素的区别 块状元素特征：display :inline 能够识别宽高 margin和padding的上下左右均对其有效 可以自动换行 多个块状元素标签写在一起，默认排列方式为从上至下 行内元素特征：display:block; 阅读全文

摘要： 一、什么是懒加载 将图片src先赋值为一张默认图片，当用户滚动滚动条到可视区域图片的时候，再去加载后续真正的图片 如果用户只对第一张图片感兴趣，那剩余的图片请求就可以节省了 二、为什么要引入懒加载 懒加载（LazyLoad）是前端优化的一种有效方式，极大的提升用户体验。图片一直是页面加载的流浪大户， 阅读全文

摘要： 一、什么是跨域 跨域就是一个域名请求另外一个域名的资源 二、为什么要引入跨域 原因：浏览器为了维护秩序，实施了同源策略，只有"协议+域名+端口"三者相同的才属于同一域名，只要有一个不同就属于跨域 。浏览器这种规则限制了一个域名与另外一个域名的资源交互。因此当一个域名请求另外一个域名的资源的时候，需要 阅读全文

摘要： 方法1:左右div设置浮动，脱离标准流，中间那块元素就会上去。 （注意：html代码中中间部分的div必须放到左右div的后面） 方法2:左右绝对定位的两块div元素,脱离标准流，中间那块元素就会上去 （注意：中间部分的div必须放到左右div的后面） 方法3:设置flex:1;可以自适应剩余空间 阅读全文

摘要： 需求1： 头尾固定高度，中间自适应 1.上部（header）Div高度固定100px，宽度100%； 2.下部（footer）Div高度固定100px，宽度100%； 3.中部（middle）DIV高度根据屏幕高度，自适应充满（是根据内容自动填满），宽度100%； 4.用纯DIV+CSS实现，不采用 阅读全文

摘要： 方法1：display:flex+align-items 只需要给父元素设置属性 1 <style> 2 .parent{ 3 position: absolute; 4 width: 100px; 5 height: 100px; 6 border: 1px solid red; 7 8 disp 阅读全文

摘要： 该篇文章是继https://www.cnblogs.com/qing-5/p/11321585.html来写 1、打开终端，输入指令"npm install --global vue-cli",来安装vue -cli脚手架。 该方法可能会出错，如下所示。 原因：执行命令是没有获得管理员权限 解决方法 阅读全文

摘要： 一、首先安装node.js 根据自己的（windows或mac）系统进行安装node，在开发环境中一般安装LTS版本。安装成功后，在终端输入"node -v"和"npm -v"，若出现相应的版本号，说明安装成功 二、代码管理仓库（travel的线上仓库） 1、如果已经有码云账号，在码云上创建一个仓库 阅读全文

摘要： 一、vue生命周期的8个阶段 beforeCreate： 在new一个vue实例后，只有一些默认的生命周期钩子和默认事件，其他的东西都还没创建。在beforeCreate生命周期执行的时候，data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法cr 阅读全文

摘要： 从输入URL到渲染出整个页面的过程包括三个部分： 1、DNS解析URL的过程 2、浏览器发送请求与服务器交互的过程 3、浏览器对接收到的html页面渲染的过程 一、DNS解析URL的过程 DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆，一般会使用URL域名（如www.bai 阅读全文