面试知识点
关注
分享
扫一扫
面试知识点
前端小云儿
活到老学到老
展开
-
Socket.IO是什么？和websocket有什么区别
Socket.IO 是一个库，可在客户端和服务器之间实现低延迟、双向和基于事件的通信。原创 2025-05-12 11:18:06 · 835 阅读 · 0 评论 -
技能点 vue3和vue2对比的优势（一）
【代码】技能点 vue3和vue2对比的优势（一）原创 2024-03-13 13:51:09 · 160 阅读 · 0 评论 -
【vue优化】 v-if和v-for不能同时使用的原因
在 Vue2 中 v-for 优先级更高，所以编译过程中会把列表元素全部遍历生成虚拟 DOM，再来通过 v-if 判断符合条件的才渲染，就会造成性能的浪费，因为我们希望的是不符合条件的虚拟 DOM都不要生成在 Vue3 中 v-if 的优先级更高，就意味着当判断条件是 v-for 遍历的列表中的属性的话，v-if 是拿不到的所以在一些需要同时用到的场景，就可以通过计算属性来过滤一下列表，如下<template> <ul> <li v-for=.原创 2022-01-24 14:45:35 · 393 阅读 · 0 评论 -
12个关于Webpack的技巧优化项目的技巧
12个关于Webpack的技巧优化项目的技巧原创 2023-01-06 17:08:02 · 770 阅读 · 0 评论 -
一文彻底搞懂跨域问题--浏览器有一个重要的安全策略，称之为「同源策略」
一文彻底搞懂跨域问题--浏览器有一个重要的安全策略，称之为「同源策略」原创 2022-08-30 10:47:38 · 200 阅读 · 0 评论 -
ES6用法，面试大全
ES6是新一代的JS语言标准原创 2022-07-29 11:58:57 · 208 阅读 · 0 评论 -
如何让 x == 1 && x == 2 && x == 3 等式成立
如何让 x == 1 && x == 2 && x == 3 等式成立原创 2022-07-25 16:36:22 · 266 阅读 · 0 评论 -
移动端实现0.5px的实用方案
移动端实现0.5px的实用方案原创 2022-07-19 16:09:18 · 573 阅读 · 0 评论 -
meta标签一般放在整个html页面的head部分
meta标签一般放在整个html页面的head部分原创 2022-07-18 16:14:58 · 1823 阅读 · 0 评论 -
Vue3.0 为什么采用 Proxy（）和2.0对比Object.defineProperty（）
一个轻量的 url 参数转换的 JavaScript 库原创 2022-07-18 13:59:46 · 445 阅读 · 0 评论 -
【css-vue】postcss，less，sass
PostCSS只是一个跑插件的平台，而LESS 、SASS是程序式CSS预处理语言。它们并不是一样的东西，但却可以实现相似的效果，所以常被一起比较毫无疑问，PostCSS用插件实现和LESS 、SASS、Stylus相同的功能。1.postcssPostCSS 的主要功能只有两个：第一个就是前面提到的把 CSS 解析成 JavaScript 可以操作的 抽象语法树结构（Abstract Syntax Tree，AST），第二个就是调用插件来处理 AST 并得到结果。PostCSS .原创 2021-11-06 10:41:30 · 1423 阅读 · 0 评论 -
vue提升效率小技巧
1加载速度尽量少做事情，只做关键事情，非关键事情可以考虑延迟处理，或者利用缓存合并压缩，减少http请求次数2精减dom，包含dom深度，复杂度3，减少路由跳转4，代码简介高内聚低耦合，代码只做一件事，职责单一5，定时器合理使用，不要阻塞主流程，用完销毁...原创 2021-09-14 22:43:15 · 252 阅读 · 0 评论 -
浏览器输入URL后发生了什么
1.DNS域名解析；2.建立TCP连接；3.发送HTTP请求；4.服务器处理请求；5.返回响应结果；6.关闭TCP连接；7.浏览器解析HTML；8.浏览器布局渲染；在浏览器输入url后发生了什么 - 简书浏览器的地址栏输入URL并按下回车。 浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 DNS解析URL对应的IP。 根据IP建立TCP连接（三次握手）。 HTTP发起请求。 服务器处理请求，浏览器接收HTTP响应。 渲染页面，构建DOM树。 关闭TCP连接（四次挥转载 2021-10-17 12:18:49 · 174 阅读 · 0 评论 -
面试点：Vue-MVVM模式解析
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。当创建了ViewModel后，双向绑定是如何达成的呢？首先，我们将上图中的DOM Listeners和Data Bindings看作两个工具，它们是实现双向绑定的关键。从View侧看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变.原创 2021-09-25 22:45:50 · 128 阅读 · 0 评论 -
面试点：promise用法
<template> <div class="home"> promise </div></template><script>export default { data(){ return { showEdit:false, time:"" } }, created() { this.getValue1() .then((res)=>{ .原创 2021-09-25 22:35:39 · 82 阅读 · 0 评论 -
面试点：内存泄露
内存泄露是指一块被分配的内存 既不能被回收也不能被利用的尴尬 那造成内存泄露的常见情况 1 事件委托的原理---委托他们的父级代为执行事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序a>li>ul>div，有这样一个机制，那么我们给最外面的div加点击事...原创 2021-09-25 22:25:42 · 159 阅读 · 0 评论 -
【面试点】：vue中关于this的详解
<template> <div class="home"> 1.window的匿名函数 如settimeout（没有箭头）指向是window；函数里面调用要用that变量接一下，才能拿到vue实例，不然指向window 2.js函数 如foreach ，filter（没有箭头）没有指向，所有函数里面调用，直接指向vue，不用做变量替换 3.箭头函数，没有具体的this指向，在它内部使用，由宿主对象决定 3.1匿名函数使用箭头函数写，指向方法的.原创 2021-09-25 20:35:08 · 1534 阅读 · 0 评论 -
js-制作二维码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no"...原创 2021-08-31 23:32:15 · 152 阅读 · 0 评论 -
原生js-二维码生成
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no"...原创 2021-08-31 22:04:16 · 664 阅读 · 0 评论