- 博客(69)
- 收藏
- 关注
RSS订阅原创 Could not retrieve https://npm.taobao.org/mirrors/node/index.json.
4、到回cmd.exe 输入nvm ls available 可显示node可安装的版本（注：并不是只能安装显示出来的版本，有的版本未显示出来。需要某个具体的node版本，可以在官网查询，然后输入nvm install +(具体的版本号）即可安装。npm使用时报错：Could not retrieve https://npm.taobao.org/mirrors/node/index.json.解决办法：修改镜像地址。打开nvm的安装地址 -->settings.txt文件 -->配置下载源。
2025-04-07 14:09:10
145
原创 46、项⽬登陆是怎么实现的
（1）在⽤⼾选择登陆的时候，会收集⽤⼾输⼊的信息，进⾏⼀个form的校验(正则或者Element-U⽅。session中，公钥则返回给前端)前端拿到公钥后，再通过JS加密库中的⽅法对⽤⼾输⼊的密码进⾏加。⾥还要对⼿机号进⾏校验，不合法就提⽰⽤⼾输⼊正确⼿机号，然后return退出，合法就发送登陆请。(3)在点击登录的回调中，为了防⽌在输⼊验证码后⼿机号更换了或者删除了，发送⽆效请求，所以这。（2）当⽤⼾点击获取验证码按钮的时候，发送获取验证码请求，后端会发验证码⾄⽤⼾⼿机，并对验。
2025-04-02 17:40:00
95
原创 44、打包好⽂件给后端更新的时候，⽤⼾⼿机上总会留下，上次版本的信息，⽽且每次都得清下缓存，才会显⽰最新版本的数据
为index.html注入版本号可以有效解决入口文件的缓存问题。前端主动检查版本更新能实现灵活的版本控制。优化 Nginx 配置可在一定程度上解决缓存问题，但需谨慎操作。Service Worker 可以实现对缓存的精细控制，但需要一定的学习成本。你可以根据实际情况选择合适的解决方案。
2025-03-31 17:58:05
517
原创 43、接口请求需要时间，导致页面初始加载时会出现空白，影响用户体验
如果接口数据在短时间内不会发生变化，可以将数据缓存起来，下次进入页面时直接使用缓存数据，减少接口请求时间。骨架屏是一种在数据加载过程中显示的占位布局，它模拟了页面的基本结构，让用户对页面内容有一个初步的了解。通过以上方法，可以有效改善页面初始加载时的空白问题，提升用户体验。你可以根据实际需求选择合适的方法。在接口请求数据的过程中，显示一个加载状态提示，让用户知道页面正在加载数据。在页面加载之前，提前加载一些常用的组件，减少组件加载的时间。
2025-03-31 17:14:30
228
原创 41、当你在 index.html 中引用了一个公共文件（比如 common.js），修改这个文件后，用户访问页面时仍然看到旧内容，因为浏览器缓存了旧版本
由于浏览器缓存导致公共文件无法更新。当用户修改了公共文件（如 JavaScript 或 CSS），但 index.html 中引用的文件名没有变化，浏览器会认为文件没有更新，继续使用缓存的旧版本。因此，需要通过某种方式让浏览器知道文件已经更新，从而获取最新版本。
2025-03-31 16:28:40
457
原创 39、渐进增强和优雅降级
优雅降级是指先构建一个功能完整、体验丰富的网站，然后针对那些不支持某些高级特性的浏览器和设备，逐步降低功能和体验的标准，但仍然保证基本的可用性。它更侧重于在高级浏览器中提供最佳的用户体验，然后处理低版本浏览器的兼容性问题。渐进增强是一种从最基础的功能开始构建网站，然后逐步为支持更高级特性的浏览器和设备添加额外功能和样式的设计理念。它强调先确保所有用户都能访问到核心内容和基本功能，然后再针对具备更强大能力的设备和浏览器提供增强的体验。
2025-03-31 16:11:49
601
原创 mapState 函数的用法
mapState是 Vuex 提供的一个辅助函数，其主要作用是将 Vuex 仓库中的状态映射到组件的计算属性中，这样在组件里就能像访问本地计算属性一样访问 Vuex 仓库中的状态。以下为你详细介绍mapState函数的不同用法。
2025-03-31 11:48:12
341
原创 You may have an infinite update loop in a component render function.
改变数组顺序，进而再次触发计算属性重新计算，如此反复，就形成了无限更新循环。，数组顺序改变后会触发计算属性重新计算，而重新计算又会再次调用。都会修改原数组的顺序。表明组件渲染函数里存在无限更新循环。计算属性中，每次调用。
2025-03-31 11:34:47
202
原创 37、⼀个⻚⾯上有⼤量的图⽚（⼤型电商⽹站），加载很慢，你有哪些⽅法优化这些图⽚的加载，给⽤⼾更好的体验。
4，如果图⽚过⼤，可以使⽤特殊编码的图⽚，加载时会先加载⼀张压缩的特别厉害的缩略图，以提⾼ ⽤⼾体验。3， 果图⽚为 css 图⽚，⽐如⼀些⼩图⽚，logo，⼆维码可以整合到⼀起，使⽤精灵图技术。2，如果为幻灯⽚、相册等，可以使⽤图⽚预加载技术，将当前展⽰图⽚的前⼀张和后⼀张优先下载。图⽚懒加载，在⻚⾯上的未可视区域可以添加⼀个滚动条事件，判断图⽚位置与浏览器顶。1，如果⼀个⻚⾯图⽚很多，并超出了浏览器窗⼝的可视区域，我会采⽤图⽚懒加载。端的距离与⻚⾯的距离，如果前者⼩于后者，优先加载。
2025-03-26 17:08:32
185
原创 36、⼀个⻚⾯从输⼊ URL 到⻚⾯加载显⽰完成，这个过程中都发⽣了什么？
【代码】36、⼀个⻚⾯从输⼊ URL 到⻚⾯加载显⽰完成，这个过程中都发⽣了什么？
2025-03-26 17:04:58
474
原创 35、前端如何进⾏登录⾝份的判断
前台发送登录请求 后台返回 token，前台得到后台返回的 token，将其写⼊到 localStorage 中，后续 请求中都携带 token 后台判断 token 是否过期，如果过期就对前台的请求响应过期标识或者状态码 前 台得到过期标识后，清除 localStorage 中的 token，然后重定向到 login 路由。
2025-03-26 16:52:57
58
原创 33、class
旧js中每定义一种类型，都要定义两部分: 构造函数+原型对象。但是，旧js中，构造函数和原型对象在写法上是分离的。不符合封装的要求。
2025-03-18 10:08:16
441
原创 34、19 个 ES6常用的简写技巧
关于箭头函数，我最初这样理解的， 箭头=>前面的并紧挨着是es5函数写法的形参，木有的话用()占位置，多参数都写在这个括号里；代码精炼是每个有追求的程序所向往的，本文总结了19个JavaScript的简写技术，其中包括三元操作符、短路求值简写方式、声明变量简写方法等等，还有些自己的理解加上去；经常使用return语句来返回函数最终结果，一个单独语句的箭头函数能隐式返回其值（函数必须省略{}为了省略return关键字）传统函数编写方法很容易让人理解和编写，但是当嵌套在另一个函数中，则这些优势就荡然无存。
2025-03-18 09:36:19
332
原创 31、实践题
啥，如果是 CPU 密集型计算（应该不会），看看CPU和内存满没满，没满就多开⼀些worker，满了就。⾸先，502错误，意思是worker忙不过来，参与测评学校的学⽣上午8点集中开测，在短时间内访问。SSR服务端渲染，这个⽅案可以让⻚⾯直接在服务端渲染，但是不利于前后端分离，开发的效率也⽐。经过⼆个⽉“测评项⽬“开发，测试，上线，”测评项⽬“服务于学校实施的第⼀站，参与测评学校。度耦合，⻚⾯复杂度变⾼的问题。对于这种情况，我以前⼯作的做法就是设置蒙版层，不管你怎么点，只要你点提交，我就给你弹出。
2025-03-13 17:03:32
252
原创 29、解决关键词⾼亮问题
出来⾼亮不就⾏了吗？但是，⼀开始，⽤⼾的词不多，我确实使⽤的是遍历，时间复杂度为n2。后来 ⽤⼾会配置100w量级的词，使⽤遍历就会使⻚⾯卡死崩溃。解决的⽅法就是：优化性能，⾼亮分三步，⽣成字典树，遍历⻚⾯⽂字，取出⽂字进⾏匹配。使⽤字典树代替遍历，整个⻚⾯100w量级的词 绘制可以实现在1秒以内。⽤⼾配置⼀堆关键词，在⻚⾯上将这些关键词⾼亮，也许你会觉得这有什么难度？
2025-03-13 17:00:41
106
原创 28、针对多官网项目的 SEO 优化需求
用户之前尝试过在 index.html 里写死 meta 标签，但这样所有官网都用同样的标签，显然不行。现在需要动态区分不同官网的 SEO 配置。对于打包时区分，用户需要为每个官网创建不同的环境文件使用 vue-meta 插件接下来，用户还需要其他 SEO 优化措施，比如语义化标签、sitemap 生成、图片和链接优化。这些都需要给出具体的例子，比如使用 header、main、article 等标签，生成 sitemap.xml 的结构，以及如何优化图片的 alt 属性和链接结构。
2025-03-13 15:51:15
553
原创 27、SEO 标签是什么
SEO（Search Engine Optimization）标签是放在网页 HTML 代码中的特殊标记，它们能够帮助搜索引擎更好地理解网页的内容和目的，从而提高网页在搜索引擎结果页面（SERP）中的排名和可见性。
2025-03-13 15:21:39
360
转载 26、后台管理系统的权限实现，根据权限展示不同的页面
后台管理系统的权限实现，根据权限展示不同的页面_根据登录用户的权限不同展示不同的页面-优快云博客
2025-03-13 14:22:40
11
原创 25、项⽬上线后，会将 index.html 给后端，在地址栏上输⼊www.abc.com，当在地址后⾯缀上 /layout 回⻋后，⻚⾯会报 404，是否遇⻅过这个问题，⼜该如何去解决？
【代码】24、项⽬上线后，会将 index.html 给后端，在地址栏上输⼊www.abc.com，当在地址后⾯缀上 /layout 回⻋后，⻚⾯会报 404，是否遇⻅过这个问题，⼜该如何去解决？
2025-03-13 10:21:27
872
原创 24、讲⼀下最近的这个项⽬中都负责什么
1. 这个项⽬的列表展⽰与详情⻚是我负责的。我对于后端传递的数据进⾏了怎样的处理，在异步请。求中选择了⼀定的异步分割处理数据，拆分⼀次性阻塞主线程的时间，可以减少⽤⼾的等待，⻚⾯滚。2. 这个项⽬的登录，注册，模块是我负责的。我对不同⻆⾊的鉴权是怎么实现的。动时选择节流，减少⽆效的axios请求等等，对⾃⼰模块所负责的内容，进⾏梳理。3. 这个项⽬的表单提交⻚是我负责的。【问法同⼀、⼆⼤题类似，展开⾃⼰最拿⼿的回答即可】
2025-03-12 17:40:02
102
原创 23、vue3+vite配置环境变量实现开发、测试、生产的区分
并非 Node.js 内置的环境变量，而是开发者约定俗成用来区分开发和生产环境的变量。通过上述步骤，你就能在不同操作系统上使用统一的命令来区分开发环境和生产环境，并且在 Webpack 配置中根据环境变量进行不同的配置。这个库的作用是跨平台地设置环境变量，它屏蔽了不同操作系统设置环境变量的差异，让开发者可以使用统一的命令来设置环境变量。在 Webpack 配置文件中，你可以依据。的值，并将其打印到控制台，方便调试。在项目根目录下，使用以下命令安装。字段进行修改，添加使用。在 Node.js 里，
2025-03-12 11:53:11
145
原创 22、Vue如何在⽤⼾没登陆的时候重定向登录界⾯？
通过以上步骤，你可以在 Vue 项目中实现当用户未登录时重定向到登录界面的功能。核心要点是使用 Vue Router 的全局前置守卫来检查路由的元信息和用户的登录状态，并根据情况进行重定向。
2025-03-12 10:49:48
238
原创 21、computed 和 watch 区分使⽤场景
v-for 遍历必须为 item 添加 key，且避免同时使⽤ v-if v-for 遍历必须为 item 添加 key，循环调⽤。v-if 和 v-show 区分使⽤场景 v-if 适⽤于在运⾏时很少改变条件，不需要频繁切换条件的场景；算，并且依赖于其它数据时，应该使⽤ computed，因为可以利⽤ computed 的缓存特性，避免每。当我们需要进⾏数值计。⽤ v-if，v-for ⽐ v-if 优先级⾼，如果每⼀次都需要遍历整个数组，将会影响速度。较倾向于使⽤ v-if，因为减少了 dom 数量。
2025-03-11 16:41:47
115
原创 18、函数的反柯里化
函数的反柯里化（Uncurrying）是与函数柯里化（Currying）相对的概念。柯里化是将一个多参数函数转换为一系列单参数函数的过程，而反柯里化则是将原本针对特定对象的方法，转换为一个可以在任意对象上调用的通用函数，从而增强函数的通用性和复用性。
2025-03-10 17:33:08
177
原创 17、call、apply 和 bind
在 JavaScript 里，callapply和bind都是Function对象原型上的方法，它们的主要用途是改变函数执行时的this指向，同时还能对函数参数进行灵活处理。下面将详细介绍这三个方法。
2025-03-10 11:29:25
292
原创 16、如何实现函数的柯里化
函数柯里化（Currying）是把一个多参数函数转换为一系列单参数函数的技术。通过柯里化，可以固定部分参数，返回一个新的函数等待接收剩下的参数。以下为你介绍几种实现函数柯里化的方法。
2025-03-10 09:21:31
271
原创 14、 如何避免回调地狱？
promise只有两个状态resolve和reject，当它触发任何⼀个状态后，它会将当前的值缓存起来，并在有。函数会被缓存，等待调⽤，如果已经有了状态(resolve或者reject)，则⽴刻调⽤回调函数。回调函数添加进来的时候尝试调⽤回调函数，如果这个时候还没有触发resolve或者reject，那么回调。它不是新的语法功能，⽽是⼀种新的写法，允许将。⽉发布的⼀个⼩⼯具，⽤于 Generator 函数的 ⾃动执⾏。: Generator 函数是协程在 ES6 的实现，⽽。回调函数的嵌套，改成链式调⽤。
2025-03-06 11:03:19
209
转载 13、浏览器有哪些兼容问题，你封装过什么插件
为了解决这个问题，诞生了跨平台框架，在不同平台上，外观、布局、操作都有差异化修改。备注：因为img标签是行内属性标签，所以只要不超出容器宽度，img标签都会排在一行里，但是部分浏览器的img标签之间会有个间距。注释：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文件开头都会用通配符来设置各个标签的内外边距是0。问题症状：几个img标签放在一起的时候，有些浏览器会有默认的间距，加上问题一中提到的通配符也不起作用。IE6、7、8不支持HTML5、CSS3、SVG标准，可被判定为“极难兼容”
2025-03-06 10:29:28
26
原创 12、Vue 生命周期各阶段及任务
Vue 3 引入了组合式 API，生命周期钩子的使用方式有所变化，但功能基本一致。用于调试，分别在响应式依赖被追踪和触发重新渲染时调用。此外，Vue 3 还提供了。
2025-03-05 15:21:13
330
原创 11、vue3生命周期？
Vue 3 提供了与 Vue 2 相对应的生命周期钩子函数，并且在组合式 API 中以不同的方式使用。Vue 3 生命周期钩子（组合式 API）对应的 Vue 2 生命周期钩子描述无直接对应（使用setup替代）在实例初始化之后，数据观测data和事件配置之前被调用。在 Vue 3 中，setup函数会在这个阶段之前执行，所以基本不再使用。created无直接对应（使用setup替代）实例已经创建完成之后被调用。在这一步，实例已经完成了数据观测dataproperty和method的计算、事件回调。
2025-03-05 10:24:44
394
原创 10、假如A⻚⾯我定义了⼀个定时器，然后跳到B⻚⾯如果让A⻚⾯的定时器暂停？
【代码】10、假如A⻚⾯我定义了⼀个定时器，然后跳到B⻚⾯如果让A⻚⾯的定时器暂停？
2025-03-05 10:23:19
196
原创 9、什么是深拷贝？什么是浅拷贝？
浅拷贝是创建一个新对象，这个新对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型（如字符串、数字、布尔值等），拷贝的就是基本类型的值本身；如果属性是引用类型（如对象、数组等），拷贝的是引用类型的引用地址，而不是引用类型本身。深拷贝是创建一个新对象，并且递归地复制原始对象的所有属性，包括嵌套对象的属性。新对象与原始对象不共享任何引用，修改新对象不会影响原始对象。
2025-03-04 18:01:08
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人