<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[IICOOM的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/IICOOM</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; IICOOM]]></copyright><item><title><![CDATA[getActivePinia was called with no active Pinia]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/141287360</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/141287360</guid><author>IICOOM</author><pubDate>Sat, 17 Aug 2024 21:43:44 +0800</pubDate><description><![CDATA[如果你是从vuex转向使用pinia，那么你可能遇到这个问题getActivePinia was called with no active Pinia. Did you forget to install pinia?。明明已经安装了pinia，为什么会有这个提示呢？原因是你可能在setup的组件之外使用了useStore根本原因是组合式api需要在setup中执行，把useAuthStore()拿到带有setup的组件中使用就好了。]]></description><category></category></item><item><title><![CDATA[nginx在同一域名下部署多个vue项目]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/141112784</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/141112784</guid><author>IICOOM</author><pubDate>Sun, 11 Aug 2024 23:15:31 +0800</pubDate><description><![CDATA[本文介绍使用nginx服务器在下如何部署多个前端项目，在vue3使用vite打包时配置文件vite.config.ts中的base的配置方式，以及vue-router中history的配置方式，以及如何在nginx中配置才能使前端项目正常解析等关键步骤，结束你在前端项目部署时的苦恼。]]></description><category></category></item><item><title><![CDATA[滴滴出行高级Node.js开发工程师笔试题2024]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/137059171</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/137059171</guid><author>IICOOM</author><pubDate>Tue, 26 Mar 2024 22:14:14 +0800</pubDate><description><![CDATA[今天参加了一个滴滴出行的Node.js岗位面试，一面为腾讯视频面试，俩个面试官。面试官比较深入问一些你过去做个的项目，问你解决了哪些棘手的问题。还有就是他们比较关注性能优化，会问你们现在项目的峰值QPS是多少，如何进行优化等等最后会在聊天窗口发你两道笔试题，让你在自己本地IDE编写代码调试，但是要开启屏幕共享，方便让他们欣赏你编码的过程。下面贴一下原题。]]></description><category></category></item><item><title><![CDATA[Vue3+Element Plus+TS开发企业管理后台(二)]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/137013036</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/137013036</guid><author>IICOOM</author><pubDate>Mon, 25 Mar 2024 15:28:29 +0800</pubDate><description><![CDATA[这篇文章记录一下企业管理后台的登录注册页面的开发过程。]]></description><category></category></item><item><title><![CDATA[Vue3+Element Plus+TS开发企业管理后台(一)]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/137011760</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/137011760</guid><author>IICOOM</author><pubDate>Mon, 25 Mar 2024 13:45:15 +0800</pubDate><description><![CDATA[系列文章，讲述一个企业管理后台的前后端设计，持续集成常见的页面功能和服务端设计思路。]]></description><category></category></item><item><title><![CDATA[2024华为OD机考面试经验分享]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/136657218</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/136657218</guid><author>IICOOM</author><pubDate>Tue, 12 Mar 2024 17:54:44 +0800</pubDate><description><![CDATA[华为OD因为还是外包性质，相对正编来说要轻松一些。（前提是你不想去卷A绩效），一般情况可以八九点就溜下班。然后工作环境的话，和正编一样。很多小伙伴其实都是从大城市想回老家，所以才选的华为OD吧，东莞/西安/成都 这几个地方超级卷。]]></description><category></category></item><item><title><![CDATA[一篇搞定前端面试的性能优化]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/136656105</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/136656105</guid><author>IICOOM</author><pubDate>Tue, 12 Mar 2024 16:29:13 +0800</pubDate><description><![CDATA[可以使用各种工具进行性能分析，如Chrome DevTools的Performance面板、Lighthouse、WebPageTest等，它们可以帮助我们检测页面加载时间、DOMContentLoaded事件触发时间、Time to Interactive(TTI)等关键性能指标，并给出针对性的优化建议。指的是页面的主要内容和界面已经足够稳定，用户可以开始与页面进行交互的时间点，这是一个综合性的性能指标，反映了页面的初步加载和执行JavaScript后达到稳定状态所需的时间。]]></description><category></category></item><item><title><![CDATA[一篇搞定面试中的跨域问题]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/136127165</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/136127165</guid><author>IICOOM</author><pubDate>Fri, 16 Feb 2024 11:21:55 +0800</pubDate><description><![CDATA[CORS（Cross-Origin Resource Sharing）是一种机制，允许网页从不同的域访问服务器上的资源。在同源策略下，浏览器限制了跨域访问，CORS允许服务器指定哪些源可以访问其资源。]]></description><category></category></item><item><title><![CDATA[当你在浏览器中输入网址后发生了什么？]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/136123444</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/136123444</guid><author>IICOOM</author><pubDate>Thu, 15 Feb 2024 21:16:21 +0800</pubDate><description><![CDATA[这是一个高频的前端面试题，这个问题可以考察面试者对互联网基本原理的了解，包括域名解析、HTTP请求、服务器响应等方面的知识。]]></description><category></category></item><item><title><![CDATA[onMounted is called when there is no active component instance to be associated with 已解决]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/130761559</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/130761559</guid><author>IICOOM</author><pubDate>Fri, 19 May 2023 10:42:07 +0800</pubDate><description><![CDATA[这个是因为在这个组合式onMounted之前调用了store.dispatch(‘initMenus’) 内部包含async/await。]]></description><category></category></item><item><title><![CDATA[【彻底搞懂】vite proxy如何解决跨域问题]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/130615471</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/130615471</guid><author>IICOOM</author><pubDate>Thu, 11 May 2023 10:12:01 +0800</pubDate><description><![CDATA[这样前端就是从相同的host 并且相同的port发起的请求，代理通过前缀"/api"匹配的你要转发的请求，转发到’http://localhost:3000’真正的后端服务，并且把多余的前缀给你替换掉。关于这个问题，网络上充斥着大量的错误方法，一不小心就会被误导。关键的点来了，你的前端发起请求的baseUrl应该是 http://localhost:5173/api。场景描述：本地起了两个服务。]]></description><category></category></item><item><title><![CDATA[vue项目部署后提示用户有新版本]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/130575790</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/130575790</guid><author>IICOOM</author><pubDate>Tue, 09 May 2023 11:26:26 +0800</pubDate><description><![CDATA[你可能在浏览器见到过上面这种UI，这是在vue项目重新build在服务端部署后，浏览器刷新页面弹出的提示，这时如果用户点击更新就会重载页面，清除之前的缓存获取最新内容。这是怎样发生的呢？通过观察截图左下角的红框，可以看出这个网站采用方式是 注册了。当刷新页面后之前注册的 service worker 的 updated(){} 生命周期中监听到有新的内容可供更新，触发更新弹框，提示用户更新。这种方式只需前端处理，不需要服务端做任何工作。]]></description><category></category></item><item><title><![CDATA[vue项目引入pwa使网页应用可安装]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/130572778</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/130572778</guid><author>IICOOM</author><pubDate>Tue, 09 May 2023 11:00:01 +0800</pubDate><description><![CDATA[最近在使用vue项目时看到一个这样的效果，如图：现在其实有很多网站都支持把网页安装到电脑或手机（IOS Safari支持较好），如下图安装后的效果：这些都是网页应用。接下来介绍一下如何让你的vue2项目变得可以安装。]]></description><category></category></item><item><title><![CDATA[css变量实现动态改变主题色]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/130348471</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/130348471</guid><author>IICOOM</author><pubDate>Tue, 25 Apr 2023 09:15:08 +0800</pubDate><description><![CDATA[最近思考了一下如何实现网站主题颜色切换，解决方案就是使用css变量。如今网站开发过程中css变量被使用到的频率越来越高，而且 Element plus 也是用 css 变量来重构了几乎所有组件的样式系统。CSS 变量是一个非常有用的功能，几乎所有浏览器都支持。这篇文章就来说一下css变量的使用方式。]]></description><category></category></item><item><title><![CDATA[Property ‘context‘ does not exist on type ‘NodeRequire‘.ts(2339)]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/130128969</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/130128969</guid><author>IICOOM</author><pubDate>Thu, 13 Apr 2023 14:05:20 +0800</pubDate><description><![CDATA[在项目根目录找到tsconfig.vitest.json，在"types": [“node”, “jsdom”]中加入"webpack-env"但是发现，开始的报错并没有消失。]]></description><category></category></item><item><title><![CDATA[Element Plus按需引入图标]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/129990784</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/129990784</guid><author>IICOOM</author><pubDate>Thu, 06 Apr 2023 15:31:06 +0800</pubDate><description><![CDATA[自从使用了vue3就需要升级element ui到plus了。而相应的图标库也需要单独引入，这篇文章来记录一下和的方法。]]></description><category></category></item><item><title><![CDATA[The client-side rendered virtual DOM tree is not matching server-rendered content（已解决）]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/129935949</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/129935949</guid><author>IICOOM</author><pubDate>Mon, 03 Apr 2023 18:30:04 +0800</pubDate><description><![CDATA[Vue从服务端接管静态的HTML文件并且把它转换为响应式数据的过程。]]></description><category></category></item><item><title><![CDATA[nuxt3使用markdown-it]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/129931291</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/129931291</guid><author>IICOOM</author><pubDate>Mon, 03 Apr 2023 15:50:36 +0800</pubDate><description><![CDATA[使用markdown语法记录博客是一个高效的方式，前端加载时需要解析markdown字符串。在nuxt3框架中vue3解析markdown语法可以直接使用markdown-it来解析。之前在vue2中使用过vue-markdown这样的依赖，但是vue升级后就无法使用了，而markdown-it不受vue版本影响。搭配上highlight.js，很轻松就实现代码块高亮了。]]></description><category></category></item><item><title><![CDATA[Nuxt使用@element-plus/icons-vue]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/129929763</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/129929763</guid><author>IICOOM</author><pubDate>Mon, 03 Apr 2023 15:10:27 +0800</pubDate><description><![CDATA[Element Plus 的图标使用和Element UI的略有区别，需要单独引入。]]></description><category></category></item><item><title><![CDATA[监听div滚动高度]]></title><link>https://blog.youkuaiyun.com/IICOOM/article/details/129752958</link><guid>https://blog.youkuaiyun.com/IICOOM/article/details/129752958</guid><author>IICOOM</author><pubDate>Fri, 24 Mar 2023 16:18:05 +0800</pubDate><description><![CDATA[前端开发经常会遇到监听滚动事件的情况，检测到页面滚动距离做一些操作。有时候也会监听一些容器的滚动如：div，与前者有一些差别，本文会先后介绍这两种情况如何实现。]]></description><category></category></item></channel></rss>