雨季mo浅忆-CSDN博客

原创记录利用Cursor快速实现拖拽式问卷题型创建

《记录利用Cursor快速实现拖拽式问卷题型创建》实现一个可拖拽式的调查问卷demo，左侧是可拖拽生成的题型类别（比如：单选题、多选题、填空题），中间是可拖拽生成题型的区域，区域内的题型可以自行上下拖拽，右侧是点击中间区域对应的题型，可以对其进行编辑修改，设置禁用项，输入长度限制等等。总结来说类似于“调问”和“问卷星”。

2026-03-31 20:53:09 569

Git之merge与rebase操作命令及问题背景：之前一直使用的是 merge 来实现两分支的合并代码操作，遇到冲突，解决完冲突从头add 、commit 、push再次操作一遍提交操作就没啥事了。但后来的大型项目是多人协同开发，前端带头人提议倡导使用 rebase 来合并分支，解决完冲突后再在 dev 开发分支上 merge 合并代码。（这样的好处是，‘干净’，分支上不会有无意义的解决分支的 commit ；坏处，如果合并的分支中存在多个 commit，需要重复处理多次冲突。）

2024-04-25 05:00:00 861

原创 Vant 2 - 移动端 Vue 组件库 _ 问题记录

Vant 2 - 移动端 Vue 组件库 _ 问题记录发布初衷：记录在移动端项目中使用 Vant 2 组件库时遇到的各种问题，方便以后再次遇到类似问题，能够快时查阅解决，大家要是觉得有帮助的话，可以收藏一下，博主会不定时更新文章的目录基础组件Popup 弹出层表单组件DatetimePicker 时间选择Field 输入框Form 表单Picker 选择器Radio 单选框Uploader 文件上传展示组件List 列表导航组件Tab 标签页

2022-10-28 00:00:00 27787 8

原创前端之从头开始学《红宝石》

前端之从头开始学《红宝石》JavaScript 高级程序设计，前端界简称为：红宝石之书创作此篇文章的目的呢就是希望和大家伙一起从头将此书捋一遍，夯实巩固自己的 JavaScript 基础，地基不稳，如何建高楼呢？一起加油努力吧，毕竟这个行业你要是不卷，很容易就会被替代了。。

2022-10-24 22:24:10 4592

原创 Vue 前端代码风格指南

Vue 前端代码风格指南代码规范是一个非常重要的事情，很多企业都有自己的代码规范体系，而在不同阶段体系 HTML 、CSS、JS 也有代码规范 !那么到了后期框架和库阶段规范你知道吗 ?今天为大家分享一组热门框架 VUE 的代码风格规范指南，希望后续在写 Vue 方面代码有所帮助 !目录一、命名规范1.1、项目文件命名1.2、Vue 组件命名1.3、代码参数命名二、代码规范2.1、Vue2.2、HTML2.3、CSS2.4、JavaScript三、注释规范四、其它...

2022-08-17 17:00:00 6118 3

原创 Vue-components封装组件

Vue-components封装组件整理一下自己在 Vue2 项目中常用到的一些封装组件：大部分是结合 element-ui 组件库进行的二次封装：目录1、Input 输入框2、Table 表格3、Tree 树形控件4、Pagination 分页5、Dialog 对话框6、ECharts 图表7、wangEditor 富文本编辑器...

2022-05-01 23:45:00 5794

原创 Vue2_sass之切换图片

Vue2_sass之背景图片路径Bug好家伙，没想到在 Vue2 项目中实现一个通过 CSS 的 hover 划过属性来做一个切换图片的功能会遇到这么多的麻烦和问题，所以必须要记录一下目录Vue 项目中鼠标悬浮图片实现 hover 效果切换图片 - 案例Vue 项目 sass 中图片路径引用方式说明第三种思路：利用定位 + opacity最终项目所用：...

2022-03-30 00:00:00 1702

原创 ECharts可视化图表库之初使用

ECharts可视化图表库之初使用头一回将 ECharts 可视化图表库运用在项目之中，特此学习记录一下：目录1、引入 ECharts2、基本柱状图3、多列柱状图4、柱状图样式设置5、动态排序柱状图6、总结封装Echarts 图表零碎使用记录：修改饼状图矩形图例的样式

