随笔分类 - H5.CSS3
从前，从前的
摘要：页面渲染的过程 1、构建 DOM 树 将 HTML 构建成一个 DOM 树，也就是构建节点，把所有的节点都构建出来。 2、构建 CSSOM 解析 css 去构建 CSSOM 树 3、构建 render 树 DOM 已经构建好了， css 也有了，浏览器就会根据这两个来构造 render 树，浏览器就
阅读全文
摘要：一 rem方案原理 将每个不同屏幕划分相同的等分，让同一个元素占有相同的比例 例如： 屏幕为500px,分为10份，那么一份是1rem=50px； 屏幕为1000px,分为10份，那么一份是1rem=100px 二 用法 在浏览器中默认的字体高度是16px，默认是1em=16px；16*62.5%=
阅读全文
摘要：一 canvas Canvas.getContext("2d");//2d是小写的 ，不能大写 二 keyframes + animation @keyframes XX{ 0% {background:yellow;} 25% {background:red;} } animation: keyf
阅读全文
摘要：一 Mock基本用法 安装并引入mockjs npm install mockjs 或者 script:src="http://mockjs.com/dist/mock.js" 引入mockjs并调用【生成实例】 Const Mock=require(‘mockjs’) var data=Mock.
阅读全文
摘要：1.vue中安装pug 原文章：https://www.aiprose.com/blog/126 npm i -D pug pug-html-loader pug-plain-loader 或 yarn add pug pug-html-loader pug-plain-loader 配置 // v
阅读全文
摘要：一 flex的常用的 flex： 1 flex-grow 放大 1 flex-shrink 缩小 1200px flex-basis 宽度flex-flow： row | flex -direction nowrap | flex-wrap（换行方式） 遇到过的问题： 1. flex嵌套absolu
阅读全文
摘要：1 原因：手机一经出世，很网站还没有来得及制作手机端的网页。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 注：device设备
阅读全文
摘要：height、line-height、fontsize的关联 tabindex h5中表单隐藏域 form表单的提交 height、line-height、fontsize的关联 一般情况下，用line-height和fontSize相等，组合一起用，可以使text内容垂直居中。当fontSize>
阅读全文
