这两个选项的设置，依赖于 项目的部署方式 是 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
Ugly numbers are numbers whose only prime factors are 2, 3 or 5. The sequence 1, 2, 3, 4, 5, 6, 8, 9, 10, 12, 15, ... shows the first 11 ugly numbers. ...
分类：
其他好文 时间：
2020-07-30 01:31:19
阅读次数：
73
前端三要素： 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
/*最外层的盒子*/.container{ width: 640px; height: 640px; /*盒子居中*/ margin: 100px auto; /*相对定位*/ position: relative;}/*两个按钮*/.btn{ width: 100%; height: 100%; ...
分类：
Web程序 时间：
2020-07-29 21:40:58
阅读次数：
78