2022-03-22 20:20:04 5478

原创重构之处理IE浏览器兼容问题

重构之处理IE兼容问题目录情景 1：判断是否为 IE 浏览器情景 2：" TypeError : 对象不支持 “ includes” 属性或方法"情景 3：报错 SCRIPT5022 : SecurityError sockjs.js (1683,3)情景 4：get 自动请求来自缓存的问题情景 5 ：tr、td 标签不兼容 HTMLcontenteditable属性情景 6：IE 浏览器不兼容之 css 篇情景 7 ：在 IE 上如何查看浏览器缓存？情景 8：......

2021-12-23 01:00:00 4031

原创整理 Vue 项目从 0 到 1 搭建

整理 Vue 项目从 0 到 1 搭建目录1、开发项目流程2、开发环境3、初始化项目图形界面 UI创建项目4、ElmentUI安装与配置5、网络请求6、富文本编辑器7、Vue 中的 @ 符提示文件配置8、自动化导入路由配置文件 :9、自动化导入 Vuex 模块化配置文件 :10、项目目录层级11、项目环境配置

2021-12-14 06:00:00 5828 2

原创 Vue3 _ 学习

目录Vue3一、Vue3 初识1、Vue3 简介2、Vue3 特点：3、创建 Vue3 工程项目4、Vue3 目录结构分析二、Composition API1、setup 函数2、setup 执行时间三、ref 响应式函数1、引言：2、ref 函数四、reactive 函数五、Vue3 响应式原理1、Vue2.x 的响应式原理2、Vue3.0 响应式原理：六、Vue3 中的组件传参1、父传子2、子传父七、Vue3 中的计算属性

2021-12-12 00:00:00 2601 2

原创 Element UI _ 疑难杂症

Element UI _ 疑难杂症目录Icon 图标Button 按钮Input 输入框Select 选择器DatePicker 日期选择器Table 表格Pagination 分页Descriptions 描述列表Loading 加载Message 消息提示MessageBox 弹框Dialog 对话框Timeline 时间线Image 图片InfiniteScroll 无限滚动Drawer 抽屉在这里我也将会记录下来我在日常使用过程中遇见的难题及解决方案分享给大家

2021-11-13 03:00:00 4425

原创 web 移动端电影项目 (Vue)

一、电影模块开发目录一、电影模块开发1.0、顶部幻灯片1.1、列表顶部导航1.2、正在热映页面底部导航组件缓存图片懒加载1.3、即将上映1.4、电影详情1.4.1、基本信息展示2.4.2、底部菜单移除1.5、影院列表1.6、城市列表开发二、个人中心2.1、界面布局2.2、登录2.3、路由验证

2021-11-07 00:00:00 5160 2

原创电脑配置右键启动项

配置右键启动项目录一、Cmder 右键配置：二、VSCode 右键配置：三、Cmd 右键配置：

2021-11-04 04:00:00 1300

原创前端面试题汇总

目录总结一下前端面试官会经常问到的一些面试题 :一阶段 ( HTML5 + CSS3 ) :二阶段 ( JavaScript ) :三阶段 ( Vue ) :

2021-10-24 20:20:20 2866

原创 Git _ 报错信息

Git _ 报错信息目录整理自己在日常使用 Git 时 , 出现的一些异常信息:目录VSCode 内 GitLens 不生效git 新建分支并切换到该分支远程分支被删除后如何同步本地代码到新的远程分支上？( 1 ) => 通过 Git把工作区的内容 add 添加到暂存区的时候 , 报了警告( 2) => 通过 Git 本地仓库 push 到远程仓库的时候，报了异常( 3 ) => 最终通过 Git 本地仓库 push 到远程仓库的时候，报的异常

2021-10-20 20:00:00 8614

原创小程序 _ 学习笔记

