前言 最近有接到一个需求,要求前端支持上传制定后缀文件,且支持页面预览,上传简单,那么预览该怎么实现呢,尤其是不同类型的文件预览方案,那么下面就我这个需求的实现,答案在下面 「具体的预览需求:...
Node.js面试真题
1.说说你对Node.js 的理解?优缺点?应用场景? 1.1 是什么 Node.js是一个开源与跨平台的JavaScript运行时环境 在浏览器外运行V8 JavaScript引擎(Google Chrome的内核),利用事件驱动、非...
如何一次性渲染十万条数据
前言 后端一次性返回过多数据时,我们前端应该如何渲染,本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景,我生成十万条li,然后每个li...
搞懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref…
在 Vue3 中,有许多与响应式相关的函数,例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法,让我们在实际开发中知道应该使用哪些 API 并...
解决痛点的那些CSS
在写一些页面时,有些东西老是感觉能解决但就是想不起来具体怎么写,本文记录一些容易忘但很实用的css属性。 01-video隐藏控件 有时候页面上的video视频可能需要显示默认的进度条音量等控件 /* 隐...
HTTP 面试真题
1、如何理解OSI七层模型? 1.1 是什么 OSl(Open System Interconnect)模型全称为开放式通信系统互连参考模型,是国际标准化组织(ISO)提出的一个试图使各种计算机在世界范围内互连为网络的标准框架 ...
为什么“false == []”和“false == ![]”都返回true
不要惊讶这确实是正确答案。 console.log(false == []) // true console.log(false == ![]) // true 当遇到一个布尔值和一个对象进行比较时,会将这两个值转换为数字进行最后的比较。 所以它会经历这些...
您必须了解的 21 个 HTML 技巧
在这篇文章中,我们将分享 21 个带有代码片段的 HTML 技巧,可以提高您的编码技能。 现在,让我们直接开始吧。 01、创建联系链接 使用 HTML 创建可点击的电子邮件、电话和短信链接: <!-- Email ...
优雅的使用位运算,省老多事了
前言 今天我们来一篇 JS 中的位运算科普,经常在源码中看到的位运算符,和用其定义的一系列状态到底有什么优势? 位运算符号的基本了解 首先,我们应该要简单了解位运算符,常用的位运算符大概有以下几...
40道ReactJS 面试问题及答案
ReactJS 已成为现代 Web 开发的基石,其基于组件的架构和高效的渲染使其成为构建动态用户界面的首选。 无论你是希望提高技能的经验丰富的开发人员,还是准备即将到来的 ReactJS 面试的求职者,本指南都将为 R...