- 博客(8)
- 收藏
- 关注
RSS订阅原创 学习笔记--flex布局
参考：https://www.cnblogs.com/xiaobaiv/p/9020335.html采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥...
2019-11-19 13:00:56
154
原创 学习笔记--html（2）
Label的作用以及使用方法label标签:当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上，方便了鼠标操作。注意label的for属性对应的是input的Id.HTML5的form如何关闭自动完成功能？1.设置Form元素的autocomplete为“off”来关闭自动完成功能,若要开启则设为on<form name="formOne" autocomplete=...
2019-11-16 11:00:37
119
原创 学习笔记-- cookies，sessionStorage 和 localStorage 的区别
cookie和sessioncookie保存在浏览器端，session保存在服务端cookie一般设置有过期时间，如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。当服务器收到请求需要创建session对象时，首先会检查客户端请求中是否包含sessionid。如果有sessionid，服务器将根据该id返回...
2019-11-16 10:00:07
147
原创 学习笔记--防抖和节流
防抖：当连续触发事件后，一定时间段内没有再触发事件，事件处理函数才会执行最后一次事件，如果在规定时间内再次触发事件，就重新开始延时。function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // ...
2019-11-12 12:42:43
161
原创 学习笔记--CSS居中元素
水平居中1）行内元素（display:inline）文字、图片等，水平居中是通过在父元素设置text-align:center来实现；2）定宽块级元素（display:block）可设置左右margin为auto来实现；3）可改变元素display为inline，然后设置父元素为text-align；4）利用绝对定位，让元素向右偏移50%，再向左偏移自身的50%（transform:tra...
2019-11-12 09:53:33
122
原创 学习笔记--html（1）
Doctype作用（1）告知浏览器的解析器用什么文档标准解析这个文档，Doctype不存在或错误会导致文档以兼容模式呈现。（2）标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。兼容模式中，页面以宽松的向后兼容的方式运行，模拟老版本的浏览器行为以防止站点无法工作。HTML5HTML5是HTML的第五个修订版，其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更...
2019-11-12 09:03:27
120
原创 学习笔记--JS中的map函数
map（）方法接收一个数组，结果由该数组中每一个元素执行一个提供的函数后返回结果的数组。var new_array = arr.map(function callback(currentValue[,index[, array]]) { // Return element for new_array }[, thisArg]可以看到callback回调函数需要三个参数, 我们通常只使用第一个参...
2019-11-10 11:09:36
170
原创 学习笔记--CSS选择器
CSS选择器：1）元素选择器：1.id选择器，2.类选择器，3.标签选择器，4.通配符选择器2）关系选择器：1.包含关系 E F （E的所有F后代）2.子代选择 E<F （只包含子代）3.相邻选择器 E+F （相邻元素，隔一个就不算）4.兄弟选择器 E~F（兄弟元素）3）属性选择器：1.e[att] （有属性att的元素） 2.e[att=“val”] （属性att值为val）3.e[...
2019-11-10 10:32:53
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人