前端NoDead面试题
文章平均质量分 50
养意
我们一起好好学
展开
-
vue2前后端分离项目使用使用prerender-spa-plugin 让搜索引擎抓取到静态页面详细教程
通过以上步骤,即可使用 prerender-spa-plugin 实现前后端分离项目的预渲染,让搜索引擎能够抓取到静态页面。部署静态文件: 将生成的预渲染的静态 HTML 文件部署到服务器上,确保服务器能够正确地响应对应的路由。验证预渲染: 在浏览器中访问预渲染的路由,查看页面源代码,应该能够看到完整的静态 HTML 内容。事件,使 prerender-spa-plugin 开始渲染页面。的文件,用于配置 prerender-spa-plugin。添加预渲染事件: 在 Vue 组件的。原创 2024-05-07 23:16:48 · 449 阅读 · 0 评论 -
关于路由懒加载的实现
函数作为参数,用于在组件加载之前显示自定义的加载中效果。在Vue3中,懒加载的实现方式稍有不同。Vue3提供了一个新的函数。通常,我们可以将组件作为被引入的模块,并在。,用于定义异步组件。我们可以将组件作为参数传递给。在Vue2中,实现路由懒加载可以使用。组件,等到异步组件加载完成后,再渲染。这样在组件加载过程中,会先显示。需要注意的是,Vue3中的。原创 2024-05-07 22:58:19 · 350 阅读 · 1 评论 -
关于面试真题的压迫
使用事件委托:在父元素上监听事件,而不是为每个子元素都添加事件监听器。这样可以减少事件处理程序的数量,提高性能。缓存DOM查询:避免重复查询DOM元素,将查询结果存储在变量中,以便后续使用。减少DOM操作:尽量减少对DOM的修改操作,因为DOM操作是非常昂贵的。可以将多个操作合并为一次操作,或者先将需要修改的元素拷贝到一个文档片段中,修改完毕后再一次性插入到DOM中。使用文档片段:在需要插入大量DOM节点时,可以先将它们插入到文档片段中,然后再一次性插入到文档中。这样可以减少页面渲染的次数,提高性能。原创 2024-05-07 00:24:43 · 757 阅读 · 1 评论 -
分片上传,分片合并
后端使用Node.js和Express框架,接收到每个分片后将其写入到文件中,当收到最后一个分片时,触发。对象来实现分片读取文件,并通过XMLHttpRequest发送每个分片到后端。标签和JavaScript的。事件,表示文件上传完成。前端使用了HTML的。原创 2024-05-03 15:46:44 · 404 阅读 · 0 评论 -
前端中如何实现大文件上传?
断点续传:将大文件分成多个小片段,每个小片段上传成功后记录其上传进度,若中断或失败后可从上次记录的进度继续上传。服务器端处理:在服务器端需要相应的接口来接收和处理分片上传的文件,并在上传完成后将其合并成完整的文件。上传进度的显示:可以使用XMLHttpRequest的upload事件或fetch API的ProgressEvent来获取上传进度,并将其显示给用户。文件分片大小的选择:过小的分片会增加上传请求的数量,而过大的分片可能会导致上传过程中的内存和网络压力增加。原创 2024-05-03 15:33:34 · 517 阅读 · 0 评论 -
$nextTick源码解析
最后,通过闭包返回一个函数 queueNextTick,该函数接受一个回调函数 cb 和一个上下文对象 ctx,将回调函数包装成一个新的函数,并将其推入 callbacks 数组中。如果当前没有其他回调函数正在执行,则通过 timerFunc 来触发回调函数的执行。如果浏览器支持 Promise,就使用 Promise 的方式,创建一个 resolved 状态的 Promise 对象 p,并利用 p 的 then 方法在下一个 microtask 中执行 nextTickHandler 方法。原创 2024-04-30 01:48:17 · 143 阅读 · 0 评论 -
Vue监测数组改变的原理
Vue监测数组改变的原理是通过重写数组的方法(如push、pop、shift等)来实现的。在Observer实例中,重写数组的方法,将其改为先执行原始的数组方法,再触发数组的更新。它通过重写数组的方法,并在重写的方法中触发数组的更新。的属性,该属性值为一个Observer实例。数组中添加元素时,会触发数组的更新。准备一个原始的数组,用于存储数据。方法,给数组对象添加一个名为。原创 2024-04-30 05:00:00 · 257 阅读 · 2 评论 -
使用H5+app在安卓5.1离线环境实现文字转语音
需要注意的是,在使用H5+ App中的5.1离线环境时,需要使用plus.Speech API来播放语音。对于其他浏览器环境,可以直接使用SpeechSynthesis API来实现语音合成功能。在Vue中实现中文文字转语音的方法可以使用HTML5的SpeechSynthesis API,同时需要考虑到在H5+ App里面的离线环境。原创 2024-04-24 21:38:35 · 655 阅读 · 2 评论 -
NO Dead 大厂面石
/ 什么是buffer?// 在node中用于存放缓存数据的地方:// 当发送速率大于接收速率时buffer可以暂存多余的数据,直到接收方准备好了// 新建一个buffer对象使用 buffer.alloc(size,[fill],[enconding]) fill填充到缓冲区的值,enconding(fill的编码格式)// 1.初始化缓冲区// 写入值")// 超出长度的值将不会被输出// 使用tostring方法转换成字符串hello//将字符串转换成一个类数组。原创 2024-04-22 20:16:30 · 193 阅读 · 0 评论 -
前端nodead面试题
简单说说你对函数编程的理解1.稳定:对于给定数据输出相同的结果2.可以作为参数传递和返回,从而支持模块化3.什么时候需要什么时候调用(惰性计算)4.并发处理:就是因为不存在共享变量,所以各个任务不会发生因为同一个变量值的修改而无法继续执行的情况,可以将任务分成多个子任务同时执行5.因为无副作用的特点(修改函数内部的变量不会影响函数外部变量值的特点),使得单元测试和集成测试更加容易和准确6.缺点:因为有很多模块和递归问题可能会出现性能问题。原创 2024-04-21 23:41:18 · 281 阅读 · 0 评论 -
【无标题】
else</script>// 等待页面加载的时候动态的创建标签(常用)原创 2024-04-21 22:22:26 · 895 阅读 · 0 评论 -
关于前端的那些知识点
/ 什么是虚拟DOM为什么使用虚拟DOM// 1.什么是虚拟DOM?// 又叫veirturalDOM react vue 跨平台的能力 rn weex// 实际上是以用js对象来模拟真实DOM节点的结构数据,Object类型啊,属性attrs,children子节点等信息也就是vNode// 虚拟dom节点与真实的dom一一对应// 2.为什么要使用虚拟DOM?// 因为操作真实DOM会发生性能问题,所以在rn weex 类型的项目中很忌讳去操作原生的dom的原因之一。原创 2024-04-21 16:44:39 · 484 阅读 · 0 评论 -
Javascript基础
函数采用递归的方式,依次发起请求,并将返回结果按照请求顺序依次添加到结果数组中。当所有请求都完成后,最终返回结果数组。// 原因:css和js会阻塞页面和渲染,加载时间长会导致页面出现长时间白屏。// --将首屏css内敛到html中,尽量不使用内联js。//--DNS缓存优化,预加载,确定可靠的DNS服务器。//延迟首屏不需要的资源加载,预加载首屏所需要的图片。//--优化精简代码结构Html,css文件和结构。2.请求排序不使用promise.All。2.1使用递归实现请求排序⭐。原创 2024-04-21 14:34:24 · 198 阅读 · 0 评论 -
大厂面试精华面试刷题
1.自定义unshift实现相同效果2.数组去重用vs2019来写这种练习题可以更直观的查看代码执行的效果,最后的代码是控制控制台执行完毕后不自动关闭3.获取指定范围内的随机数。原创 2024-04-20 22:35:53 · 601 阅读 · 0 评论 -
WEB前端常规技术面试题之HTML+CSS基础
CSS的语法 标题原创 2024-04-19 23:19:27 · 762 阅读 · 0 评论