189 8069 5689
header: 标签定义文档的页眉;
网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、重庆小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了平谷免费建站欢迎大家使用！
section:定义文档中的节;
footer:定义文档或节的页脚;
aside:定义其所处内容之外的内容;//可用作文章的侧栏;
nav:定义导航链接的部分;//果文档中有“前后”按钮，则应该把它放到 nav 元素中;
main:规定文档的主要内容;//在一个文档中，不能出现一个以上的 main 元素。main 元素不能是以下元素的后代：article、aside、footer、header 或 nav;
article:规定独立的自包含内容;
figure:规定独立的流内容（图像、图表、照片、代码等等）;//使用figcaption为figure定义标题，置于 "figure" 元素的第一个或最后一个子元素的位置
HTML5记录
一、VS code引入插件后运行，终端执行
二、引入外部js文件：
1、js的exports.a = a；方式暂时不知道怎么做
2、直接引入，script之后可以直接使用。参照html-vue项目
3、数据类型
String、Number、Boolean、Null、undefined、symbol、Object、Array、Function
三、 JS显示数据方式：
window.alert()
document.write()
innerHTML=‘’
console.log()
四、 let、const、var
五、全局变量、局部变量注意点
如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。
六、事件：
onchange、onclick、onmouseover、onmouseout、onkeydown、onload…
html dom onclick之类的直接使用，vue是@click，小程序是bindTap
七、 this关键字：
1、在对象方法中， this 指向调用它所在方法的对象。
2、单独使用 this，它指向全局(Global)对象。
3、函数使用中，this 指向函数的所属者。
4、严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。
5、在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。
6、apply 和 call 允许切换函数执行的上下文环境（context），即 this 绑定的对象，可以将 this 引用到任何对象。
八、 箭头函数：
1、有的箭头函数都没有自己的 this 。 不适合定义一个 对象的方法。
2、当我们使用箭头函数的时候，箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层 的 this 是一样的。
3、箭头函数是不能提升的，所以需要在使用之前定义。
4、使用 const 比使用 var 更安全，因为函数表达式始终是一个常量。
九、闭包：
闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。
直观的说就是形成一个不销毁的栈环境。
闭包会持有父方法的局部变量和参数并且不会随父方法销毁而销毁
不必要的闭包只会增加内存消耗
十、 事件
body事件：onload、onunload
元素事件：onclick、onmouseover、onmouseout、onmousedown、onmouseup、onfocus
事件捕获
document.getElementById(‘demo’).addEventListener(‘事件名’, 方法名, 是否捕获传递)
方法名：如果是相应事件，则只可写方法名methodName，写成methodName()则会自动执行
如果方法需要传递参数，则只可以使用匿名函数， function( { methodName(p1, p2) } );
是否捕获传递：默认false，即冒泡传递
IE8和更早版本： x.attachEvent("onclick", myFunction) ;
十一、Window加载，页面声明周期入口
window.onload = function () { }
十二、数据存储
localStorage不会被自动删除，
sessionStorage 网页关闭会自动删除
cookie
sql
manifest文件
区别：
localStorage只要在相同的协议、相同的主机名、相同的端口下，就能读取/修改到同一份localStorage数据。
sessionStorage比localStorage更严苛一点，除了协议、主机名、端口外，还要求在同一窗口（也就是浏览器的标签页）下。
十三、 CSS声明权重（选择器）
内联ID伪类属性类元素/类型通用
!important会改变优先级
十四、 元素隐藏/显示
1、dispatch：none 隐藏 不占用空间
2、visibility：hidden 隐藏，仍然占用空间
3、v-if 存在/不存在
4、v-show 只生成一次，占用内存
十五、 Position
static 默认方式，没有定位
fixed 相对于浏览器窗口固定定位，不占用文档流，其他元素会相对位移
absolute 相对于最近的已定位父元素定位，不占用文档流，其他元素会相对位移
relative 相对于自身的定位
sticky 粘滞定位，基于用户的滚动位置定位
十六、 float
1、只能左右浮动
2、左右浮动，直到外边缘碰到另一个浮动元素
3、浮动之后的元素将围绕它
4、浮动之前的元素不受影响
5、如果是图像浮动，下面的文本流将环绕它
6、clear声明的元素， 属性指定元素两侧不能出现浮动元素。
推荐使用flex布局
十七、 文字显示…
单行
任意行
十八、 box-shadow顺序
十九、 flex布局
容器属性：
属性 / 说明可选值
f方向： lex-direction
换行：flex-wrap
简写：flex-flow
主轴上的对齐方式：justify-content
交叉轴上如何对齐：align-items
多根轴线的对齐方式：align-content。
如果项目只有一根轴线，该属性不起作用
项目item属性:
order：排列顺序，越小越靠前
flex-grow：放大比例，2比1占用的空间大一倍
flex-shrink：缩小比例，默认1，当空间不足时等比例缩小。如果一个项目的属性为0，其他项目都为1，则空间 不足时，前者不缩小
flex-basis：定义了在分配多余空间之前，项目占据的主轴空间
flex ：简写
align-self：允许单个项目与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch
编写在canvas环境中具有简单文本编辑功能的程序。
主要功能：（1）有跟随移动的闪烁的光标；（2）能输入、插入、退格键删除。
先将笔记导出成pdf，然后在网上找个pdf转html的工具，转一下就行了
最近因为工作需要做了点HTML5可视化研究如下
为什么没有字体颜色作为一个设计师很不爽
第一次发文有写错的地方还请诸位高手多多包涵
设想，要在页面中生成大量的简单图形，比如10万个方块，并对它们进行拖拽操作。
基本思路有三种方式，传统Div，Svg，与Canvas。
为了加拖拽，暂时没有用canvas。
因为canvas无法生成dom节点，不存在id这种属性，需要通过判断鼠标位置来获取元素再进行操作。虽然写个isMouseinObj()的function也不是不行，但总觉得以后针对某对象单独处理会夜长梦多（主要还是懒）。。。不过从生成图形角度讲，canvas理论上是最快的。
因为贪生怕死担心Dom过多死机，准备先分区生成方块，于是：
一个简图，整体划分如下，设两个input框的值分别为m, n，每个蓝块包括n个绿块。点击每个蓝块可在下方生成n个绿块。
点击GenAll可一次性生成m*n个绿块。点击Drag可对绿块进行拖拽。
模拟开始。
首先是用div模拟方块。因为比较熟悉写起来也简单。
Div的拖拽方式可以分成两种。
Jquery-ui的draggble还有很多其他参数，请参考api文档。
现在假定一种新情形：绿色方块只能拖拽到虚线框之内。
默认情况下，Html元素均不可拖拽，所以需要设置拖拽元素的draggable属性为true。同时，默认无法将元素放置到其他元素中，所以需要event.preventDefault()设置允许放置。
本例中，为class为abox的绿方块添加draggable。
为class为wrap的虚线框添加preventDefault。
之后通过dataTransfer传输数据，实现box的移动。
由于Svg也是直接在Html中生成Dom节点，理论上Div所能实现的功能它都可以实现，并且绘图效果更佳。
然后生成Svg元素，并设置其属性。
循环生成Svg方块并添加拖拽属性。
但这种方式有个问题，就是——慢。当生成仅10000个方块时，效率便低的不可估量。
然而Svg无法应用Html5原生的Drag and Drop事件。
相比于引用插件，这样的效率提高了不少。
从结果上看，在数量少时，针对方块这种简单图形的简单操作Div和Svg均可胜任。然而设置了总共生成100000个方块，发现单从生成的角度，Svg的渲染用时大约是Div的1/2（这里指Dom中直接绘制Svg而非通过js插件绘制Svg）。
加上拖拽功能后，用Html5原生拖放事件的Div，及用鼠标事件的Svg，明显快快快快于应用js插件拖放的效率。于是乎插件虽然强大但对于大量节点的处理实在过于缓慢。
于是在图形化上还是应用Svg更舒畅一些。
但有一个尚未解决的问题。
应用鼠标事件拖动Svg，当鼠标移动过快时，mousemove事件无法触发，导致移动效果不能实现。粗略查了下似乎可以添加透明背景层接收所有触发事件，不过还没有深入研究。
这篇就到此吧。等解决了mousemove的bug再更新后续。
(´・ω・`)
检修原则
由于笔记本电脑的电路十分复杂，同时需要各设备之间相互关联才能协同工作，因此，在对笔记本电脑故障进行检修时要遵循以下原则。
在对笔记本电脑进行故障检修之前，切忌直接加电盲目检测或动手拆机。要事先了解笔记本电脑的故障状况，并仔细观察笔记本电脑，看有无故障线索。