web-interview
web-interview copied to clipboard
yisainan
我是齐丶先丶森，收集整理全网面试题及面试技巧，旨在帮助前端工程师们找到一份好工作！更多详见公众号「前端面试秘籍」
答案： 1、CDN 缓存更方便 2、突破浏览器并发限制 3、节约 cookie 带宽 4、节约主域名的连接数，优化页面响应速度 5、防止不必要的安全问题
答案：replace 正则匹配方法、str.trim()方法、JQ 方法：\$.trim(str)方法 解析： 方法一：replace 正则匹配方法 去除字符串内所有的空格：str = str.replace(/\s\*/g,""); 去除字符串内两头的空格：str = str.replace(/^\s*|\s*\$/g,""); 去除字符串内左侧的空格：str = str.replace(/^\s\*/,""); 去除字符串内右侧的空格：str = str.replace(/(\s\*\$)/g,""); 示例： ```js var str = " 6 6 "; var str_1 =...
1.节点查找 - document.getElementById，document.getElementByTagName，document.getElementByName ，- document.getElementByClassName - document.querySelector() 参数为选择器 - document.forms 选取页面中的所有表单元素 2.增加节点 增加节点前必须先使用document.createElement()创建元素节点，参数为标签名 - m.appendChild(n) 为m元素在末尾添加n节点 - m.insertBefore(k,n) 在m元素的k节点前添加n节点 3.删除节点 - m.removeChild(n)删除m元素中的n节点 - m.replaceChild(k,n)用n节点取代m元素中的k节点 4.复制节点 - m.cloneChild() 复制m节点，并将复制出来的节点作为返回值 参数为true时，则将m元素的后代元素也一并复制。否则，仅复制m元素本身 _Originally...
参考答案： 发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布—订阅模式。 解析： #### 发布订阅模式的构成 最常见的发布订阅模式就是咱们DOM事件，仔细回想一下我们要给一个按钮，绑定一个事件，当我点击按钮的时候我要让他的颜色变了，并且页面弹出一个弹出框 我们分析一下这个流程：首先，我们得知道给哪个按钮的时候绑定事件，然后我们得知道触发事件以后需要干什么？ 那么在这其中谁是发布者？ 是DOM中的按钮，因为是在它身上绑定了事件，当我们点击按钮的时候它便向订阅者发布了这个消息 那么谁是订阅者？ 是click事件，当点击按钮时，dom发布了一条消息，而事件订阅了它，所以当它被点击的时候，订阅者会接收到消息 #### 简单例子 上大学的时候甲要打游戏，下午的课不准备去了，然后甲跟乙说，如果下午老师问我去哪了，你就发信息告诉我。然后果然不出所料，下午老师来了，并且问了甲去哪了？然后乙发信息给甲，甲收到信息后干什么乙不知道，乙只是负责如果老师问了就发短信给甲。
答案： 1.浏览器地址栏输入 url 2.浏览器会先查看浏览器缓存--系统缓存--路由缓存，如有存在缓存，就直接显示。如果没有，接着第三步 3.域名解析（DNS）获取相应的 ip 4.浏览器向服务器发起 tcp 连接，与浏览器建立 tcp 三次握手 5.握手成功，浏览器向服务器发送 http 请求，请求数据包 6.服务器请求数据，将数据返回到浏览器 7.浏览器接收响应，读取页面内容，解析 html 源码，生成 DOm 树 8.解析 css 样式.浏览器渲染，js 交互绑定多个域名，数量不限；
答案： vue2.x 中v-for优先级高于v-if，vue3.x 相反。所以2.x 版本中在一个元素上同时使用 v-if 和 v-for 时，v-for 会优先作用，造成性能浪费；3.x 版本中 v-if 总是优先于 v-for 生效，导致v-if访问不了v-for中的变量。 解析： 一般我们在两种常见的情况下会倾向于这样做： * 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users 替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表。 * 为了避免渲染本应该被隐藏的列表...