- 博客(13)
- 收藏
- 关注
原创 ajax
Ajax即 Asynchronous Javascript And XML (异步JavaScript 和 XML)优点无需刷新页面与服务器端进行通信允许根据用户事件更新网页部分内容缺点没有浏览历史,不能回退存在跨域问题(同源)SEO不友好 (SEO:搜索引擎优化) (爬虫爬不到,没有源码)http请求报文 (包含4部分)请求行 (包含3部分)请求类型 (get,post等)URL路径HTTP协议版本(http/1.0 , http/2.0等)
2020-10-17 20:29:35 79
原创 css选择器
基础选择器标签选择器 div{}ID选择器 #id{}类选择器class .a{}通配符选择器 *{}并集选择器/组合选择器 .p1,.p2{}层次选择器子选择器 > ul>li{}后代选择器 ul li{}兄弟选择器 h1+h2{}通用选择器 a~div{} (a后面所有的div)伪类选择器动态伪类选择器a:link 链接伪类选择器 元素定义了超链接,但是未被访问过a:visited 链接伪类选择器 元素定义了超链..
2020-10-17 19:27:41 105
原创 CSS水平垂直居中
绝对定位+ transform<head> <meta charset="utf-8"> <title></title> <style> *{ margin:0; padding: 0; } .container{ width: 500px; height: 500px; ..
2020-10-17 19:25:01 106
原创 闭包
闭包闭包就是能够访问其外部函数内部变量的函数。函数内部的子函数可以访问其变量,这就使得在函数外部访问函数内部变量成为可能闭包的特点当函数f执行完并返回后,闭包使得JavaScript的垃圾回收机制不会收回 f 所占用的资源,因为 f 的内部函数 s 的执行需要依赖 f 中的变量闭包存在的问题闭包的滥用会造成内存泄漏,因为闭包中引用的外部变量不会被释放...
2020-10-17 19:14:05 68
原创 瀑布流布局
column 实现<head> <meta charset="utf-8" /> <title>column多行实现瀑布流布局</title> <!-- 瀑布流要求:图片不变形,不能留白 实现:等宽 --> <style> .box{ margin: 10px; column-count: 5; /* 分为多少列 */ column-gap: 20px; /* 列与列之间的距离 */ ..
2020-10-16 13:46:37 57
原创 fs模块
fs.stat检测是文件还是目录//两个参数,第一个是路径,第二个是回调函数fs.stat('./src/data',(err,data) => { if(err){ console.log(err) return ; } if(data.isFile()){ console.log('data是一个文件') } if(data.isDirectory()){ console.l..
2020-10-15 15:51:19 521
原创 js中可以冒泡的事件
可以冒泡的事件:clickdblclickkeyupmousedownmousemovemouseoutmouseovermouseupscroll不能冒泡的事件:loadunloadmouseentermouseleaveblurfocusresizeerror
2020-10-15 14:04:30 430
原创 js排序算法
方法1 冒泡排序//相邻元素比较,大的往后放,排完1趟,最大的元素已经排好var Arr = [7, 4, 9, 13, 2, 5, 3, 4]function bubbleSort(arr) { var temp = null //一共需要n-1趟 for (var pass = 1; pass <= arr.length - 1; pass++) { for (var i = 0; i < arr.length - pass; i++) { if (arr[i]
2020-10-14 16:38:13 127 1
原创 js去重算法
方法一 Set//set中没有重复的元素Arr = [1, 2, 3, '3', 3, 6, 7, 9, 8, 12, 8]function unique(arr) { var newArr = new Set(arr) return newArr}console.log(unique(Arr))方法2 先排序,再去重//适用于数组中都是number类型//若有'3',无法成功去重Arr = [1, 2, 3, 3, 6, 7, 9, 8, 12, 8]function uni
2020-10-14 16:05:09 249
原创 检测dom中使用了哪些标签
function getTags(){let list1 = document.querySelectorAll('*');//获取dom中所有的标签var tags = Array.prototype.slice.call(list1)//将nodelist 转化为 数组return tags.map(item => item.tagName.toLowerCase())//返回小写的标签名 }console.log(getTags())...
2020-10-13 13:39:07 85
原创 防抖与节流
防抖:指触发事件后n秒开始执行,若再次触发则重新计时//代码实现<div id="head"></div><button type="button">点击</button>//let div = document.querySelector('#head')let btn = document.querySelector('button') let index = 0function count(){ index++ ..
2020-10-13 13:21:54 73
原创 BFC
BFC: 块级格式上下文BFC的作用形成一个完全独立的空间,让空间中的子元素不会影响到外面的布局BFC触发的条件float不为noneposition不为relative 和 staticoverflow 不为 visabledisplay的值为 table-cell ,inline-block,flex,inline-block,table-caption通过触发BFC解决的问题浮动元素的父元素高度塌陷两栏自适应布局外边距垂直方向重合...
2020-10-12 21:33:08 1289
原创 ES6
let和constvar的问题:可以重复赋值无法限制修改(不能设置常量)没有块级作用域let不能重复声明块级作用域const不能重复声明代表常量,值不能修改块级作用域箭头函数()=>{}当只有一个参数时,()可以省略当只有一个return语句时,{}可以省略参数//默认参数function fn(x,y=3) { //如果不给y传参,取默认值 console.log(x,y)}fn(1)//... 展开符//展开一个数组
2020-10-12 21:22:31 54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人