m0_61282942的博客

input type="text" placeholder="请输入姓名" name="name1">// 1.onsubmit input表单的type类型为submit button按钮可以触发。// 3.input.onchange 当输入框的内容和上一次内容不一致的时候触发。// 4.input.oninput 当输入框的内容发生改变的时候触发 实时触发。

{ "name": "高珂俊", "age": 24, "date": "1998-10-1" },{ "name": "朱顺杰", "age": 15, "date": "2007-3-15" },{ "name": "高珂俊", "age": 24, "date": "1998-10-1" },{ "name": "朱顺杰", "age": 15, "date": "2007-3-15" },{ "name": "朱顺杰", "age": 15, "date": "2007-3-15" },

定时器id：每一个定时器在开启的时候都会返回一个唯一能标识当前定时器的id，id是从1开始的。reutrn除了有返回值的作用 还是有结束函数的作用 所以把return放在函数的最后。语法：clearTimeout(定时器id) clearInterval(定时器id)window.getComputedStyle(标签).样式名。语法：setInterval(function函数,时间)语法：setTimeout(function函数,时间)函数外想要使用函数内部的变量的时候。

这是第1个li标签这是第2个li标签这是第3个li标签这是第4个li标签这是第5个li标签这是第6个li标签这是第7个li标签这是第8个li标签这是第9个li标签这是第10个li标签

3.4.1什么是属性什么是属性:存在开始标签上 属性名=属性值 例如class="box" id="wrap"固有属性：系统给定的属性 例如 class id style href src自定义属性:程序员自己定义的属性3.4.2设置和获取自定义属性如何设置和获取自定义属性

是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面css3优点: CSS3是完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。...

弹性盒子 重点

backgrond: repeating-radial-gradient(渐变形状/圆心, 颜色1 范围1, 颜色2 范围2, ...);背景被裁剪到边框区域，在内容区、内填充区、边框区域显示，默认值。column-rule-color属性：关键词、十六进制色值、rgb(r,g,b)、rgba(r,g,b,a)background: linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);颜色：关键词、十六进制色值、rgb(r,g,b)、rgba(r,g,b,a)...

2d转换的方法

流式布局是宽度使用百分比代替固定宽度px，高度大多使用px来固定，因此在大屏幕手机下显示的效果会变成页面元素的宽度被拉长，高度和原来保持一致。3.按照PC端布局方式正常布局，将px单位改为rem单位（较小 的长度比如1px的边框就不需要转换成rem,直接设置px）rem是指相对于根元素的字体大小的单位，即根据html元素的font-size来计算大小。1、实际显示的效果不友好,屏幕越大，宽度被拉的很长，容易变形。rem是css3新增单位，它是相对于根元素的字号大小的单位。可以很好的来解决自适应的问题。...

视口简单来说就是浏览器显示页面内容的区域。视口：浏览器显示内容的屏幕区域，相当于PC端浏览器可视区 (白板区域)在PC端，正常的视口宽度就是整个浏览器的窗口可视区的宽度，会随着浏览器窗口大小的重置而缩放；...

自动分配距离，元素位于各行之前、之间、之后都留有空白空间, 中间的间距是两端间距的两倍,平均对齐，元素位于各行之前、之间、之后都留有空白空间， 行间距自动分配 间距相等。align-self属性：调整自身在侧轴的对齐方式，弹性容器中被选中子项的对齐方式（设置在子元素中）align-content属性：折行,行与行之间有间隙,去除间隙 （去掉了中间的间隙）align-content: flex-start;...

弹性盒子是CSS3的一种新的布局模式。

min、max、step属性 最小值、最大值、合法的数字间隔 用于包含数字的input类型，规定数值范围，如:input的number类型等 <input type="number" step="2" min="4" max="10"> placeholder属性 设置文本域的提示信息，当用户开始输入内容，提示信息会消失 autocomplete属性 设置表单是否启用自动完成功能，可以加在form标签、input标签中 在input标签中name属性...

圣杯布局和双飞翼布局一直是前端面试的高频考点，圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。 比起双飞翼布局，它的起源不是源于对页面的形象表达。在西方，圣杯是表达“渴求之物”的意思。而双飞翼布局则是源于淘宝的UED，可以说是灵感来自于页面渲染。效果图 原本录制了一个小视频，奈何不能上传到博客中，视频中通过缩放页面可以发现随着页面的宽度的变化，这三栏布局是中间盒子优先渲染，两边的盒子框子宽度固定不

圣杯布局和双下翼布局区别(1） 圣杯布局：通过设置padding t中间栏给两边腾出位置：（存在一个最小宽度问题：由于设置了相对定位所以当left原来的位置和right的位置产生重叠时，由于浮动的原因一行放不下就会换行，所以minwidthleft-width * 2 + right-width)(2） 双飞翼布局：避免了上面的问题，给中间栏目加了一个内容层，通过给内容层设置margin， 保持中问栏不变，让内容部分给两边腾开位置：(不能给中间栏目设置margin力了中间栏目自适应卡宽

小白必记知识点

CSS知识点