目录一、小程序介绍1.1、小程序是什么1.2、小程序与普通网页开发区别1.3、小程序与传统 App 区别1.4、小程序框架结构二、申请账号与登录设置2.1、申请账号2.2、登录2.3、获取开发 appid三、开发工具3.1、下载与安装3.2、helloworld 项目四、小程序的文件结构及配置4.1、文件结构4.2、小程序配置app.json五、视图结构 wxml5.1、数据绑定5.2、列表渲染 for5.3、条件渲染5.4、.

2021-10-12 23:23:22 10284 6

原创 Vue _ 后台管理

Vue _ 后台管理目录一、后台管理1.1、elmentui 安装与配置1.2、后台登录1.2.1、全局混入实现自定义验证提取1.2.2、局部混入实现自定义验证规则1.2.3、登录按钮实现防抖处理1.3、后台登录接口编写1.3.1、jwt1.3.2、生成 jwt 凭证1.3.3、网络请求封装1.4、权限控制1.4.1、登录权限1.4.2、菜单权限1.4.3、路由权限1.4.4、按钮富文本编辑器自动化导入路由配置文件 :

2021-09-12 18:00:00 1933

原创 Vuex _ 核心插件

Vuex _ 核心插件目录一、Vuex1.1、概述1.2、Vuex 核心概念1.3、安装与配置1.4、在组件中获取 Vuex 中的数据1.5、moutations 同步修改 state1.6、actions 配置 mutations 异步修改 state 数据1.7、getters1.8、modules模块化1.9、辅助函数图例 :

2021-09-08 23:44:59 1191

原创整理 Vue2 项目中各种报错&警告-信息

Vue 报错&警告-信息 _ 整理版自己平常 Vue 项目中出现的一些Bug 和警告⚠️ , 日常记录一下 :目录( 1 )[Vue warn]: Error in v-on handler (Promise/async): "Error: Request failed with status code 404"( 2 )[Vue warn]: Error in v-on handler: "TypeError: this.todos.push is not a function

2021-09-06 23:45:00 11383 4

原创 Vue2移动端项目开发流程

Vue 项目开发流程目录移动端电影项目1、项目效果2、开发项目流程3、开发环境4、初始化项目@4.5.19 版本Vue脚手架创建项目UI 图形界面创建项目Mac 电脑使用 Vue.cli4.X搭建项目流程5、Vant 移动端组件库5-1、安装 Vant5-2、自动按需引入组件( 推荐！)5-3、移动端样式设置（适配）6、路由规划7、网络请求实战案例 :

2021-09-02 23:23:23 6509

原创 ECMAScript 6 _ 模块化

模块化开发的规则 :1. 如果你想使用 ES6 的模块化开发语法 => 页面必须在服务器上打开 => 本地打开不行 => VS Code 下载插件, Live Server ( 会帮你配置一个虚拟服务器 ) => 打开页面的时候, 鼠标右键 open with live server -> 快捷键, alt + l , 再按一次 alt + o2. 当你使用了模块化语法以后 => 每一个 js 文件, 都是一个独立的 ...

2021-09-01 17:20:00 323

原创 Vue _ 教程版 01 基础

目录目标一、Vue 基础1.1、介绍1.2、声明式渲染和组件化1.3、MVVM 模式二、Vue 基础使用2.1、传统 Dom 操作2.2、使用 Vue 实现2.3、vue devtools工具安装2.4、Vue 实现数据绑定的原理

2021-08-25 22:20:20 735

原创 NodeJs_01 _ 学习笔记

目标能够命令中执行node程序能够使用npm安装第3方模块掌握常用的nodejs内置模块能够实现文件读写操作搭建静态web服务器和接受get或post数据一、Nodejs概述1.1、介绍网址：https://nodejs.orgNode.js 是一个开源与跨平台的JavaScript 运行时环境。它是在浏览器外运行，它是一个事件驱动异步I/O单进程的服务端JS环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。它使用新的ECMA...

2021-08-16 23:32:31 1650

原创 JavaScript_数组常用方法【2】

JavaScript_数组常用方法【2】目录数组常用方法 2:1.forEach( )forEach的原理 :2.map( )map的原理 :3.filter()filter 的原理 :4.find( )5.every()6.some( )7.reduce( )reduce原理 :ES6新增数组方法（注意浏览器兼容）includes()图例 :

