![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
前端面试
意瑚琏
快乐学习,天天向上,
岂不尔思,子不我及,
山不就我我就山
展开
-
css居中
转载 2020-10-20 00:05:39 · 114 阅读 · 0 评论 -
面试凉经
书山有路勤为经,学海无涯苦作舟。 文件在前端以什么样的方式存在 以multipart/form-data为例,知道了文件是以二进制的形式存在,application/json 是以文本形式进行传输, js的正则写一个邮箱 var reg=/^([A-Za-z]|[0-9])+@([A-Za-z]|[0-9])\.([a-zA-Z]{2,4})$/ reg.test(email) 计算机网络的拥塞控制 防止过多的数据注入到网络中,这样可以使网络中的路由器或链路不致过载 方法 慢开始,发送方让自己的发送.原创 2020-09-26 16:47:48 · 298 阅读 · 0 评论 -
proxy&keep_alive
Object.defineProperty的缺点 深度监听需要一次性递归 无法监听新增属性/删除属性 无法原生监听数组,需要特殊处理 proxy基本使用 reflect返回布尔值判断是否成功 keep_alive keep-alive是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件链中;使用keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 场景 用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面,再返回该列表页面,我们希望:列原创 2020-09-20 20:12:30 · 313 阅读 · 1 评论 -
vue面试题
v-show和v-if的区别 v-show通过CSS display控制显示和隐藏 v-if组件真正的渲染和销毁,而不是显示和隐藏 频繁切换显示状态就用v-show,否则用v-if 为何在v-for中用key 必须用key,且不能是index和random diff算法中通过tag 和key来判断,是否是sameNode 减少渲染次数,提升渲染性能 描述Vue组件生命周期(父子组件) vue组件如何通信 父子组件props和this.$emit 自定义事件event.noevent.no even原创 2020-09-20 15:09:08 · 222 阅读 · 0 评论 -
js-运行环境
网页加载过程 性能优化 安全 页面加载过程 题目 从输入url到渲染出url的整个过程 window.onload与DOMContentLoaded的区别 css放在head中,为什么 先生成cssom与dom形成render树一步到位渲染,若不是头部可能重复渲染。 js放在最后,为什么 js可能修改dom先生成页面,然后再根据js再修改页面,如果等js加载执行完,可能要阻塞很久 img不会阻塞渲染 性能优化 让加载更快 让渲染更快 CDN SSR服务器渲染 先预览pr.原创 2020-09-18 10:59:01 · 395 阅读 · 0 评论 -
js_web_api --- ajax
题目 手写一个ajax 跨域的常用实现方式 知识点 XMLHttpRequest 状态码 跨域:同源策略,跨域解决方案 XMLHttpRequest xhr.readyState原创 2020-09-17 20:56:24 · 61 阅读 · 0 评论 -
js-web-API-事件
题目 编写一个通用的事件监听函数 <script> const btn=document.getElementById('btn') function bindEvent(elem,type,fn){//elem元素,type绑定的事件类型,fn事件触发 elem.addEventListener(type,fn) } bindEvent(btn1,'click',event=>{ event.preventDefau原创 2020-09-17 10:45:41 · 78 阅读 · 0 评论 -
js-web-API-BOM
题目 如何识别浏览器的类型 分析拆解url各个部分 知识点 navigator screen location history 识别浏览器类型原创 2020-09-16 16:27:41 · 79 阅读 · 0 评论 -
js web API-DOM
DOM 题目 DOM是哪种数据结构(除了树难道还能是图???) DOM操作常用的api attribute和property的qubie的区别 一次性插入多个DOM,考虑性能 知识点 DOM本质 树 DOM节点操作 获取DOM节点 document.getElementById()//元素 document.getElementsByTagName()//集合 document.getElementsByClassName()//集合 document.querySelectorAll()//集合原创 2020-09-16 16:15:41 · 208 阅读 · 0 评论 -
异步
题目 同步和异步的区别? …省略 手写用promise加载一张图片? <script> function loadImg(src){ const p =new Promise( (resolve,reject)=>{//resolve,reject为函数 const img =document.createElement('img') im原创 2020-09-16 10:46:36 · 58 阅读 · 0 评论 -
js_作用域和闭包
题目 this的不同应用场景,如何取值 手写bind函数 实际开发中闭包的应用场景,举例说明 闭包 作用域应用的特色情况,有两种表现 函数作为参数被传递 函数作为返回值被返回 自由变量的查找,实在函数定义的地方,向上级作用域查找不是在执行的地方 //函数作为返回值 // function create(){ // const a=100 // return function(){ // console.log(a)原创 2020-09-15 20:44:03 · 88 阅读 · 0 评论 -
原型和原型链
题目 如何判断一个变量是不是数组? class的原型本质,怎么理解 手写简易jQuery class 和继承 和java的思想基本一致 类型判断instanceof xialuo instanceof Student//true xialuo instanceof People//true xialuo instanceof Object//true [] instanceof Array//true [] instanceof Object//true {} instanceof Object//t原创 2020-09-15 16:31:21 · 89 阅读 · 0 评论 -
变量类型和计算
深拷贝 <script> const obj1={ age:20, name:22, address:{ city:'guangzhou' }, arr:['a','b','c'] } const obj2=deepClone(obj1) obj2.address='shang原创 2020-09-15 15:31:44 · 96 阅读 · 0 评论