8个前端知识点助你决战金三银四
wxin55 2024-11-26 09:43 8 浏览 0 评论
1. 编译器自动补全;
function test() {
return
{
name: "xiaowang"
};
}
test();
//输出
undefined
2. Object.is与===区别
相同:
都是严格比较
不同:
-0 === +0 //true
Object.is(-0,+0) //false
NaN === NaN //false
Object.is(NaN,NaN) //true
3.箭头函数跟普通函数区别
1.箭头函数没有this,它的this依赖于所属上下文的this
function test(){
let a = ()=>{
console.log(this)
}
return a
}
let obj = {
x:1
}
let t = test.call(obj)();
输出:
{x: 1}
2.箭头函数没有原型对象
function test(){
let a = ()=>{
console.log(this)
}
return a
}
let t = test();
console.log(t.prototype)
输出:
undefiend
3.箭头函数不能使用new
function test(){
let a = ()=>{
console.log(this)
}
return a
}
let t = test();
let y = new t();
console.log(y)
输出:
Uncaught TypeError: t is not a constructor
4.箭头函数的arguments
function test(x,y){
let a = (a,b)=>{
console.log(arguments)
}
return a
}
let t = test(3,4);
t(1,2)
输出:
[3, 4, callee: ?, Symbol(Symbol.iterator): ?]
4.CSRF
跨站请求伪造
如何发生的?
1.请求银行网站A,银行返回cookie,并存储到浏览器。
2.请求危险网站B,网站B通过img标签中的地址请求网站A,此时请求中会带上cookie,这时候银行网站A会认为这是个正常请求,从而网站B可以进行转账或其他操作。
如何防范?
1.请求使用POST。
2.增加token。
3.cookie设置HttpOnly。
5.XSS
跨站脚本攻击
如何发生的?
1.脚本通过vue中的v-html或document.getElementById().innerHtml插入携带脚本的代码。
2.打开恶意url链接,
如何防范?
1.对输入的内容进行转义(例:< 转义为 <)
2.对a标签的href去除avascript:
3.输入内容长度限制
4.cookie设置HttpOnly
5.使用自动扫码工具寻找漏洞
6.VUE中v-for的key属性
key的作用
vue中的diff算法,更新时如果新旧dom的key相同则复用只改变文本,如果不同则删除旧节点创建新的。
例: 默认选中A,向数组头部添加一个C,如果使用index作为key,那么C就变成默认选中了。(key相同会复用组件只更改文本值)
7.斐波那切数列
斐波那契数,指的是这样一个数列:1、1、2、3、5、8、13、21、……,从第三项开始,当前项的值为上一个与上上一个的和
使用函数记忆缓存菲波那切数列的值,防止重复计算造成的性能损耗。
//菲波那切数列函数
let fibonacci = function (n) {
if (n < 1) return 0
//前两项固定为1
if (n == 1 || n == 2) return 1
//递归查找上一项与上上一项
return fibonacci(n - 1) + fibonacci(n - 2)
}
//函数记忆
const memory = function (fn) {
let obj = {}
return function (n) {
//如果没有缓存过则去计算
if (obj[n] === undefined) {
obj[n] = fn(n)
}
//返回缓存中或计算完的数值
return obj[n]
}
}
//将菲波那切数列放入函数中缓存
fibonacci = memory(fibonacci)
//获取菲波那切数列
let result = fibonacci(5)
console.log(result);
8.快速计算某个字符串出现的次数
let str = '123dsfdsaafeafeafeafe';
console.log(str.split('afe').length - 1)
- 上一篇:ES6系列笔记-箭头函数
- 下一篇:TypeScript 指南,终极版
相关推荐
- Java中List 和 Map、Set 的区别(list和set和map)
-
hello,大家好,我是霖仔java集合的大家了解,我再给大家说一下他们的区别,希望能够帮助到大家结构特点:List和Set是存储单列数据的集合,Map是存储键和值这样的双列数据的集合;Lis...
- Java 集合框架全面解析:选对数据结构,提升开发效率
-
上一章我们详细介绍了各种常用的数据结构情况(参考:数据结构复杂度全览:如何选择最优结构?),本文结合关键数据结构,从列表(List)、队列(Queue)、集合(Set)、映射(Map)四个维度,深入解...
- LinkedList竟然比ArrayList慢了1000多倍?(动图+性能评测)
-
数组和链表是程序中常用的两种数据结构,也是面试中常考的面试题之一。然而对于很多人来说,只是模糊的记得二者的区别,可能还记得不一定对,并且每次到了面试的时候,都得把这些的概念拿出来背一遍才行,未免有些麻...
- LinkedList 底层源码深度解析(linkedlist底层数据结构)
-
目录1.引言2.LinkedList概述2.1类继承体系图2.2各个接口作用3.与ArrayList的对比4.底层数据结构5.核心方法源码解析5.1add()方法5.2a...
- List的用法和实例详解——Java进阶知识讲义系列(四)
-
序欢迎来到全网最完整的Java进阶知识系列教程!!!每天定时更新!!!本期是Java进阶知识系列的第四讲,将分享Java常用的数据容器——集合类。集合类也分很多类型,比如:List、Set、Map、Q...
- Rust高效集合操作(rust基本操作)
-
集合的分类Rust的集合类型主要分布在标准库的std::collections模块中,同时也包括语言内置的数组和字符串类型序列容器序列容器维护元素的顺序,适合需要按索引访问或顺序遍历的场景向量(...
- Java八股文:核心知识点梳理(java八股文是啥)
-
一、Java基础1.Java基本数据类型8种基本类型:整型:byte(1),short(2),int(4),long(8)浮点型:float(4),double(8)字符型:char(2)布...
- 为什么我不推荐研发人员使用 LinkedList?
-
在Java集合框架中,LinkedList作为List的实现之一,经常被认为是ArrayList的替代方案。然而,在大多数实际场景下,我们并不推荐使用LinkedList,原因主要集中...
- ArrayList 、 LinkedList、Vector的区别
-
ArrayList、LinkedList、Vector的区别如下:ArrayListLinkedListVector结构动态数组双向链表动态数组是否线程安全否否是效率遍历查找快,插入删除慢插入删除...
- (2020 )Java最新面试笔试题答案解析(一)
-
Java中的集中基本数据类型是什么?各占用多少字节?【数值型】—(整数类型)byte(1字节)short(2字节)int(4字节)long(8字节)拓展:Java中的数据类型除了上面的基本...
- 超简单五步实现Linux虚拟机CentOS 7系统Root密码忘记重置
-
环境:CentOS7.5重置root密码:1.CentOS7虚拟机开机,将鼠标光标移动至虚拟机内。2.在虚拟机中使用键盘上↑和↓键将选择行设置为第一行(背景高亮即为选中),按下键盘上的e,进...
- 吊轨门和推拉门哪个好?北京今朝区别介绍看完不入坑
-
厨房到底使用什么门好?相信这是大多数业主都比较抓狂的事情,其实在装修中材料的选择最终还是要依据空间而定,那么吊轨门和推拉门哪个好呢?下面就跟随北京装修网一起来看看吧!吊轨门与推拉门介绍吊轨门吊轨门的特...
- 〖省钱宝典〗不花冤枉钱,少走弯路!居家中推拉门如何设计?
-
想要空间最大程度的显大?想要充足的光线?又想拥有合理的区域划分?那么推拉门是你绝对不能错过的好选择。推拉门的设计轻盈简洁,绝对是室内每个空间的福音。它不仅可以最大化地节省空间,方便了居室的功能划分和利...
- 吊趟门与推拉门有什么区别?(吊趟门贵还是推拉门贵)
-
吊趟门与推拉门的区别很多人在购买的时候并不清楚,有些客人甚至根本分不清吊趟门和推拉门,今天小编就给大家讲讲吊趟门与推拉门的相关内容,看看吊趟门与推拉门的区别有哪些?1、推拉门采用以门扇下滑轮为主支撑点...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- Java中List 和 Map、Set 的区别(list和set和map)
- Java 集合框架全面解析:选对数据结构,提升开发效率
- LinkedList竟然比ArrayList慢了1000多倍?(动图+性能评测)
- LinkedList 底层源码深度解析(linkedlist底层数据结构)
- List的用法和实例详解——Java进阶知识讲义系列(四)
- Rust高效集合操作(rust基本操作)
- Java八股文:核心知识点梳理(java八股文是啥)
- 面试题:ArrayList和LinkedList有什么区别?
- 为什么我不推荐研发人员使用 LinkedList?
- ArrayList 、 LinkedList、Vector的区别
- 标签列表
-
- hive行转列函数 (63)
- sourcemap文件是什么 (54)
- display none 隐藏后怎么显示 (56)
- 共享锁和排他锁的区别 (51)
- httpservletrequest 获取参数 (64)
- jstl包 (64)
- qsharedmemory (50)
- watch computed (53)
- java中switch (68)
- date.now (55)
- git-bash (56)
- 盒子垂直居中 (68)
- npm是什么命令 (62)
- python中+=代表什么 (70)
- fsimage (51)
- nginx break (61)
- mysql分区表的优缺点 (53)
- centos7切换到图形界面 (55)
- 前端深拷贝 (62)
- kmp模式匹配算法 (57)
- jsjson字符串转json对象 (53)
- jdbc connection (61)
- javascript字符串转换为数字 (54)
- mybatis 使用 (73)
- 安装mysql数据库 (55)