面试题
关注
分享
扫一扫
Slueia
这个作者很懒，什么都没留下…
展开
-
git rebase 的作用
https://www.cnblogs.com/yhaing/p/8473576.html转载 2021-04-10 16:27:18 · 245 阅读 · 0 评论 -
前端大文件切片
https://developer.51cto.com/art/202004/613728.htm转载 2021-04-09 12:16:09 · 270 阅读 · 0 评论 -
实现一个双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Proxy双向绑定</title></head> <body> <input id="input_el" oninput="inputHandler(this)"> <br/> <div id="show_e原创 2021-04-08 16:04:07 · 110 阅读 · 0 评论 -
webpack的build文件夹下的内容
https://segmentfault.com/a/1190000014804826转载 2021-04-08 13:11:14 · 593 阅读 · 0 评论 -
手写bind、apply、call
// 实现call方法function person(){ console.log(this.name)}var egg = {name: '蛋老师'}Function.prototype.newCall= function (obj) { var obj = obj || window obj.p = this var newArguments = obj.slice(1) let res = obj.p(newArguments) delete obj.p re原创 2021-04-07 21:15:32 · 75 阅读 · 0 评论 -
富文本编辑器的实现
https://blog.youkuaiyun.com/h8b6Pk7M7r8/article/details/78629754转载 2021-04-01 11:38:53 · 288 阅读 · 1 评论 -
hash和history的区别 &&路由原理
https://blog.youkuaiyun.com/ygh5123687/article/details/89473578https://www.jianshu.com/p/53dc287a8020转载 2021-03-26 15:22:25 · 169 阅读 · 0 评论 -
Http常见的请求头
请求头：Host :主机和端口号Connection ：连接类型Upgrade-lnsecure-Requests：升级为https请求User-Agent:浏览器名称Accept：传输文件类型Referer：页面跳转处Accept-Encoding：文件编解码格式Cookie：Cookiex-requested-with :XMLHttpRequest(是Ajax异步请求)响应头：HTTP/1.1(响应采用的协议和版本号) 200(状态码) OK(描述信息)Location:原创 2021-03-21 15:35:08 · 1229 阅读 · 3 评论 -
new Object()和new的区别
https://juejin.cn/post/6941944148387692575转载 2021-03-21 14:54:59 · 143 阅读 · 0 评论 -
module.exports、exports、export、export default之间的关系和区别
https://blog.youkuaiyun.com/Vue2018/article/details/85787759?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=1328679.26107.16162384368497501&depth_1-utm_source=distribute.pc_relevant_t0.none-t转载 2021-03-20 19:09:13 · 80 阅读 · 0 评论 -
手写数组扁平化
let ary = [1, [2, [3, [4, 5]]], 6]function flatFunc(arr) { let res = [] for(let item of arr){ if(Array.isArray(item)){ res = res.concat(flatFunc(item)) } else{ res.push(item) } } return res}function flatten(arr) {原创 2021-03-20 18:54:34 · 86 阅读 · 0 评论 -
this指向问题
1、独立调用的函数指向为window，对象调用的指向为调用对象2、高阶函数里，第二个参数可以指定函数内的this指向，默认值是window3、在call,bind,apply里，如果绑定的对象为undefined或者null，this指向会是window4、new绑定里的this指向实例化之后的对象...原创 2021-03-20 15:25:31 · 91 阅读 · 0 评论 -
CDN及原理
首先CDN是什么呢？CDN的全称Content Delivery Network，)即内容分发。简而言之就是将静态资源文件（图片、视频、脚本等）缓存到距离用户最近位置的服务器上。因此用户在请求访问网站时，可以快速获取自己想要的内容。从而解决了跨运营商，跨地区，带宽小，CPU负载小所引起的响应速度慢等问题。然后CDN技术可实施性条件除了客户端还包括：1.给用户直接提供访问的站点资源，也就是所谓的缓存服务器；2.缓存服务器所要抓取的内容均来自于原始站点，统称为源站；3.用户的访问请求会通过DNS重定向技术指向.原创 2021-03-20 11:54:34 · 173 阅读 · 0 评论 -
block，inline和inline-block概念和区别
https://blog.youkuaiyun.com/qq_26122039/article/details/60151984转载 2021-03-20 11:41:03 · 76 阅读 · 0 评论 -
web安全相关（xsrf、syn洪水、xss等）
https://blog.youkuaiyun.com/weixin_41631970/article/details/88908482转载 2021-03-20 11:20:40 · 115 阅读 · 0 评论 -
除了http还有什么别的应用层协议？
rSocket简单说来，两者都是解决分布式系统下，点对点通信问题，都是应用层通信协议。HTTP是文本协议，RSocket是二进制协议。从编程模型上看，在HTTP是一种Request/Reponse方式。客户端决定请求时机和次数，服务端有变化不能通知客户端，需要客户端不停的轮询。RSocket除了R/R方式之外，支持另外三种：Fire&Forget（发送后不管），Request/Stream（单项流），Channel（双向流）。客户端与服务端的地位是平等的，需要与反应式编程配合使用，关键词是非阻原创 2021-03-20 11:09:49 · 2506 阅读 · 0 评论 -
defineProperty()和Proxy()
https://blog.youkuaiyun.com/kkkkk0826/article/details/102680084转载 2021-03-20 10:59:37 · 90 阅读 · 0 评论 -
http的优点和缺点
https://blog.youkuaiyun.com/qq_42434318/article/details/113618172HTTP 最大的优点是简单、灵活和易于扩展；HTTP 拥有成熟的软硬件环境，应用的非常广泛，是互联网的基础设施；HTTP 是无状态的，可以轻松实现集群化，扩展性能，但有时也需要用 Cookie 技术来实现“有状态”；HTTP 是明文传输，数据完全肉眼可见，能够方便地研究分析，但也容易被窃听；HTTP 是不安全的，无法验证通信双方的身份，也不能判断报文是否被窜改；HTTP 的性能转载 2021-03-20 10:27:07 · 366 阅读 · 0 评论 -
css动画简介
http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html转载 2021-03-15 22:54:18 · 104 阅读 · 0 评论 -
利用reduce手写一个flat函数，数组扁平化
https://blog.youkuaiyun.com/qq_43540219/article/details/108877593转载 2021-03-14 22:03:05 · 187 阅读 · 0 评论 -
关于js中的this指向
箭头函数：https://blog.youkuaiyun.com/w390058785/article/details/82884032普通函数：https://blog.youkuaiyun.com/w390058785/article/details/78443969原创 2021-03-12 22:50:31 · 75 阅读 · 0 评论 -
HTML文件里开头的!Doctype有什么作用？
主要是用来告诉浏览器html是用什么版本编写的。https://blog.youkuaiyun.com/tianxintiandisheng/article/details/82424096转载 2021-03-12 22:45:41 · 198 阅读 · 0 评论 -
为什么script标签要放在body前，而不是head中？
应该是放在head中的，但是这样做的话就必须要等到js代码全部都被下载、解析和执行之后才能开始呈现页面内容，对于那些需要很多js代码的页面来说，会导致浏览器在页面出现明显的延迟，而延迟的时候页面则会是一片空白，所以推荐放在body前。https://blog.youkuaiyun.com/weixin_40633159/article/details/79367099...转载 2021-03-12 22:43:55 · 337 阅读 · 0 评论 -
cookie的限制
30~50个4000个字节左右https://blog.youkuaiyun.com/u011127019/article/details/89206016转载 2021-03-12 22:39:30 · 88 阅读 · 0 评论 -
token和refer
https://my.oschina.net/u/4303535/blog/4809671转载 2021-03-12 18:22:53 · 363 阅读 · 0 评论 -
javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX
https://www.cnblogs.com/ifworld/p/7605954.html转载 2021-03-12 18:06:50 · 116 阅读 · 0 评论 -
js中栈和堆的详解
https://blog.youkuaiyun.com/chaopingyao/article/details/105022761这里可以再提js的垃圾引用机制转载 2021-03-11 22:40:24 · 109 阅读 · 0 评论 -
HTML行内元素、块状元素、行内块状元素的区别
https://www.cnblogs.com/ljwk/p/7090320.htmlhtml元素可以分成行内元素、块状元素和行内块元素。(1)display:inline;转换为行内元素(2)display:block;转换为块状元素(3)display:inline-block;转换为行内块状元素行内元素的特征：(1)设置宽高无效(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间(3)不会自动进行换行块元素：(1)能够识别宽高原创 2021-03-08 21:54:42 · 108 阅读 · 2 评论 -
XSS攻击与CSRF攻击
反射型、储存型、dom型DDOS攻击：将大流量网站的流量引到小网站上去解决方案：1、cookie：http-only2、对输入（和URL参数）进行过滤，对输出进行编码。3、黑名单（哪些字符不能在输入中）与白名单（比如6-14位，只能用数字）https://www.bilibili.com/video/BV1iW411171s?from=search&seid=9650512088411906409CSRF：web与用户知根知底，但某一次请求，用户被攻击人员伪造，请求伪造（攻击者盗.原创 2021-03-07 22:14:50 · 119 阅读 · 0 评论 -
详解DOM对象中clientWidth、offsetWidth等属性
https://blog.youkuaiyun.com/hu_yewen/article/details/89354192转载 2021-03-07 21:01:56 · 183 阅读 · 0 评论 -
让元素在页面中消失的方法
1.display:none;（将整个元素隐藏，并且不会占据任何的空间）2.visibility:hidden;（元素的内容不可见，但是元素仍然保持原来的位置和大小）3.设定它的位置,让其消失不见：position:absolute或fixed，用z-index遮盖。4.overflow:hidden将要隐藏的元素移除父元素的范围。5.设置元素为透明：即opacity:0；6.设置元素的clip（在新的css中使用clip-path来代替clip） 要让其生效，必须给元素的position的值设原创 2021-03-07 20:31:48 · 1116 阅读 · 0 评论 -
图片懒加载
https://www.bilibili.com/video/BV1E4411W7ny?from=search&seid=42829238371538371281、使用自定义属性保存地址2、监听窗口元素滚动事件（图片到实现范围内就加载）原创 2021-03-07 20:18:30 · 101 阅读 · 0 评论 -
前端性能优化小结
https://zhuanlan.zhihu.com/p/113864878?from_voters_page=true浏览器渲染流程：解析 HTML 文件，构建 DOM 树，同时浏览器主进程负责下载 CSS 文件CSS 文件下载完成，解析 CSS 文件成树形的数据结构，然后结合 DOM 树合并成 RenderObject 树布局 RenderObject 树 （Layout/reflow），负责 RenderObject 树中的元素的尺寸，位置等计算绘制 RenderObject 树 （pai转载 2021-03-07 20:02:02 · 92 阅读 · 0 评论 -
commonjs与es6的引入
https://www.cnblogs.com/unclekeith/p/7679503.html转载 2021-03-05 13:07:17 · 158 阅读 · 0 评论 -
HTTP2的多路复用
http2新特性简单来说是三点：头部压缩、服务端推送、多路复用其中多路复用：https://segmentfault.com/a/1190000011172823转载 2021-03-03 10:45:25 · 279 阅读 · 0 评论 -
7、es5和es6类继承的主要区别
https://blog.youkuaiyun.com/ws9029/article/details/106840074转载 2021-02-26 19:16:19 · 106 阅读 · 0 评论 -
6、分别用深度优先思想和广度优先思想实现一个拷贝函数
//工具函数//重写 toString()和Object.prototype.toString()的不同,https://blog.youkuaiyun.com/shi_1204/article/details/79741220let getEmpty = function (origin) { if(Object.prototype.toString.call(origin) === '[object Object]'){ return {}; } if(Object.pr转载 2021-02-26 18:29:58 · 307 阅读 · 0 评论 -
4、介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
https://blog.youkuaiyun.com/qq_41257129/article/details/98598491转载 2021-02-26 18:11:24 · 147 阅读 · 0 评论 -
1、写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么
https://blog.youkuaiyun.com/qq_43182723/article/details/106802452转载 2021-02-26 17:47:10 · 99 阅读 · 0 评论