一、什么是两列布局 两列布局分为两种，一种是左侧定宽、右侧自适应，另一种是两列都自适应（即左侧宽度由子元素决定，右侧补齐剩余空间）。在CSS面试题里面属于常考题，也是一个前端开发工程师必须掌握的技能，下面将分别介绍实现方式。 二、左侧定宽、右侧自适应如何实现？ 1.双inline-block 原理： ...
分类：
Web程序 时间：
2020-07-30 18:10:07
阅读次数：
97
CSS背景和列表介绍 1、 CSS背景和列表介绍 背景样式： background-color 设置元素的背景颜色。 background-image 把图像设置为背景。 background-position 设置背景图像的起始位置。 background-attachment 背景图像是否固定或 ...
分类：
Web程序 时间：
2020-07-30 16:54:04
阅读次数：
149
这两个选项的设置，依赖于 项目的部署方式 是 exploded 1、on update action 首先来看 on update action 相关的解释，从字面上理解 就是 手工触发 update 动作的时候 做什么： update resources 更新静态的资源，比如html,js,css ...
分类：
其他好文 时间：
2020-07-30 16:44:55
阅读次数：
78
首先，Grunt和Gulp只能将一些CSS和JS文件分别压缩合并成单个文件，当然也具有一些编译功能， 比如Less和Sass的编译、ES6到ES5的编译等等。但是Webpack不仅具有它们所具备的这些编译压缩合并功能， 同时还具备模块化开发和组件式开发等优点，在目前流行的前端框架React和Vue中 ...
分类：
Web程序 时间：
2020-07-30 14:52:55
阅读次数：
117
1.减少页面中的元素网页中的的图片、form、flash等等元素都会发出HTTP请求，尽可能的减少页面中非必要的元素，可以减少HTTP请求的次数。 2.CSS Sprites（CSS精灵）图片是增加HTTP请求的最大可能者，把全站的图标都放在一个图像文件中，然后用CSS的background-ima ...
分类：
Web程序 时间：
2020-07-30 01:52:27
阅读次数：
140
单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入，单页面的页面跳转，仅刷新局部资源。多应用于pc端。多页面（MPA ...
分类：
其他好文 时间：
2020-07-30 01:51:19
阅读次数：
112
原理：CSS3规定，1rem的大小就是html元素的font-size的值。 举个栗子： 假设我们把html的font-size设为10px，那么此时1rem就为10px。如果我们要设置100px*50px的div，我们只需将它的宽设为10rem，高设置为5rem。 <!DOCTYPE html> ...
分类：
其他好文 时间：
2020-07-30 01:51:04
阅读次数：
99
前端三要素： html：木偶 css：化妆 javascript：动态展示（跳舞）css: 1.什么是css？ cascading style sheets 层叠样式表 2.css的语法 1.属性名和属性值之间使用:隔开 多对属性之间使用;隔开 最后一对属性可以不加分号 id="one" class ...
分类：
Web程序 时间：
2020-07-30 01:22:39
阅读次数：
107
选择器优先级： 抄录MDN的原话是：优先级就是分配给指定的 CSS 声明的一个权重，它由 匹配的选择器中的 每一种选择器类型的 数值 决定。而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候，CSS 中最后的那个声明将会被应用到元素上。当同一个元素有多个声明的时候，优先级才会有意义。因为 ...
分类：
Web程序 时间：
2020-07-29 21:47:36
阅读次数：
82
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>贪吃蛇</title> <link rel="stylesheet" href="css/index.css" /> </head> <body> <div class="co ...
分类：
Web程序 时间：
2020-07-29 21:43:46
阅读次数：
79
