- 博客(192)
- 资源 (2)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 Vant 2 - 移动端 Vue 组件库 _ 问题记录
Vant 2 - 移动端 Vue 组件库 _ 问题记录发布初衷 ：记录在移动端项目中使用 Vant 2 组件库时遇到的各种问题，方便以后再次遇到类似问题 ， 能够快时查阅解决 ，大家要是觉得有帮助的话 ， 可以收藏一下 ， 博主会不定时更新文章的目录基础组件Popup 弹出层表单组件DatetimePicker 时间选择Field 输入框Form 表单Picker 选择器Radio 单选框Uploader 文件上传展示组件List 列表导航组件Tab 标签页
2022-10-28 00:00:00
27690
8
原创 前端之从头开始学《红宝石》
前端之从头开始学《红宝石》JavaScript 高级程序设计 ， 前端界简称为： 红宝石 之书创作此篇文章的目的呢就是希望和大家伙一起从头将此书捋一遍 ，夯实巩固自己的 JavaScript 基础 ， 地基不稳 ， 如何建高楼呢 ？一起加油努力吧 ， 毕竟这个行业你要是不卷 ， 很容易就会被替代了 。。
2022-10-24 22:24:10
4564
原创 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
6087
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
5752
原创 Vue2_sass之切换图片
Vue2_sass之背景图片路径Bug好家伙 ， 没想到在 Vue2 项目中实现一个通过 CSS 的 hover 划过属性来做一个切换图片的功能会遇到这么多的麻烦和问题 ， 所以必须要记录一下目录Vue 项目中鼠标悬浮图片实现 hover 效果切换图片 - 案例Vue 项目 sass 中图片路径引用方式说明第三种思路 ： 利用 定位 + opacity最终项目所用 ：...
2022-03-30 00:00:00
1674
原创 ECharts可视化图表库之初使用
ECharts可视化图表库之初使用头一回将 ECharts 可视化图表库运用在项目之中 ， 特此学习记录一下 ：目录1、引入 ECharts2、基本柱状图3、多列柱状图4、柱状图样式设置5、动态排序柱状图6、总结封装Echarts 图表零碎使用记录 ：修改饼状图矩形图例的样式
2022-03-22 20:20:04
5449
原创 重构之处理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
4006
原创 整理 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
5809
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
4404
原创 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
5126
2
原创 前端面试题汇总
目录总结一下前端面试官会经常问到的一些面试题 :一阶段 ( HTML5 + CSS3 ) :二阶段 ( JavaScript ) :三阶段 ( Vue ) :
2021-10-24 20:20:20
2848
原创 Git _ 报错信息
Git _ 报错信息目录整理自己在日常使用 Git 时 , 出现的一些异常信息:目录VSCode 内 GitLens 不生效git 新建分支 并 切换到该分支远程分支被删除后如何同步本地代码到新的远程分支上 ？( 1 ) => 通过 Git把工作区的内容 add 添加到暂存区 的时候 , 报了 警告( 2) => 通过 Git 本地仓库 push 到远程仓库的时候，报了异常( 3 ) => 最终通过 Git 本地仓库 push 到远程仓库的时候，报的异常
2021-10-20 20:00:00
8567
原创 小程序 _ 学习笔记
目录一、小程序介绍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
10122
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
1904
原创 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
1175
原创 整理 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
11348
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
6463
原创 ECMAScript 6 _ 模块化
模块化开发的规则 :1. 如果你想使用 ES6 的模块化开发语法 => 页面必须在 服务器 上打开 => 本地打开不行 => VS Code 下载插件, Live Server ( 会帮你配置一个虚拟服务器 ) => 打开页面的时候, 鼠标右键 open with live server -> 快捷键, alt + l , 再按一次 alt + o2. 当你使用了 模块化语法 以后 => 每一个 js 文件, 都是一个独立的 ...
2021-09-01 17:20:00
308
原创 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
724
原创 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
1779
原创 第五项目梳理
NG数据中台项目是为YH内部管理层开发的员工信息可视化平台，提供多维度图表展示员工结构与业务状态。项目采用Vue3+Pinia+ElementPlus技术栈，对ECharts进行二次封装实现数据可视化。核心功能包括首页核心数据展示、人员结构与业务状态分析、部门/个人详情页及数据导出等。系统实现精细化权限控制，区分普通用户和管理员访问权限。数据更新采用T+1全量同步机制，同时支持关键指标手动刷新。项目注重图表可读性设计，通过标题、图例、数据标签等帮助管理者快速理解数据，并针对数据缺失情况提供友好提示。
2026-04-21 23:01:27
353
原创 第四项目梳理
本文详细介绍了基于Vue2开发的跨平台问卷系统设计方案。系统支持PC端(ElementUI)和移动端(Vant)双端适配，通过JSON驱动实现问卷创建、答题、统计全流程功能。核心功能包括：拖拽式问卷设计、富文本编辑、ECharts数据可视化、权限控制等。技术亮点包含：虚拟滚动优化性能、REM适配方案、axios封装处理移动端网络问题、WebSocket实时数据刷新等。系统采用前后端分离架构，后端负责业务逻辑和权限校验，前端通过自定义指令和组件封装实现高效开发。针对移动端特殊场景，实现了键盘弹起兼容、图片压缩
2026-04-13 23:03:32
903
原创 第三项目梳理
本文介绍了 YH 内部社交平台FNBK项目的技术实现方案。该项目通过H5端重构老旧系统，新增搭子模块解决员工社交难题。采用Vue2+Vant组件库开发，实现严格的内部权限管控：仅支持 YH APP单点登录，调用HR系统API验证工号/邮箱，确保用户均为在职员工。技术上运用虚拟滚动、WebP图片压缩、路由懒加载等优化性能，并对敏感数据加密传输。系统通过管理员审核、特殊角色权限等机制保障内容安全，体现了 YH 项目特有的安全性和专属特性。
2026-04-09 14:46:16
370
原创 前端如何实现长连接之使用WebSocket
前端如何实现长连接之使用WebSocket在 Web 开发中，我们经常遇到需要 “实时获取最新数据” 的场景：股票行情、聊天消息、语音识别、视频通话……这些场景对 通信技术 的要求各不相同。很多同学对这些技术的选型感到困惑：WebSocket 是什么？和 HTTP 是什么区别？长轮询 是什么？服务器推 是什么？今天这篇文章，就带大家彻底搞懂这几种技术的原理、优缺点和适用场景。
2026-04-06 18:18:21
226
原创 2999第二项目梳理
芜花律师管理平台项目技术总结：该小程序旨在实现法律服务全流程数字化，包含客户端与律师端双模块。核心功能包括律师匹配、在线咨询、文书生成、支付结算等，采用uni-app框架开发。技术亮点包括：通过WebSocket实现实时通讯，采用虚拟滚动优化大数据展示，严格校验支付接口安全性，使用Git进行版本控制。项目注重数据安全，对敏感信息进行加密处理，并实现多端消息同步。开发过程中解决了性能优化、接口联调等挑战，确保了代码可维护性与用户体验。
2026-04-03 23:09:06
449
原创 记录利用Cursor快速实现拖拽式问卷题型创建
《记录利用Cursor快速实现拖拽式问卷题型创建》实现一个可拖拽式的调查问卷demo，左侧是可拖拽生成的题型类别（比如：单选题、多选题、填空题），中间是可拖拽生成题型的区域，区域内的题型可以自行上下拖拽，右侧是点击中间区域对应的题型，可以对其进行编辑修改，设置禁用项，输入长度限制等等。总结来说类似于“调问”和“问卷星”。
2026-03-31 20:53:09
519
原创 就业直通车必须上岸
记录前端开发者的求职准备过程，重点梳理了简历优化、面试辅导和技术准备三个关键环节。在简历方面，强调真实呈现工作经历，突出Vue3、小程序等核心技术栈，并对项目经验进行结构化整理。技术准备部分详细解答了20多个常见面试问题，涵盖Vue3特性、性能优化、组件封装、路由管理等内容。文章还针对特殊工作背景提供了专业的面试应答策略，建议通过项目合伙人等表述弱化行业差异，聚焦技术能力的展示。最后整理了Vue2与Vue3的核心区别等基础知识点，为前端面试提供了全面的准备方案。
2026-03-25 18:39:54
379
原创 el-upload二次封装带表格校验组件及XLSX库介绍
本文介绍了一个前端Excel文件上传校验组件的实现方案。该组件基于Element UI的el-upload封装，主要特点包括： 前端预校验功能：在文件上传前进行基础规则校验，包括文件大小(≤20M)、文件类型(.xls/.xlsx)等基础校验 Excel内容校验：通过xlsx库解析Excel文件，实现以下校验规则： 非空校验(N) 长度限制校验 数字文本校验(VI) 评分校验(VII，0-100保留1位小数) 整数校验(IS，1-100整数) 合并单元格处理 校验结果反馈：通过Message组件展示
2026-03-23 23:01:21
52
原创 Vue3 快速上手指南
Vue3 快速上手指南目录一、快速上手VUE项目二、整体理解 Vue3 项目三、理解数据双向绑定四、双向绑定案例五、OptionsAPI 和 CompositionAPI六、Vue3 的数据双向绑定七、自定义组件传参八、组件生命周期九、路由插件基础使用十、路由工作模式和 replace 属性十一、pinia 集中状态存储十二、路由嵌套和路由传参十三、快速上手 element-plus
2026-03-21 22:59:19
456
原创 跟着袁老师视频 每日随机一学
跟着袁老师视频 每日随机一学创作此文章初衷：【 “ 做点题 学点术 悟点道 涨点薪 ” 】是想让我这每日只会 CV 工作，不怎么转动的大脑上上油，活泛起来一下下，再不动动脑瓜子，真滴就要“生锈”了哇～～持续更新、建议点击关注博主，不迷路（^ _ ^）
2025-04-08 12:00:00
308
原创 Vue2实现主内容滚动到指定位置时，侧边导航栏也跟随选中变化
Vue2实现主内容滚动到指定位置时，侧边导航栏也跟随选中变化需求背景：PC端项目需要实现一个有侧边导航栏，可点击跳转至对应内容区域，类似锚点导航，同时主内容区域上下滚动时，可实现左侧导航栏选中样式能实时跟随变动的效果。
2024-09-25 00:00:00
1991
原创 Vant2框架tab切换list不加载问题（切换后onload不继续触发）
Vant2框架tab切换list不加载问题（切换后onload不继续触发）遇到的问题：van-list 加载，页面上有个切换的 van-tab，实现切换不同的类型，加载不同的list的功能。Vant2 的 List 列表 就有个 bug，当切换 tab 的时候，它的 onload 没有自动触发。然而在当前标签页，如果列表已经加载完毕再去切换，onload 就可以实现自动触发
2024-07-31 23:45:00
1166
原创 记录移动端项目iOS端相对于安卓的各种兼容性问题
记录移动端项目iOS端相对于安卓的各种兼容性问题目录1、iOS端列表页面屏幕滑动滞涩感强烈2、iOS端的按钮以及添加的边框和倒角属性失效问题3、iOS错误识别页面时间为 a 标签4、iOS端调起软键盘界面布局走位问题5、iOS端滚动条部分滚动样式不生效问题背景 ：在开发移动端H5项目的过程中，遇到了各种“ 匪夷所思 ”的奇葩兼容性问题 （ 大致就是在安卓手机上面显示好好的、在浏览器模拟器上面看也是没有任何问题的，，但就是在iOS上面看样式啥的就各种状态百出，呈现不出想要的样子
2024-06-05 00:00:00
1366
1
原创 整理项目中经常用到的正则
整理项目中经常用到的正则目录1、手机号码2、Email 邮箱3、QQ 号码4、非零正整数5、URL 地址6、身份证号7、只能输入中文和英文8、银行卡号的校验9、开户行非必填时验证长度
2024-05-11 23:45:00
910
原创 Git之merge与rebase操作命令及问题
Git之merge与rebase操作命令及问题背景：之前一直使用的是 merge 来实现两分支的合并代码操作，遇到冲突，解决完冲突从头add 、commit 、push再次操作一遍提交操作就没啥事了。但后来的大型项目是多人协同开发，前端带头人提议倡导使用 rebase 来合并分支，解决完冲突后再在 dev 开发分支上 merge 合并代码。（这样的好处是，‘干净’，分支上不会有无意义的解决分支的 commit ；坏处，如果合并的分支中存在多个 commit，需要重复处理多次冲突。 ）
2024-04-25 05:00:00
841
原创 Vue之v-on事件修饰符的含义及使用
Vue之v-on事件修饰符的含义及使用背景：Vue 拆封了一个组件，在组件里面会使用一个方法来改变父组件传过来的值，但是在子组件里面操作父组件的数据变更，实在比较麻烦（因为单向数据流），So 能不能直接在组件上面绑定事件方法呢，因此就在封装的组件上面写了 ：@click="getDataList"但是绑定的 click 方法会不生效，So 要想解决，就需要用到v-on 事件修饰符 的.native 了 ， 接下来就来讲解一下各修饰符的含义及使用。
2024-04-18 23:45:00
899
VUE 项目在 IE11 白屏报错 SCRIPT1002: 语法错误如何解决呢 ？
2022-01-20
Vue 如何去实现通过拖拽动态生成不同组件的呢 ？
2022-01-17
VSCode插件Vetur快捷输入
2021-09-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人