知识点总结
文章平均质量分 81
1234Wu
日常写bug
展开
-
前端面试-React专题
(JavaScript XML)实际上,它只是为 React.createElement() 函数提供语法糖,为我们提供了在 JavaScript 中使用类 HTML 模板语法的能力。jsx语法最终会被babel编译成为方法,createElement方法会生成虚拟的DOM节点对象,再由函数生成真实DOM,插入到对应节点中去原创 2023-05-27 21:00:33 · 1795 阅读 · 0 评论 -
ES2020 实用新特性
ES2020 新特性1. ?? 判断运算符??与 || 类似,但是更严格。用来判断运算符左侧是否为null或undefined时,才会返回右侧的值。适用场景:'' ?? 1 // '''' || 1 // 10 ?? 1 // 00 || 1 // 1null ?? 1 // 1undefined ?? 1 // 12. ?.链式判断运算符?.判断左侧对象是否为null或undefined。如果是则返回null或undefined;否则,返回右侧的值适用场景:简化 &am原创 2022-04-12 01:48:45 · 2318 阅读 · 0 评论 -
前端面试题_2022-02
目录一、JS部分:1.原型链2.闭包3.手写Promise4.数据类型判断5.Map和Set6.垃圾回收机制7.安全随机数8.贪心算法9.js循环10.数组新方法二、HTML部分三、Css部分1.垂直居中2.弹性布局3.grid布局四、浏览器部分五、Vue部分1.$nextTick2.$set3.取消请求4.vue3.0新特性5.vue新指令一、JS部分:1.原型链2.闭包3.手写Promise4.数据类型判断typeof:返回7种数据类型:number,str原创 2022-02-16 03:15:28 · 3418 阅读 · 1 评论 -
MySQL常用语句
--创建数据库 create database sqltest--创建表 create table test { id int not null primary key, name varchar(50), age int }--增 insert into test values (2, "test2", 21);--查 select * from test; ...原创 2020-04-30 19:08:33 · 185 阅读 · 0 评论 -
2020前端面试总结
一、前端安全问题1.xss攻击(跨站脚本攻击)2.csrf攻击(跨站请求伪造)3.点击攻击(内嵌ifame)二、防抖节流防抖:在第一次触发事件时,不立即执行函数,而是给出一个期限值比如200ms。(比如滚动监听,一直按方向键就一直会触发)节流:即使用户不断拖动滚动条,也能在某个时间间隔之后给出反馈。让函数执行一次后,在某个时间段内暂时失效,过了这段时间后再重新激活三、作弊检测监听VisibilityChange事件,当页面不可见的时候就会documnet.visibilitystate原创 2020-07-17 16:10:40 · 375 阅读 · 0 评论 -
ES6数组新方法
ES6数组新方法目录ES6数组新方法1. `forEach()`和`map()`2. `filter()`3. `reduce()`4. `some()`5. `every()`6. `Array.from()`7. `Array.of()`8. `copyWithin()`9. ` find() `和 `findIndex()`10. `fill()`11. `entries()`,`keys() `和 `values()`12. `includes()`13. `flat()`,`flatMap()`原创 2022-02-06 21:16:22 · 2381 阅读 · 1 评论 -
React 生命周期
React 生命周期1、生命周期图react生命周期函数挂载、卸载只会执行一次,更新会执行多次。2、生命周期的三个阶段1)挂载时(创建)执行时机:组件创建时(页面加载时)执行顺序:Constructor() --> render() --> componentDidMount()钩子函数触发时机作用constructor ()创建组件时1,初始化state; 2.为事件处理程序绑定thisrender ()每次组件渲染都会触发渲染UI(原创 2022-01-30 23:36:26 · 1609 阅读 · 0 评论 -
前端常见知识点五之Fetch
前端常见知识点五之Fetchfetch发送2次请求的原因fetch发送post请求的时候,总是发送2次。第一次状态码是204,第二次才成功;因为在用fatch的post请求的时候,导致fetch第一次发送了一个Options请求,询问服务器是否支持修改的请求头,如果服务器支持,则在第二次中发送真正的请求。参考文章:Fetch API 教程...原创 2021-07-11 22:11:38 · 446 阅读 · 0 评论 -
前端常见知识点四之webscoket
前端常见知识四之webscoket1. 概览1)WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。2. 其他特点包括:(1)建立在 TCP 协议之上,服务器端的实现比较容易。(2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服原创 2021-07-11 03:03:37 · 675 阅读 · 2 评论 -
前端常见知识点三之HTML
前端常见知识点三之HTML1.HTML5 drag apidragstart:事件主体是被拖放元素,在开始拖元素时触发darg:事件是被拖放元素,在正在拖放时触发dragenter:事件主体是目标元素,在进入某元素时触发dragover:事件主体是目标元素,在某元素内移动时触发dragleave:事件主体是目标元素,在移出目标元素时触发drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发dragend:事件主体是被拖放元素,在整个拖放操作结束时触发2.对HTML语义化标签的原创 2021-07-11 22:44:39 · 142 阅读 · 0 评论 -
前端常见知识点二之浏览器
前端常见知识点之浏览器1.web Quality(无障碍)能够被残障人士使用的网站称得上一个易用的(易访问的)网站使用alt属性:<img src='xxx.jpg' alt='this is a xxx'/>有时候浏览器无法显示图像,alt会发挥它的作用:用户关闭了图像显示不支持显示图形的迷你浏览器浏览器是语音浏览器(供盲人和弱势群体使用)如果您使用了alt属性,那么浏览器至少可以显示或读出有关图像的描述。2.几个实用的BOM对象方法BOlocation–浏览器对象原创 2021-07-04 01:47:24 · 558 阅读 · 0 评论 -
前端常见知识点一之HTTP
1.http和https基本概念http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器请求和应答的标准(tcp),用于从WWW服务器传输超文本到浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https: 是以安全为目标的http通道,简单的讲是http的安全版,即http下加入ssl层,http的安全基础是ssl,因此加密的详细内容就需要ssl。https协议的主要作用是:建立一个信息安全通道,来确保数组的传输,确保网站的真实性原创 2021-06-30 02:44:38 · 495 阅读 · 0 评论 -
BOM—浏览器对象模型(Browser Object Model)
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM : 浏览器对象模型(Browser Object Model)2,BOM 的组成部分: 1.window对象 每一个子窗口对应的又是一个window对象 2. screen对象 3.location对...原创 2019-01-03 23:16:00 · 737 阅读 · 0 评论 -
JS函数浅析(一)
1.万物皆为对象 提起函数首先要知道对象,而对象又是js数据类型中的一种,所以我们从头开始。 1)javascript数据类型有哪些? 原始数据类型:number,undefined,null,string,boolean 引用数据类型:object 2)数据类型的检测:由于js中的变量是松散类型的,所以它提供了一种检测...原创 2018-12-17 17:33:00 · 121 阅读 · 0 评论 -
JS闭包
什么是闭包? javascript和其他编程语言一样,也采用词法作用域,也就是说,函数的执行依赖于变量作用域.js函数对象的内部状态不仅包含函数的代密码逻辑,还必须引用当前的作用域。 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性在计算机科学文献中称为“闭包”。 这就是一个闭包,它可以在外部通过某一种手段(方法)可以访问到内部的...原创 2018-12-18 20:49:00 · 79 阅读 · 0 评论 -
浏览器解析JavaScript原理
1.浏览器解析JavaScript原理特点:1.跨平台2.弱类型 javascript 定义的时候不需要定义数据类型,数据类型是根据变量值来确定的. var a = 10; 数字类型 var a = true boolean类型 ( 强类型: 定义变量的时候需要定义变量的类型:例如java,C#中的int a = 10 boolean a = true,...原创 2018-12-17 20:16:00 · 119 阅读 · 0 评论 -
js字符串
String 对象的全部方法:方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。...原创 2018-12-19 20:27:00 · 127 阅读 · 0 评论 -
js数组方法
Array 对象方法方法 描述 concat() 连接两个或更多的数组,并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素,并返回新的长度。 reverse() 颠倒数组中元素的顺序。 shift() ...原创 2018-12-20 16:27:00 · 237 阅读 · 0 评论