- 博客(48)
- 收藏
- 关注
RSS订阅原创 ES6面试题
should Component Update（next Props，nextState）：返回false，会阻止render的调用参数是被修改之后新的属性及状态。componentWillMount：组件即将挂载，render之前最后一次修改state的机会 常用于：state的初始化。componentDidUpdate（preProps，preState）可以修改dom 参数是被修改之后新的属性及状态。Var声明的变量可以重复声明。Let声明的变量不可变量提升。Let声明的变量不可修改。
2022-10-18 09:19:50
340
原创 前端面试题【总结1】
对象调用属性或方法的寻找过程先在自己的构造函数中寻找，如果没有就到自己的原型中寻找，如果还没有，就到原型的原型中寻找，一直找到Object的原型，如果还没有就报错//1.join()将数组分隔为字符串 如果有参数用参数来分割 如果没有默认用逗号分隔//2.向数组添加或者删除//添加 push（向数组最后面添加） unshift（向数组最前面添加）会改变原数组//pop 删除数组的最后一项 shift删除数组的最前面一项 会改变原数组//3.sort()数组排序 如果是单个数字默认通过。
2022-10-03 20:06:26
659
2
原创 【前端】面试题1
初始化页面元素，防治页面被缩放，规范用户操作标签名有意义（1）在没有css样式的情况下对代码结构一目了然（2）有利于SEO（网络引擎搜索优化）
2022-09-28 10:33:08
330
原创 [前端]面试题2
1）通过a标签或者.location.href添加数据，在其他页面可以用location.search获取。DOM2同一个事件可以添加多个观察者。DOM0同一个事件只能实现一次。1em=父级标签字体的大小。1rem=根标签字体的大小。2）通过数据存储手段。
2022-09-28 09:54:53
113
原创 前端【AJAX】知识点
1. response Text 作为响应的主体返回的文本。4.statusText 跨浏览器时可能不太一致。0 对象已建立，还未初始化，未调用send。202请求接受，处理未完成。404找不到指定url。1 open已调用，未调用send。500内部服务器错误。2 send已调用，其它未知。3 请求已发送，正在接受数据。4 表示数据已经收到。参数2 服务器地址。参数3 是否异步。3.发送后状态值readystate。
2022-09-22 20:22:03
98
原创 前端【AJAX】
比如alert弹窗，登录注册流程。url:请求地址 协议+域名/IP：port+路由。比如图片加载，上传下载等任务。xhr.open(请求方式，请求地址，是否异步)：上一个任务结束下一个再开始。：按顺序开始不一定按顺序结束。success:成功回调函数。isAsync:是否异步。创建ajax 4步。error:失败回调。
2022-09-22 17:09:03
207
原创 前端js【数据类型】
4.如果变量名由多个单词组成的话 用驼峰命名法或者_隔开 eg：boxDiv box_div BoxDiv。2.变量名由字母、数字、美元符号$、_组成，不包含空格或者其他的特殊符号 不可以用数字开头。3.不可以使用js中的关键字和保留字 eg： class const for var。数组中取值 通过数组名[索引值]数组中的索引从0开始）console.log() 打印日志 最常用。用引号 " " ' ' 包起来的就是字符串。typeof（）判断某个变量的数据类型。
2022-09-21 14:48:37
214
原创 前端【特效】
阴影：横向偏移量 纵向偏移量 模糊距离 阴影颜色。背景图：渐变（方向，颜色1百分比，颜色2百分比。旋转 deg turn grad。设置方向left=to right。谷歌：-webkit-
2022-09-21 10:48:23
501
原创 前端【弹性盒子】
flex-direction : row(默认) 起点在左端。column-reverse 竖直方向 起点在下边。space-around：每个元素之间间隔相等。space-evenly：每个元素之间间隔相等。align-items: flex-start 起点对齐。flex-end 终点对齐。center 居中。调整换行的排列方式 align-content: flex-start;
2022-09-21 10:41:08
128
原创 前端【百分比布局】
1.宽高设置百分比相对于父元素的宽高2.margin和padding相对于父元素的宽度1.宽高设置百分比相对于定位父元素的宽高2.left和right相对于定位父元素的宽度 top和bottom相对于定位父元素的高度vw和vh相对于浏览器可视窗口 和父元素没有关系。
2022-09-20 20:22:54
615
原创 前端【伪类选择器】
a标签有四种伪类，建议顺序 link visited hover active。：first-of-type 第一个 类型的标签， 不用是第一个。：first-child 只能是第一个，是第一个子级元素。：visited 链接后。：focus 获取焦点。：link 链接前。
2022-09-20 20:14:29
280
原创 前端【表单】
select>option:下拉选择框 默认选中的属性selected。checkbox：多选框 单选框和多选框默认选中属性checked。label标签中for属性的属性值和表单中id属性的属性值保持一致。reset：重置按钮 重置内容和重置按钮放到同一个form标签中。radio:单选框 注意点： name属性保持一致。2.get请求相对来说比post更快捷 post传递东西更大（传文件）name：向后台传值的描述。submit：提交按钮。method：请求方式 （get、post）
2022-09-20 20:06:23
176
原创 前端【定位】
相对于有定位的父元素或者祖先元素 如果都没有就相对于body。用途：一个东西盖到一个东西上面(父元素用相对 子元素用绝对）解决方式:给图片设置vertial-align：middle。问题描述：div（未设置高度）包裹图片 会出现默认空隙。相对于浏览器窗口 脱离文档流。用途·：返回顶部按钮。相对于元素原来的位置。
2022-09-20 19:59:52
169
原创 前端【浮动】
父元素不设置高度情况下 高度由子元素撑开 一旦子元素设置浮动 父元素会失去高度进而影响后面元素布局。float：left左浮动（以左边为开始位置） float：right右浮动（以右边为开始位置）2.动态向父元素后面添加一个clear:both的块属性元素。后代选择器 父选择器 子选择器{}：权重：几个选择器权重相加 儿子 孙子。子代选择器 父选择器>子选择器 权重：几个选择器权重相加 儿子。class选择器 （类选择器） .+class名 权重：10。注意点：排成一行的元素都需要设置浮动。
2022-09-18 16:56:27
146
原创 前端【css】
text-decoration:(none 去除标签下划线 underline 加下划线 overline 加上划线 line-through贯穿线）text-transform:大小写转换 （ capitalize首字母大写 uppercase全部大写 lowercase全部小写）都是255白色 都是0黑色 rgba（0-255，0-255，0-255，0-1）2.单行文本垂直居中 给父元素设置line-height：父元素的高度。word-spacing:单词间距。font-family:字体样式。
2022-09-18 16:48:57
128
原创 前端【盒模型】
上下两个元素同时设置margin-bottom和margin-top会叠压取最大值。三个值：第一个值代表上 第二个值代表左右 第三个值代表下。三个值：第一个值代表上 第二个值代表左右 第三个值代表下。正常盒模型设置padding和border会增大盒模型面积。ie盒模型设置padding和border会挤压内容区。第一个子元素的margin-top会传递给父元素。两个值：第一个值代表上下 第二个值代表左右。两个值：第一个值代表上下 第二个值代表左右。border也会增大盒模型的面积。
2022-09-18 16:40:14
66
原创 前端【标签】
2.支持设置宽高，如果不设置宽高，宽度自动撑满父容器，高度由内容决定。target 跳转方式 _self(默认）_blank(打开新的页面）3.不支持上下的margin和padding。herf : 1.用来放置网页地址（相对路径、网络路径、绝对路径）src：用来放置图片的地址（相对地址、网络地址、绝对地址）title：鼠标移入提示信息（title属性其他标签也有）（div标签没有任何意义，一般用来划分区域）4.### 无效链接。alt：图片加载失败的提示信息。特点：1.上下排列独占一行。
2022-09-18 16:23:42
65
原创 protocal
函数内实现另一个函数 局部变量数据持久化 造成一定的内存压力。通过事件对象e.target来实现具体操作。把事件添加给标签的父元素。
2022-09-18 16:09:09
166
原创 touch
JSON是一种特殊格式的字符串 可以与数组、对象进行转换 常用于前后端数据交互、文件配置说明。sessionStorage 数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大。localStorage 数据存储在本地，没有过期时间，需要手动删除，存储量大。清空所有数据 localStorage.clear()cookie可以为数据设置过期时间，存储量小，可以与后台共用。什么是JSON 你了解JSON吗？localStorage 本地存储。1.数据管理方式不同。
2022-09-18 16:01:17
61
原创 前端ES5----交互
先在自己的构造函数中寻找，如果没有就到自己的原型中寻找，如果还没有，就到原型的原型中寻找，一直找到object的原型，如果还没有就报错。substring(a,b),可以从下标为a的位置开始截取，一直截取到下标为b-1的位置，（取头取不到尾）substr(a,b),可以从下标为a的位置开始截取，一直截取到下标为b的位置，（取头取尾）（3）将构造函数的作用域赋给这个对象，将构造函数中this指向该对象。作用：公共资源写在原型中，原型是一块独立的内存空间，本质是对象。捕获：文档从根节点到目标节点（从上到下）
2022-09-17 21:46:37
97
原创 前端知识点--面向对象
/ var b=createBook("我替你记得",25,"叙事");// var hlm = new Book("曹雪芹",30,"小说");// var sg=new Book("罗贯中",30,"小说");var d=new Dog("疙瘩",2,"金毛");//call（this，参数1，参数2，....)// var a = n ** m;//apply(this,[参数列表])// // this指向函数的拥有者。//原型是一块独立的内存空间，本质是个对象。
2022-09-15 21:37:17
152
原创 js知识点--正则表达式
指某些常见模式的简写方式\d 匹配0-9之间的任一数字，相当于[0-9]\D 匹配所有0-9以外的字符，相当于[^0-9]\w 匹配任意的字母、数字和下划线，相当于[A-Za-z0-9]\W 除所有字母，数字和下划线以外的字符，相当于[^A-Za-z0-9]\s 匹配空格，包括制表符、空格符、断行符等\S 匹配非空格的字符\b 匹配单词的后边界\B 匹配非单词边界。
2022-09-14 20:53:50
119
原创 JS知识点--表单事件
sessionStorage数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大。localStorage数据存储在本地，需要手动删除，存储量大。cookie可以为数据设置过期时间，存储量小，可以与后台共用。阻止默认 e.preventDefault();阻止冒泡： e.stopPropagation();通过事件对象e.target来实现具体的操作。change：内容被修改并且失去焦点。事件冒泡：同类型事件，子级向父级传递。事件捕获：同类型事件，父级向子级传递。把事件添加给标签的父元素。
2022-09-14 16:49:24
112
原创 JS----BOM知识点
window.close():关闭新打开的窗口（仅限open（）打开的窗口）innerHeight：返回网页在当前窗口中可见部分的高度，包含滚动条高度。screenleft:返回浏览器窗口左上角相对于当前屏幕左上角的水平距离。innerWidth：返回网页在当前窗口中可见部分的宽度，包含滚动条宽度。screenTop：返回浏览器窗口左上角相对于屏幕左上角的垂直距离。outerWidth：返回浏览器窗口宽度，包含浏览器菜单和边框。outeHeight：返回浏览器窗口高度，包含浏览器菜单和边框。
2022-09-08 14:37:03
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人