随笔分类 -  前端

html，css，js，json，ajax，jquery，bootstrap，vue，node.js，axios，less
Vue 3.6 引入 Vapor Mode，虚拟DOM已死？
摘要：Vue 3.6 引入的 Vapor Mode 看似是“退回去”直接操作 DOM，但这并非简单的倒退，而是一次基于新技术条件的“范式跃迁”​。它通过更智能的“编译时优化”解决了传统直接操作 DOM 的痛点，同时继承了虚拟 DOM 的开发体验优势。 传统DOM操作、虚拟DOM和Vapor Mode的关键 阅读全文
posted @ 2025-09-29 16:26 Rix里克斯 阅读(46) 评论(0) 推荐(0)
el-tree-select回显id，不显示label的问题
摘要：id类型是int 如果是string就会回显失败 阅读全文
posted @ 2025-08-29 11:51 Rix里克斯 阅读(22) 评论(0) 推荐(0)
mac上通过homebrew安装nvm管理多版本nodejs
摘要：M芯片为例 修改配置文件 nano ~/.zshrc 粘贴以下代码到文件底部​ export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh" [ -s "/ 阅读全文
posted @ 2025-07-13 20:12 Rix里克斯 阅读(258) 评论(0) 推荐(0)
使用Hexo搭建博客网站(二)
摘要：设置主题 我们在官方主题中选择一个自己喜欢的主题 来到GitHub，将它git clone到当前项目的themes文件夹中 设置_config.yml 找到 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://he 阅读全文
posted @ 2025-06-13 14:20 Rix里克斯 阅读(232) 评论(0) 推荐(0)
使用Hexo搭建博客网站(一)
摘要：前提条件 安装了Git 安装了Node.js > 12 安装Hexo #安装 npm install hexo #初始化 npx hexo init my-blog cd my-blog ls -a 项目文件夹初始化成功 使用VSCode打开 npm install #运行，默认在4000端口 np 阅读全文
posted @ 2025-06-10 23:12 Rix里克斯 阅读(213) 评论(0) 推荐(0)
macOS上管理多个Node.js版本fnm
摘要：管理工具 fnm 和 nvm nvm：作为最广泛使用的 Node.js 版本管理器，使用 Bash 编写，适用于类 UNIX 环境（如 macOS 和 Linux），也可以通过兼容的 shell（如 WSL）在 Windows 上使用。 fnm：（Fast Node Manager）一种较新的、快速 阅读全文
posted @ 2025-05-02 11:12 Rix里克斯 阅读(176) 评论(0) 推荐(0)
若依前后端分离ruoyi-vue3优化watch
摘要：在src/layout/components/AppMain.vue中 // 原 vue 2写法 // watch((route) => { // addIframe() // }) 控制台会报： [Vue warn]: `watch(fn, options?)` signature has bee 阅读全文
posted @ 2025-04-09 16:55 Rix里克斯 阅读(73) 评论(0) 推荐(0)
若依前后端分离项目点击菜单后页面空白
摘要：首次点击加载正常，但是切换菜单后发现页面空白， 路由正常切换，但是页面空白。 查看这里和这里给出的解释： 在Vue 2中，<template> 必须有且只有一个根元素（如外层 <div> 包裹），但 Vue 3 移除了这一限制。 虽然vue3支持多div根元素，但是在ruoyi-vue3项目中，会出 阅读全文
posted @ 2025-04-09 16:17 Rix里克斯 阅读(410) 评论(0) 推荐(0)
使用Tauri创建桌面应用
摘要：当前是在 Windows 环境下 1.准备 系统依赖项 Microsoft C++ 构建工具 WebView2 (Windows10 v1803 以上版本不用下载，已经默认安装了) 下载安装 Rust 下载安装 Rust 需要重启终端或者系统 重新打开cmd，键入rustc --version，出现 阅读全文
posted @ 2024-12-02 20:31 Rix里克斯 阅读(156) 评论(0) 推荐(0)
nvm管理/安装多版本Node.js
摘要：Node.js版本管理工具有：nvm, nvs, fnm, volta等，这里使用最常见稳定的nvm为例。 如果已经安装了Node.js，需要先卸载掉，运行uninstall node.js程序即可。 完成后检查一下，win + r，cmd，键入node -v, where node 1，安装nvm 阅读全文
posted @ 2024-03-11 17:42 Rix里克斯 阅读(489) 评论(0) 推荐(0)
Node js安装及配置
摘要：下载安装 官网 找到对应版本下载 例如node-v16.20.1-x64.msi 下一步下一步完成 win + r cmd 键入 node -v npm -v 检查是否安装成功 配置npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install 阅读全文
posted @ 2023-07-02 16:20 Rix里克斯 阅读(105) 评论(0) 推荐(0)
CSS
摘要：frameset 主要用于多个界面合并成一个界面 framer填充 frameset页面上下平分，rows frameset页面左右平分，cols 不能和body同时存在 页面之间关联，name，target div 块级元素 CSS 层叠样式表(英文全称：Cascading Style Sheet 阅读全文
posted @ 2022-11-01 13:44 Rix里克斯 阅读(88) 评论(0) 推荐(0)
HTML5
摘要：HTML的全称为Hyper Text Markup Language超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格 阅读全文
posted @ 2022-10-31 20:18 Rix里克斯 阅读(53) 评论(0) 推荐(0)