JLY19970726的博客

原创 使用Git创建自己的分支的操作指南

在 Git 中创建自己的分支可以通过git branch命令或命令（Git 2.23 + 也可使用。

原创 为什么大型项目不推荐写console.log

大型项目不推荐写，核心不是 “不安全”（除非打印敏感信息），而是会带来，这些风险在大型项目中会被放大，远超过调试便利的价值。

原创 WindCSS和Tailwind CSS简介

WindCSS 和 Tailwind CSS 都是，通过提供大量预定义的 “原子级” 样式类，让开发者可以直接在 HTML 中组合这些类来快速构建界面，无需手写自定义 CSS。

原创 禅道使用教程及操作指南

禅道是一款国产开源项目管理软件，融合产品管理、项目管理和质量管理三大流程。核心角色包括管理员、产品经理、项目经理、开发人员和测试人员，围绕产品、需求、项目、任务、Bug和用例等概念运作。使用流程涵盖从产品需求创建、项目规划、任务分配到Bug修复的全周期管理。关键功能包括任务跟踪、测试管理、权限控制和进度监控。最佳实践包括明确角色权限、规范流程操作、及时更新状态和建立完整追溯链。禅道能有效提升团队协作效率和项目管理规范性。

原创 Vue3 + TypeScript provide/inject 小白学习笔记

vue// 定义接口email?: string// 提供数据时指定类型name: '李四',age: 30})// 注入时指定类型</script>爷爷 provide，孙子 inject- 跳过中间组件记得用 ref/reactive- 保证数据是响应式的TypeScript 类型安全- 注入时指定类型和默认值Symbol 避免冲突- 大型项目推荐使用。

原创 Vue3 provide/inject 详细组件关系说明

组件引入：只需要引入直接子组件，不需要跨层级引入数据传递：通过 Vue 内部系统，不需要 props 层层传递选择性注入：后代组件可以选择需要哪些数据响应式：修改注入的数据会全局更新类型安全：使用 TypeScript 确保类型正确这就是 provide/inject 的强大之处——解耦组件关系，让深层嵌套的组件能直接访问需要的数据！

原创 Git 小白超详细指南

git status：看看你现在在哪个分支，文件有没有修改，该提交什么bashgit statustext位于分支 main您的分支与上游分支 'origin/main' 一致。尚未暂存以备提交的变更：（使用 "git add <文件>..." 更新要提交的内容）（使用 "git restore <文件>..." 丢弃工作区的改动）修改： README.md未跟踪的文件：（使用 "git add <文件>..." 以包含要提交的内容）无文件要提交，干净的工作区。

原创 Git 常用命令完整指南

git clone https://github.com/username/repo.git my-project # 自定义目录名。git merge feature-auth # 将 feature-auth 合并到 main。git commit --amend # 修改提交信息或添加漏掉的文件。git checkout -- filename.txt # 撤销单个文件修改。git diff --staged # 暂存区与最新提交差异。

原创 保证git直线提交（rebase）而非创建分支（merge）

这样就不会产生 merge commit，提交历史会保持直线。git commit -m "你的提交信息"# 3. 在push前先更新（关键步骤）

原创 Unocss

UnoCSS 是一个即时、按需的原子化 CSS 引擎。它的核心思想是灵活与可扩展，允许你通过配置文件定义自己的CSS工具类，不像传统CSS框架那样预设一套工具类。

原创 nvm使用教程

