随笔分类 -  前端

Week01【ElementPlus Layout 布局】
摘要：Week01【ElementPlus Layout 布局】 📅 2025/02/22 Layout 布局【ElementPlus】 通过基础的 24 分栏，迅速简便地创建布局。 组件默认使用 Flex 布局，不需要手动设置 type="flex"。 请注意父容器避免使用 inline 相关样式，会 阅读全文
posted @ 2025-02-23 18:23 软柠柠吖 阅读(126) 评论(0) 推荐(0)
Day02【行内表单中 el-select 宽度坍塌和sql业务】
摘要：Day02【行内表单中 el-select 宽度坍塌和sql业务】 📅 2025/02/21 研究Element Plus中的表单组件（Form）和对话框组件（Dialog），并解决行内表单中 el-select 宽度坍塌问题【给 el-select 指定固定宽度】 . .demo-form-in 阅读全文
posted @ 2025-02-21 20:45 软柠柠吖 阅读(33) 评论(0) 推荐(0)
Day01【Vue3 选项式】
摘要：Day01【Vue3 选项式】 📅 2025/02/20 拉取和运行 chemical plant（化工厂）项目。 安装 WebStorm、Typora、pycnblog、百度网盘、uTools、图吧工具箱。 破解 WebStorm 和 Typora：https://blog.idejihuo.c 阅读全文
posted @ 2025-02-20 20:42 软柠柠吖 阅读(61) 评论(0) 推荐(0)
Error EBUSY resource busy or locked, rmdir 'xxx'
摘要：Error EBUSY resource busy or locked, rmdir 'xxx' 错误：EBUSY 资源繁忙或锁定，rmdir 'xxx' 目录Error EBUSY resource busy or locked, rmdir 'xxx'解决方案参考文章 解决方案 打开资源监视器 阅读全文
posted @ 2024-07-11 14:03 软柠柠吖 阅读(2734) 评论(0) 推荐(0)
WebStorm + Vite3.0 + Vue2.7 前端断点调试
摘要：WebStorm + Vite3.0 + Vue2.7 前端断点调试 目录WebStorm + Vite3.0 + Vue2.7 前端断点调试使用工具版本1、添加调试配置2、启动调试问题参考 使用工具版本 WebStorm 2023.2、NodeJs v16.20.2、Vue 2.7.7、Vite 阅读全文
posted @ 2024-05-31 11:26 软柠柠吖 阅读(2008) 评论(2) 推荐(0)
Vue2和Vue3获取组件名称
摘要：Vue 获取组件名称 目录Vue 获取组件名称Vue2 获取组件名称Vue3 获取组件名称🥚 彩蛋：Vue3 获取组件的文件路径参考 Vue2 获取组件名称 获取方式：this.$options.name 解读：通过 Vue2 的 this 关键字，可以很容易地访问 Vue 组件实例对象身上的 $ 阅读全文
posted @ 2024-05-28 20:48 软柠柠吖 阅读(1322) 评论(0) 推荐(0)
Git 提交 Umi Max 项目报错：Invalid commit message format
摘要：Git 提交 Umi Max 项目报错：Invalid commit message format 目录Git 提交 Umi Max 项目报错：Invalid commit message format1、发现问题2、分析问题3、解决问题① 修改配置文件 .umirc.ts② 提交信息格式参考 1、 阅读全文
posted @ 2024-04-12 22:09 软柠柠吖 阅读(500) 评论(0) 推荐(0)
ReactRouter 基础
摘要：ReactRouter（路由） 目录ReactRouter（路由）1、前端路由2、创建路由开发环境3、快速开始抽象路由模块路由导航1、路由导航2、声明式导航3、编程式导航路由导航传参searchParams 传参params 传参嵌套路由配置1、嵌套路由2、嵌套路由配置3、默认二级路由4、404 路 阅读全文
posted @ 2024-03-11 16:21 软柠柠吖 阅读(155) 评论(0) 推荐(0)
Redux
摘要：Redux 目录ReduxRedux 概念1、实现计数器2、Redux 数据流架构Redux 与 React — 环境准备1、配套工具2、配置基础环境3、store 目录结构设计Redux 与 React — 实现 counter1、整体路径熟悉2、使用 React Toolkit 创建 count 阅读全文
posted @ 2024-03-10 10:39 软柠柠吖 阅读(77) 评论(0) 推荐(0)
React基础-下
摘要：React 目录ReactReact 表单控制受控表单绑定非受控绑定（React 中获取 DOM）React 组件通信父子通信 — 父传子props 说明特殊的 prop children父子通信 — 子传父兄弟组件通信使用 Context 机制跨层级组件通信React 副作用管理 — useEff 阅读全文
posted @ 2024-02-27 17:43 软柠柠吖 阅读(18) 评论(0) 推荐(0)
React基础-上
摘要：React 目录ReactJSX概念本质JSX 场景 — JS 表达式JSX 场景 — 列表渲染JSX 场景 — 条件渲染JSX 场景 — 复杂条件渲染React 事件绑定基础实现使用事件参数（event）传递自定义参数同时传递事件对象和自定义参数React 组件概念组件基础使用组件状态管理 — u 阅读全文
posted @ 2024-02-21 11:02 软柠柠吖 阅读(29) 评论(0) 推荐(0)
nrm 安装使用教程
摘要：nrm 安装使用教程 目录nrm 安装使用教程一、nrm 简介二、nrm 用法说明三、参考 一、nrm 简介 全称：NPM registry manager 用途：简单快速的修改 npm 镜像源 二、nrm 用法说明 # 1、全局安装 nrm npm install -g nrm # 2、查看可选镜 阅读全文
posted @ 2024-02-21 10:59 软柠柠吖 阅读(2962) 评论(0) 推荐(0)
【nvm】适合小白的 nvm 安装配置教程（Windows版）
摘要：【nvm】适合小白的 nvm 安装配置教程（Windows版） 目录【nvm】适合小白的 nvm 安装配置教程（Windows版）nvm 简介一、nvm 的安装与配置1、install nvm2、base command【主要验证 nvm 是否安装成功】3、configure taobao mirr 阅读全文
posted @ 2023-11-17 16:56 软柠柠吖 阅读(58328) 评论(2) 推荐(14)
npm install 报 cb.apply is not a function 错误
摘要：npm install 报 cb.apply is not a function 错误 1、问题来源 . 当我执行 npm install 命令时，出现 cb.apply is not a function 错误！ . 由此可知，可能是 npm 和 node 版本不匹配。 解决方案 更换版本 . n 阅读全文
posted @ 2023-10-08 11:16 软柠柠吖 阅读(2388) 评论(1) 推荐(0)
修改 node 默认的全局模块安装 global 路径和 cache 路径
摘要：修改 node 默认的全局模块安装 global 路径和 cache 路径 安装 node 后，全局模块的 global 路径和 cache 路径默认安装在 C:\Users\{{账号}}\AppData\Roaming 下，在这个目录下面会找到 npm 文件夹和 npm_cache 的文件夹。 在 阅读全文
posted @ 2023-09-09 09:07 软柠柠吖 阅读(1510) 评论(0) 推荐(0)
Ajax 使用和问题集锦
摘要：Ajax 使用和问题集锦 Ajax：Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 introduce（简介） Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 Ajax 不是一种新的编程语言，而是一种用于创建更好 阅读全文
posted @ 2023-05-09 13:41 软柠柠吖 阅读(73) 评论(0) 推荐(0)
JavaScript 基础
摘要：JavaScript 01、JavaScript 概述 一、hello world 学习所有编程语言编写第一个程序的时候，都习惯性地编写 "hello world" 程序，学习 JavaScript 也是一样。作为我们编写的第一个 JavaScript 程序，我们将代码写在 html 这个文档中，b 阅读全文
posted @ 2023-03-21 22:31 软柠柠吖 阅读(69) 评论(0) 推荐(0)
css
摘要：CSS 选择器 CSS 选择器【常用 】 元素选择器：h1, img, p {} 类选择器：.className {} id 选择器：#id {} 通配符选择器：* {} CSS 属性【常用】 字体大小：font-size 字体颜色：color 宽度：width 高度：height 背景色：back 阅读全文
posted @ 2023-03-15 14:18 软柠柠吖 阅读(35) 评论(0) 推荐(0)