摘要：
pc端 高度自适应下，PC中html、body设置高位100%，则html、body的height为可视窗口高，随可视窗口高度变化而变化。 如果不设置100%，高度是内容高度和视窗高度较大的一方 移动端 移动端下html、body设置高为100%，则高为设备高（移动设备的视口高为定值） 如果不设置1 阅读全文
摘要：
原因 主要原因是css像素与物理像素的区别 首先说一个概念：dpr dpr,即device pixel ratio,设备像素比 不同的设备具有不同的像素比，dpr决定了由设备的多少个物理像素显示web css的一个像素 比如dpr为2时，设备上由2个像素表现css上的一个像素 解决1px borde 阅读全文
摘要：
vw css3新特性，100vm代表设备宽，1vm代表设备视窗宽度的1% 在实际应用中，一般以设备宽375为基准来设置（有的项目是750），算出100px所对应的vw值，一般取26.667vw.据此设置根元素的font-size，再根据rem去布局，完成不同设备的适配 //视图宽度375 1vw = 阅读全文
摘要：
研发环境的搭建 目标：支持热更新，实现检测代码更改，刷新浏览器，研发和生成编译出不同的版本 参考：npmjs.com yarn:更稳定，比npm更稳定 开发依赖：-D ， 主要用于开发环境，上线的时候不会被打包丢到生产环境 生产环境：在上线时会被打包 0 yarn全局安装： npm i yarn - 阅读全文
摘要：
Flex 是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为Flex布局 Flex布局包括外容器属性和项目属性 设置Flex布局之后，子元素的float、clear和vertical-align属性将会失效 弹性容器外及弹性子元素内是正常渲染的 阅读全文
摘要：
媒体查询，语法如下，示例：当屏幕大于600小于900时样式生效： @media screen and (min-width:600px) and (max-width:900px) { body { background-color: red; } } 文本和字体： @font-face{ font 阅读全文
摘要：
色彩渐变 div{ width: 200px; height: 200px; border-radius: 50%; /* 色彩到色彩渐变,默认从上到下 */ background: linear-gradient(#ff0000,#ffff00); /* 色彩渐变到什么方向，从左至右 */ bac 阅读全文
摘要：
应用缓存 数据缓存：localstorage 文件缓存：应用缓存，本地配置以后第二次不取了，当服务器改变就取新的，没改变时取缓存 manifest文件主要分为三个部分 CACHE MANIFEST: 在此标题下列出的文件将在首次下载后进行缓存 NETWORK:在此标题下列出的文件需要与服务器的连接， 阅读全文
摘要：
article: article元素代表文档、页面或应用程序中独一的、完整的、可以被外部引用的内容。 section: 对页面上的内容进行分块，对文章进行分段。一个section元素通常由内容及其标题组成。section元素的内容可以单独存储到数据库或输出到word文档中。 通常不推荐为那些没有标题 阅读全文
摘要：
post方法报错，原因是url拼错.检查地址并修改 阅读全文