本文介绍了使用NVM（Node Version Manager）管理Node.js版本的常用命令： 查看可用版本：nvm list available（Windows）或nvm ls-remote（macOS/Linux） 安装指定版本：nvm install <版本号>，支持LTS版（lts/*）和稳定版 版本管理：nvm list查看已安装版本，nvm use切换版本 其他操作：设置默认版本、卸载版本等 注意事项包括需要管理员权限（Windows）和切换后使用node -v验证版本。

原创 微信小程序开发小白入门指南

恭喜你！你已经成功完成了：✅ 注册小程序账号✅ 获取 AppID✅ 安装开发者工具✅ 创建第一个项目✅ 修改代码并预览这已经是一个巨大的飞跃！接下来你可以学习什么？WXML语法：学习如何用、`` 等标签搭建更复杂的页面结构。WXSS语法：学习如何像CSS一样，让页面变得更漂亮。JS逻辑：学习如何响应用户的点击（bindtap）、如何获取数据等。官方文档：这是你最强大的学习资源！

原创 ES6新特性

ES6（ECMAScript2015）是JavaScript的重大更新，引入了多项提升开发效率的新特性。主要包括：箭头函数简化语法并自动绑定this；let/const实现块级作用域；模板字符串支持多行和变量插入；解构赋值方便提取数据；默认参数增强函数灵活性；扩展运算符简化数组/对象操作；类语法支持面向对象编程；模块化实现代码组织；Promise优化异步处理；新增Set/Map数据结构。这些特性显著提升了JavaScript的代码可读性和开发效率。

原创 在 JavaScript 中，判断数据类型的常用方法

JavaScript数据类型判断方法总结：1. typeof判断基本类型（除null外）和函数，但对null、数组、对象都返回"object"；2. instanceof通过原型链判断对象类型，但不能用于基本类型；3. Object.prototype.toString.call()最可靠，能准确返回所有类型；4. 专用方法如Array.isArray()判断数组，===null判断null。推荐使用Object.prototype.toString.call()作为通用解决方案，配合专

原创 vue create 项目名 和 npm init vue@latest 创建vue项目的不同

默认更推荐 TypeScript（交互式配置中优先选项），而 Vue CLI 需要手动选择 TypeScript 选项。」：开发时不预先打包，直接利用浏览器原生 ES 模块解析代码，启动速度极快，是 Vue 3 时代的主流选择。」：开发时会将代码预先打包成浏览器可识别的格式，启动速度较慢，但对传统项目兼容性好。Vite 不基于 Webpack，因此需使用 Vite 生态的插件，直接在。（Vue 命令行工具），是 Vue 2 时代的官方脚手架，底层依赖。（Vue 3 官方推荐的脚手架），底层依赖。

原创 事件循环的执行顺序

事件循环机制的具体流程可以拆解为 “主线程执行栈”“任务队列”“循环调度” 三个核心环节的协作，以下是详细步骤：事件循环按固定规则重复以下步骤，直到所有任务执行完毕：以下代码的执行顺序可清晰体现事件循环流程：javascript执行顺序解析： 执行同步任务： → （执行栈清空）。 处理微任务队列： 执行第一个微任务：。 执行过程中新增的微任务入队，继续执行：（微任务队列清空）。 浏览器 UI 渲染（假设此时有 DOM 更新）。 处理宏任务队列中的第一个任务：。

原创 URL 中?（search 参数）与#（hash 参数）的对比

URL参数中?（search）和#（hash）的主要区别：search参数会发送到服务器，格式为键值对（如?name=xxx），可通过location.search获取，适合服务器交互和SEO；hash参数仅客户端可见（如#name=xxx），通过location.hash获取，常用于SPA路由和锚点跳转，不触发服务器请求且性能更优。两者在参数解析、历史记录处理和SEO效果上存在显著差异。

原创 判断数据类型的方法

它会返回字符串，常见的返回值有 'undefined' 、 'boolean' 、 'string' 、 'number' 、 'object' 、 'function' 和 'symbol' （ES6 新增）。但它不能用于判断基本数据类型，并且在跨窗口（如 iframe ）的场景下，由于不同窗口的全局对象不同，可能会导致判断不准确，因为不同窗口的构造函数是相互独立的。- 适用场景：用于解决 typeof 判断 null 不准确的问题，在需要单独准确判断 null 时使用。

原创 数组和对象的深拷贝和浅拷贝的方法

深拷贝适合有嵌套引用类型的数据，复杂场景推荐用 Lodash 的 _.cloneDeep ，简单场景可临时用 JSON.parse(JSON.stringify()) （注意其局限性）。示例： const deepCopy = JSON.parse(JSON.stringify(original));- 浅拷贝适合无嵌套的简单数据，实现简单（扩展运算符、slice等）。深拷贝会复制所有嵌套数据，原数据和拷贝数据完全独立。一、浅拷贝方法（数组和对象通用/专用）二、深拷贝方法（数组和对象通用/专用）

原创 ES6新特性

本文介绍了ES6(ECMAScript 2015)的核心特性：1）块级作用域变量声明let/const；2）箭头函数简化语法；3）模板字符串支持变量嵌入；4）解构赋值快速提取数据；5）默认参数设置；6）扩展运算符便于合并操作；7）类语法实现面向对象编程；8）模块化import/export；9）Promise处理异步；10）其他如for...of循环、Set/Map数据结构等。这些特性显著提升了JavaScript的开发效率和代码可读性。

原创 Node.js基础用法

本文介绍了Node.js的核心功能与开发实践，包括基础用法（运行脚本、文件系统操作、HTTP服务器）、包管理（npm/yarn）、模块化系统（CommonJS/ES Modules）、开发工具（nodemon、dotenv、调试配置）、常用框架（Express/Koa）、数据库操作（MySQL/MongoDB）以及命令行工具开发。文章还提供了常用配置文件示例，如.npmrc、eslintrc.js和jest.config.js，帮助开发者快速搭建Node.js项目。

原创 webpack相关

本文总结了Webpack的核心使用方法和配置要点。主要内容包括：1)基础打包指令（开发/生产模式切换）；2)配置文件使用（自定义配置、多入口设置）；3)开发工具（实时监控、热更新服务器）；4)常用配置项详解（入口/出口、loader处理、插件系统、优化策略）；5)开发/生产环境典型配置示例。文章提供了从基础打包到高级优化的完整指导，涵盖Webpack的核心功能和常用场景配置方案，适合开发者快速掌握Webpack的核心使用技巧。

原创 Git常用指令

本文整理了Git常用命令的快速参考指南，包含9个核心部分：1)基础配置（用户名、邮箱等设置）；2)仓库初始化和克隆；3)文件状态与暂存管理；4)提交操作；5)分支创建、切换和合并；6)远程仓库操作；7)版本回退与历史查看；8)标签管理；9)其他实用命令（如.gitignore配置和stash操作）。这些命令覆盖了日常Git工作流中的主要需求，包括代码提交、分支管理和远程协作等场景，适合作为开发者的快速查阅手册。

原创 MySQL常用指令

MySQL常用操作指南：1.连接命令（本地/远程连接及退出方式）；2.数据库操作（创建/删除/切换等）；3.数据表管理（建表/修改/删除）；4.CRUD操作（增删改查）；5.高级查询（模糊/范围/聚合/分页）；6.索引管理；7.用户权限控制（创建/授权/撤销）。包含基础语法示例，如创建带约束的用户表、条件查询、分组统计等核心操作。

原创 Linux常用命令

本文总结了Linux常用命令操作指南，涵盖文件与目录操作、系统信息查看、用户权限管理、网络操作等方面。主要包括：cd/ls/mkdir等目录操作命令，cp/mv/rm等文件处理命令，df/free/top等系统监控命令，用户切换和权限修改方法，以及ping/ifconfig等网络工具。特别提醒rm -rf等危险命令需谨慎使用，并介绍了命令帮助查询（man）、历史记录（history）等实用功能。这些命令为Linux系统管理和日常操作提供了基础支持。

原创 web前端面试笔记

本文摘要：本文系统梳理了前端开发中的核心概念和技术对比，涵盖Vue、JavaScript、CSS和HTTP等关键知识点。主要内容包括：1）Vue特性对比（v-if/v-show、computed/watch、Vue2/Vue3）；2）JavaScript重点（原型链继承、async/await与Promise关系、深拷贝实现）；3）CSS特性（层叠性、继承性、display:none与visibility区别）；4）HTTP状态码分类；5）Vuex状态持久化方案。通过对比表格和代码示例，清晰呈现了各技术的核

原创 小兔鲜电商项目第一章基础知识思维导图总结

原创 day7课程

本文梳理了电商系统会员中心的功能开发流程，主要包括：1）路由配置与整体功能架构；2）个人数据与订单列表渲染；3）Tab切换和分页逻辑实现；4）重点开发的SKU组件功能，包含规格状态更新、库存校验和禁用状态管理；5）通过路径字典优化库存匹配逻辑。全文聚焦会员中心核心模块的实现与优化，特别是SKU组件的交互逻辑与数据校验机制。

原创 day6课程

本文详细介绍了电商平台购物车系统的全流程开发，包含16个核心功能模块：1）购物车数据渲染与本地操作（单选/全选/统计）；2）购物车接口对接（添加/删除/清空）及登录状态处理；3）结算流程实现（地址管理/订单生成）；4）支付功能开发（数据渲染/支付对接/结果展示）；5）通用倒计时组件封装。系统实现了从商品加入购物车到完成支付的完整闭环，涵盖本地数据与服务器数据的同步处理，以及结算流程中的地址选择和订单生成等关键交互功能。

原创 Day5课程

本文摘要：文章主要介绍了前端开发中的关键功能实现流程，包括表单校验（整体配置、自定义规则、统一校验）、用户状态管理（Pinia数据持久化、登录状态适配）、网络请求处理（拦截器配置、Token失效处理）以及购物车功能（本地操作、列表渲染、删除功能、统计计算）。内容涵盖了从基础表单验证到复杂状态管理的完整开发链路，重点展示了如何通过Pinia管理用户数据和购物车功能的技术实现方案。

原创 day4课程

本文系统介绍了电商平台开发的核心流程，从路由配置到商品展示的完整实现方案。主要内容包括：基础架构搭建（路由配置、滚动行为定制）；商品列表功能开发（数据渲染、筛选、无限加载）；详情页实现（数据展示、组件封装）；交互功能优化（图片放大镜、SKU组件）；以及组件全局注册等工程化实践。通过分层设计和模块化开发，完整呈现了从商品列表到详情页的业务链路，兼顾基础功能与用户体验优化，为电商系统开发提供了可复用的技术方案。

原创 day3课程

本文主要总结了前端开发的多个功能实现模块，包括整体架构拆分与分类、轮播图组件实现、Home面板封装、商品展示优化及路由配置等。具体涉及banner轮播、图片懒加载优化（含监听次数控制）、产品列表渲染、GoodsItem组件封装、一级分类路由导航及状态管理，并解决了路由缓存问题。通过逻辑函数拆分业务逻辑，提升了代码复用性和维护性。这些实现覆盖了电商类项目的核心前端功能模块开发。

原创 课程1-10笔记

Vue框架入门指南 Vue是一套渐进式JavaScript框架，核心特点包括： 组件化开发模式，以.vue文件整合HTML/CSS/JS 声明式编程，避免直接操作DOM 采用虚拟DOM和Diff算法优化性能 提供双向数据绑定(v-model)和模板语法({{}}) 开发环境配置： 初学者可直接引入Vue.js文件 企业开发推荐使用Vue CLI脚手架 包含核心库和配套插件(vue-router/vuex等) 基础用法示例： 创建Vue实例与DOM容器绑定 data属性存储响应式数据 el/data有对象式和

原创 day2课程

本文介绍了Vue项目开发中的核心配置与实现方案。主要内容包括：Pinia状态管理的基础使用、getters和异步action、调试优化；Element Plus的按需导入配置和主题定制；axios基础配置与项目路由设计；静态资源管理和SCSS自动导入；以及Layout模块的模板搭建、字体图标引入、导航渲染与交互优化。通过Pinia解决重复请求问题，结合Vite构建工具实现高效开发。涵盖了从项目初始化到核心功能实现的全流程关键技术点。

原创 day1课程

Vue3项目开发全攻略：从入门到实战 摘要：本文系统介绍了Vue3项目开发全流程，重点解析了组合式API的核心用法。内容包括：使用create-vue初始化项目、关键文件配置(vite.config.js/main.js)、组合式API的setup入口、响应式数据(reactive/ref)、计算属性(computed)和侦听器(watch)使用、父子组件通信方案(prop/emit)、模板引用、依赖注入(provide/inject)等核心概念，并通过综合案例演示了Vue3的实际应用，最后布置了编辑功能的

原创 Vue3相关知识3

Vue 3 主要变化包括：163 引入响应式数据判断机制；164 组合式 API 提供更灵活的逻辑复用；165 新增 Fragment 组件支持多根节点；166 Teleport 组件实现 DOM 跨层级渲染；167 Suspense 组件优化异步加载体验；168 其他改进如性能优化和 TypeScript 支持等。这些变化提升了开发效率和用户体验。

原创 Vue相关知识2

摘要：本文梳理了Vue3中的重要特性，包括计算属性(computed)、数据监测(watch/148.shtml">watchEffect)、生命周期钩子等。重点介绍了响应式API的使用技巧：1)针对不同数据类型(Ref/Reactive)的监听方式；2)toRef/toRefs等响应式转换工具；3)浅层响应式(shallowReactive/shallowRef)与只读(readonly)控制；4)provide/inject跨组件通信。还涉及自定义hook、markRaw等高级用法，全面

原创 Vue3相关知识1

Vue3带来了全新的开发体验，通过vite创建工程更高效。核心变化在于响应式系统：setup作为组合API入口，ref处理基本数据类型（如数字、字符串），reactive处理对象类型，采用Proxy实现响应式，相比Vue2的Object.defineProperty更强大。同时保留了与Vue2的兼容性。开发者工具需要单独安装，工程结构和响应式原理是学习重点，需注意setup的使用规范。Reflect在Vue3响应式系统中扮演重要角色，而reactive和ref各有适用场景。

原创 134-135Elements-UI组件库

原创 路由的相关知识

本文总结了Vue路由使用的核心知识点，包括基本路由配置、路由参数传递（query/params）、路由守卫（全局/独享/组件级）、特殊属性和API（replace/props/编程式导航）、嵌套路由和缓存路由组件等。还对比了history和hash两种路由模式的特点，涵盖了从基础配置到高级应用的完整内容体系，为Vue路由开发提供了系统性的技术参考。