2021-07-12 22:00:00 1804

原创 Luckysheet测试环境WebSocket连接问题

文章摘要：本地开发环境下Luckysheet的WebSocket连接正常，但打包部署到测试环境后出现404错误。主要原因包括：1）本地Vite代理掩盖了真实路径问题；2）HTTPS环境下使用ws协议导致冲突；3）Nginx未配置WebSocket支持；4）Luckysheet内部重写URL导致token丢失和路径变化。解决方案包括：动态切换ws/wss协议、检查后端真实路由、配置Nginx支持WebSocket、修改token传递方式，以及处理Luckysheet自动添加的/socket.io路径前缀。

2026-07-24 09:00:00 308

原创上传文件夹

本文介绍了一套基于Vue3（CompositionAPI）+VueRouter+ElementPlus的路由与页面设计方案。核心内容包括：1）采用嵌套路由实现三层页面跳转结构；2）BB功能中心主页实现卡片式入口；3）重点开发自有人员工时汇总页，包含：BM/QH汇总标签页（带权限控制）、文件夹上传功能（支持嵌套文件夹）、正小数输入校验（50字限制）、导出按钮联动控制等。

2026-07-13 22:13:12 276

原创 Vue3通过CDN静态资源引入luckysheet实现Excel在线编辑

Vue3+Vite项目中集成Luckysheet的完整方案核心问题在Vue3+Vite项目中直接通过npm安装Luckysheet会遇到$ is not defined等错误，主要原因是Luckysheet强依赖全局jQuery和静态插件。解决方案通过CDN下载Luckysheet静态资源到本地public目录，再通过script标签引入。实现步骤下载Luckysheet静态资源

2026-07-02 09:00:00 255

原创使用luckysheet升级版Univer实现在线编辑

本文介绍了从Vue3项目中集成Luckysheet遇到的问题转向使用Univer的解决方案。Luckysheet因停止维护且缺少打印功能被放弃，而Univer作为其升级版，提供了更强大的功能和技术支持。文章详细说明了Univer如何实现多人同时在线编辑、实时保存、打印功能、标题字数限制等核心需求，并提供了完整的前端实现代码。Univer采用插件化架构和门面模式，支持协同和高级渲染，通过预设模式简化了集成流程。此外，还介绍了部署多人协作服务端和使用打印功能的步骤。

2026-07-01 09:00:00 226

原创 Vue3集成luckysheet实现Excel在线编辑

本文详细介绍了在Vue3项目中集成Luckysheet在线表格组件的完整方案及问题解决过程。主要内容包括：安全优化方案提出三种解决裸URL访问漏洞的方案：临时签名过渡方案、Vue3集成原版Luckysheet、迁移Univer新组件，最终选择中长期的Vue3集成方案。技术实现细节通过CDN方式引入Luckysheet资源使用MutationObserver监听实现标题字数限制事件委托机制处理返回按钮跳转及悬浮提示残留问题全局资源管理确保组件卸载时完全清理

2026-06-24 22:26:51 746

原创记录导出下载zip压缩包问题

文章摘要：本文针对前端下载zip压缩包时遇到的createObjectURL报错问题，提供完整的解决方案。首先分析报错原因是参数类型不合法或异步时序问题，给出修复版TS下载函数，包含类型校验、容错处理和延迟释放URL。针对三种常见场景（二进制流、base64字符串、null/undefined）分别提供调用方案，特别说明后端返回base64编码的zip文件时，需先转换为Blob再下载。重点强调：当接口返回JSON包裹的base64字符串时，不可设置responseType:'blob'，否则会导致解析失败

2026-06-21 23:06:09 268

Git教程.docx _ 学习教程

简单实现选项卡插件.zip

VUE 项目在 IE11 白屏报错 SCRIPT1002: 语法错误如何解决呢 ？

Vue 如何去实现通过拖拽动态生成不同组件的呢 ？

VSCode插件Vetur快捷输入

VUE 项目在 IE11 白屏报错 SCRIPT1002: 语法错误如何解决呢？

Vue 如何去实现通过拖拽动态生成不同组件的呢？