<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0"><channel><title>LuckyStar</title><link>https://blog.luckystar.fans/</link><atom:link href="https://blog.luckystar.fans/rss.xml" rel="self" type="application/rss+xml"/><description>LuckyStar</description><generator>Halo v2.24.2</generator><language>zh-cn</language><lastBuildDate>Fri, 1 May 2026 13:50:30 GMT</lastBuildDate><item><title><![CDATA[this 指向]]></title><link>https://blog.luckystar.fans/archives/1728797700</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=this%20%E6%8C%87%E5%90%91&amp;url=/archives/1728797700" width="1" height="1" alt="" style="opacity:0;">经典真题 this 的指向哪几种 ？ this 指向总结 this 关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 this 可以用在构造函数之中，表示实例对象。除此之外，this 还可以用在别的场合。但不管是什么场合，this 都有一个共同点：它总是返回一个]]></description><guid isPermaLink="false">/archives/1728797700</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Sat, 12 Aug 2023 06:57:28 GMT</pubDate></item><item><title><![CDATA[垃圾回收与内存泄漏]]></title><link>https://blog.luckystar.fans/archives/705392776</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E4%B8%8E%E5%86%85%E5%AD%98%E6%B3%84%E6%BC%8F&amp;url=/archives/705392776" width="1" height="1" alt="" style="opacity:0;">经典真题 请介绍一下 JavaScript 中的垃圾回收站机制 什么是内存泄露 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。]]></description><guid isPermaLink="false">/archives/705392776</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Sat, 12 Aug 2023 06:31:06 GMT</pubDate></item><item><title><![CDATA[作用域和作用域链]]></title><link>https://blog.luckystar.fans/archives/3511074515</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=%E4%BD%9C%E7%94%A8%E5%9F%9F%E5%92%8C%E4%BD%9C%E7%94%A8%E5%9F%9F%E9%93%BE&amp;url=/archives/3511074515" width="1" height="1" alt="" style="opacity:0;">经典真题 谈谈你对作用域和作用域链的理解？ 作用域（Scope） 什么是作用域 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。 换句话说，作用域决定了代码区块中变量和其他资源的可见性。 可能这两句话并不好理解，我们先来看个例子： function outFun2() {]]></description><guid isPermaLink="false">/archives/3511074515</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Fri, 11 Aug 2023 11:05:55 GMT</pubDate></item><item><title><![CDATA[执行栈和执行上下文]]></title><link>https://blog.luckystar.fans/archives/3478711753</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=%E6%89%A7%E8%A1%8C%E6%A0%88%E5%92%8C%E6%89%A7%E8%A1%8C%E4%B8%8A%E4%B8%8B%E6%96%87&amp;url=/archives/3478711753" width="1" height="1" alt="" style="opacity:0;">经典真题 谈谈你对 JavaScript 执行上下文栈理解 执行上下文 执行上下文，英文全称为 Execution Context，一句话概括就是“代码（全局代码、函数代码）执行前进行的准备工作”，也称之为“执行上下文环境”。 运行 JavaScript 代码时，当代码执行进入一个环境时，就会为该环]]></description><guid isPermaLink="false">/archives/3478711753</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Fri, 11 Aug 2023 08:20:11 GMT</pubDate></item><item><title><![CDATA[原型和原型链]]></title><link>https://blog.luckystar.fans/archives/328932928</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE&amp;url=/archives/328932928" width="1" height="1" alt="" style="opacity:0;">经典真题 说一说你对 JavaScript 中原型与原型链的理解？（美团 2019年） 对一个构造函数实例化后，它的原型链指向什么？ 原型与原型链介绍 在 Brendan Eich 设计 JavaScript 时，借鉴了 Self 和 Smalltalk 这两门基于原型的语言。 之所以选择基于原型的]]></description><guid isPermaLink="false">/archives/328932928</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Fri, 11 Aug 2023 06:03:05 GMT</pubDate></item><item><title><![CDATA[VUE2进阶[面试]]]></title><link>https://blog.luckystar.fans/archives/2319267952</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=VUE2%E8%BF%9B%E9%98%B6%5B%E9%9D%A2%E8%AF%95%5D&amp;url=/archives/2319267952" width="1" height="1" alt="" style="opacity:0;">1. 组件通讯总结 1-1. 父子组件通信 绝大部分vue本身提供的通信方式，都是父子组件通信 1-1-1. prop 最常见的组件通信方式之一，由父组件传递到子组件 1-1-2. event 最常见的组件通信方式之一，当子组件发生了某些事，可以通过event通知父组件 1-1-3. style和c]]></description><guid isPermaLink="false">/archives/2319267952</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Thu, 3 Aug 2023 09:46:19 GMT</pubDate></item><item><title><![CDATA[TypeScript基础]]></title><link>https://blog.luckystar.fans/archives/3700423657</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=TypeScript%E5%9F%BA%E7%A1%80&amp;url=/archives/3700423657" width="1" height="1" alt="" style="opacity:0;">1. TypeScript概述 1-1. 为什么要学习TypeScript 就业 或 获得更大的竞争优势 获得更好的开发体验 解决JS中一些难以处理问题 1-2. JS开发中的问题 使用了不存在的变量、函数或成员 把一个不确定的类型当作一个确定的类型处理 在使用null或undefined的成员 j]]></description><guid isPermaLink="false">/archives/3700423657</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Fri, 28 Jul 2023 11:18:49 GMT</pubDate></item><item><title><![CDATA[Vuex快速入门]]></title><link>https://blog.luckystar.fans/archives/1056373687</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=Vuex%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8&amp;url=/archives/1056373687" width="1" height="1" alt="" style="opacity:0;">1. Vuex 数据共享 Vuex官方文档 在vue中遇到共享数据，会带来下面的多个问题： 如何保证数据的唯一性？ 如果数据不唯一，则会浪费大量的内存资源，降低运行效率 如果数据不唯一，就可能出现不统一的数据，难以维护 某个组件改动数据后，如何让其他用到该数据的组件知道数据变化了？ 事件总线貌似可以]]></description><guid isPermaLink="false">/archives/1056373687</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Wed, 26 Jul 2023 06:24:28 GMT</pubDate></item><item><title><![CDATA[Pinia快速入门]]></title><link>https://blog.luckystar.fans/archives/2914425761</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=Pinia%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8&amp;url=/archives/2914425761" width="1" height="1" alt="" style="opacity:0;">1. Pinia基本概念 面试题：Pinia 相比 Vuex 有什么样的优点？为什么现在官方推荐使用 Pinia ？ Pinia，是一个 Vue 阵营的新的状态管理库，现在 Vue 官方已经推荐使用 Pinia 来代替 Vuex，或者你可以把 Pinia 看作是 Vuex 的最新的版本。 Pinia]]></description><guid isPermaLink="false">/archives/2914425761</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Wed, 26 Jul 2023 06:11:03 GMT</pubDate></item><item><title><![CDATA[VUE3基础[精简版]]]></title><link>https://blog.luckystar.fans/archives/149141658</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=VUE3%E5%9F%BA%E7%A1%80%5B%E7%B2%BE%E7%AE%80%E7%89%88%5D&amp;url=/archives/149141658" width="1" height="1" alt="" style="opacity:0;">1. vit原理 vite: https://github.com/vitejs/vite 面试题：谈谈你对vite的理解，最好对比webpack说明 webpack 原理图 webpack是打包所有模块后生成bundle文件，之后服务器访问bundle文件进行呈现； 这就导致修改某一个模块后需要全]]></description><guid isPermaLink="false">/archives/149141658</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Sat, 22 Jul 2023 06:44:18 GMT</pubDate></item><item><title><![CDATA[VUE3入门[精简版]]]></title><link>https://blog.luckystar.fans/archives/149141657</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=VUE3%E5%85%A5%E9%97%A8%5B%E7%B2%BE%E7%AE%80%E7%89%88%5D&amp;url=/archives/149141657" width="1" height="1" alt="" style="opacity:0;">1. 搭建工程 1-1. 搭建工程 1-1-1. vue2 使用vue-cli: vue create vue3-app-vue-cli 1-1-2. vue3 使用vite: 兼容性注意: Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才]]></description><guid isPermaLink="false">/archives/149141657</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Thu, 20 Jul 2023 07:12:28 GMT</pubDate></item><item><title><![CDATA[VUE2基础 [精简版]]]></title><link>https://blog.luckystar.fans/archives/2342203747</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=VUE2%E5%9F%BA%E7%A1%80%20%5B%E7%B2%BE%E7%AE%80%E7%89%88%5D&amp;url=/archives/2342203747" width="1" height="1" alt="" style="opacity:0;">1. 搭建工程 vue-cli: https://cli.vuejs.org/zh/ 1-1. vue-cli vue-cli是一个脚手架工具，用于搭建vue工程 它内部使用了webpack，并预置了诸多插件（plugin）和加载器（loader），以达到开箱即用的效果 除了基本的插件和加载器外，v]]></description><guid isPermaLink="false">/archives/2342203747</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Mon, 17 Jul 2023 06:23:53 GMT</pubDate></item><item><title><![CDATA[VUE2入门 【精简版】]]></title><link>https://blog.luckystar.fans/archives/724499168</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=VUE2%E5%85%A5%E9%97%A8%20%E3%80%90%E7%B2%BE%E7%AE%80%E7%89%88%E3%80%91&amp;url=/archives/724499168" width="1" height="1" alt="" style="opacity:0;">1. 第一个VUE应用 Html 示例: &lt;div id="app"&gt; &lt;h1&gt;标题：商品管理系统&lt;/h1&gt; &lt;ul&gt; &lt;li v-for="(item, i) in products"&gt; 商品名称：{{item.name}}，商品库存:]]></description><guid isPermaLink="false">/archives/724499168</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Fri, 14 Jul 2023 08:06:28 GMT</pubDate></item><item><title><![CDATA[git常用命令]]></title><link>https://blog.luckystar.fans/archives/1111146142</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=git%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4&amp;url=/archives/1111146142" width="1" height="1" alt="" style="opacity:0;">git 常用命令 SSH Key 创建SSH key $ ssh-keygen -t rsa -C "youremail@example.com" 测试SSH key配对成功 【gitee】 $ ssh -T git@gitee.com 测试SSH key配对成功 【github】 $ ssh]]></description><guid isPermaLink="false">/archives/1111146142</guid><dc:creator>Administrator</dc:creator><category>未分类</category><pubDate>Wed, 28 Dec 2022 13:16:25 GMT</pubDate></item><item><title><![CDATA[npm修改默认全局安装路径]]></title><link>https://blog.luckystar.fans/archives/604718467</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=npm%E4%BF%AE%E6%94%B9%E9%BB%98%E8%AE%A4%E5%85%A8%E5%B1%80%E5%AE%89%E8%A3%85%E8%B7%AF%E5%BE%84&amp;url=/archives/604718467" width="1" height="1" alt="" style="opacity:0;">1. 默认全局安装路径 默认的安装路径为：C:\Users\用户名\AppData\Roaming\npm 默认的缓存路径为：C:\Users\用户名\AppData\Roaming\npm_cache 2. 查看全局安装路径 npm root -g 3. 修改全局安装路径 示例：修改全局安装路径]]></description><guid isPermaLink="false">/archives/604718467</guid><dc:creator>Administrator</dc:creator><category>未分类</category><pubDate>Mon, 26 Dec 2022 14:33:31 GMT</pubDate></item><item><title><![CDATA[Less]]></title><link>https://blog.luckystar.fans/archives/1938045921</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=Less&amp;url=/archives/1938045921" width="1" height="1" alt="" style="opacity:0;">技能树： 1. 什么是Less？ Less是一种更加简洁的样式代码，它非常像CSS，但又不太一样，它让编写样式变得更容易 下面是css代码和Less代码的对比，它们都表达了一样的含义 Less代码虽好，但它无法被浏览器识别，因此需要一个工具将其转换为血统纯正的css代码 由于node环境具有读写文件]]></description><guid isPermaLink="false">/archives/1938045921</guid><dc:creator>Administrator</dc:creator><category>未分类</category><pubDate>Sun, 11 Dec 2022 10:53:16 GMT</pubDate></item><item><title><![CDATA[包管理器]]></title><link>https://blog.luckystar.fans/archives/329972675</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=%E5%8C%85%E7%AE%A1%E7%90%86%E5%99%A8&amp;url=/archives/329972675" width="1" height="1" alt="" style="opacity:0;">npm官网：https://www.npmjs.com/ npm全命令：https://docs.npmjs.com/cli/v7/commands 1. 概念 什么是包？ 包（package）是一个或多个js模块的集合，它们共同完成某一类功能 可以简单的认为每一个工程就是一个包 有些包是为了给别人]]></description><guid isPermaLink="false">/archives/329972675</guid><dc:creator>Administrator</dc:creator><category>未分类</category><pubDate>Sun, 11 Dec 2022 07:26:57 GMT</pubDate></item><item><title><![CDATA[ES Module]]></title><link>https://blog.luckystar.fans/archives/3696369122</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=ES%20Module&amp;url=/archives/3696369122" width="1" height="1" alt="" style="opacity:0;">1. 如何导出 ES Module 的导出 ES Module 分为两种导出方式： 具名导出（普通导出），可以导出多个 默认导出，只能导出一个 一个模块可以同时存在两种导出方式，最终会合并为一个「对象」导出 export const a = 1; //具名，常用 export functio]]></description><guid isPermaLink="false">/archives/3696369122</guid><dc:creator>Administrator</dc:creator><category>前端</category><pubDate>Thu, 1 Dec 2022 16:15:55 GMT</pubDate></item><item><title><![CDATA[模块化]]></title><link>https://blog.luckystar.fans/archives/1504349148</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=%E6%A8%A1%E5%9D%97%E5%8C%96&amp;url=/archives/1504349148" width="1" height="1" alt="" style="opacity:0;">解决问题 全局变量污染 依赖混乱 模块化标准 名称 简称 标准 运行环境 详细文档 CommonJS CMJ 社区标准 node环境 CommonJS文档 ES Module ESM 官方标准 node环境、浏览器 ES Module文档 &lt;]]></description><guid isPermaLink="false">/archives/1504349148</guid><dc:creator>Administrator</dc:creator><category>未分类</category><pubDate>Sun, 27 Nov 2022 08:29:04 GMT</pubDate></item><item><title><![CDATA[CommonJS]]></title><link>https://blog.luckystar.fans/archives/3019780013</link><description><![CDATA[<img src="https://blog.luckystar.fans/plugins/feed/assets/telemetry.gif?title=CommonJS&amp;url=/archives/3019780013" width="1" height="1" alt="" style="opacity:0;">1. 概念 在nodejs中，由于有且仅有一个入口文件（启动文件），而开发一个应用肯定会涉及到多个文件配合，因此，nodejs对模块化的需求比浏览器端要大的多 由于nodejs刚刚发布的时候，前端没有统一的、官方的模块化规范，因此，它选择使用社区提供的CommonJS作为模块化规范 在学习Commo]]></description><guid isPermaLink="false">/archives/3019780013</guid><dc:creator>Administrator</dc:creator><category>未分类</category><pubDate>Sun, 27 Nov 2022 08:01:09 GMT</pubDate></item></channel></rss>