- 博客(48)
- 收藏
- 关注
原创 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关注的人