雨季mo浅忆-CSDN博客

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

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

2022-10-28 00:00:00 25637 8

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

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

2022-10-24 22:24:10 4162

原创 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 5383 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 5223

原创 Vue2_sass之切换图片

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

2022-03-30 00:00:00 1448

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

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

2022-03-22 20:20:04 5009

原创重构之处理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 3451

原创整理 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 5170 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 4097

原创 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 4807 2

原创电脑配置右键启动项

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

2021-11-04 04:00:00 1007

原创前端面试题汇总

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

2021-10-24 20:20:20 2685

原创 Git _ 报错信息

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

2021-10-20 20:00:00 7430

原创小程序 _ 学习笔记

目录一、小程序介绍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 9357 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 1712

原创 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 1042

原创整理 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 10941 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 5779

原创 ECMAScript 6 _ 模块化

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

2021-09-01 17:20:00 210

原创 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 620

原创 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 1617

原创 Vue2实现主内容滚动到指定位置时，侧边导航栏也跟随选中变化

Vue2实现主内容滚动到指定位置时，侧边导航栏也跟随选中变化需求背景：PC端项目需要实现一个有侧边导航栏，可点击跳转至对应内容区域，类似锚点导航，同时主内容区域上下滚动时，可实现左侧导航栏选中样式能实时跟随变动的效果。

2024-09-25 00:00:00 248

原创 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 448

原创记录移动端项目iOS端相对于安卓的各种兼容性问题

记录移动端项目iOS端相对于安卓的各种兼容性问题目录1、iOS端列表页面屏幕滑动滞涩感强烈2、iOS端的按钮以及添加的边框和倒角属性失效问题3、iOS错误识别页面时间为 a 标签4、iOS端调起软键盘界面布局走位问题5、iOS端滚动条部分滚动样式不生效问题背景：在开发移动端H5项目的过程中，遇到了各种“ 匪夷所思 ”的奇葩兼容性问题（大致就是在安卓手机上面显示好好的、在浏览器模拟器上面看也是没有任何问题的，，但就是在iOS上面看样式啥的就各种状态百出，呈现不出想要的样子

2024-06-05 00:00:00 843 1

原创整理项目中经常用到的正则

整理项目中经常用到的正则目录1、手机号码2、Email 邮箱3、QQ 号码4、非零正整数5、URL 地址6、身份证号7、只能输入中文和英文8、银行卡号的校验9、开户行非必填时验证长度

2024-05-11 23:45:00 747

原创 Vue2中实现聊天界面滚动条自动滑动到最底部

Vue2中实现聊天界面滚动条自动滑动到最底部

2024-04-29 09:00:00 972

原创 Git之merge与rebase操作命令及问题

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

2024-04-25 05:00:00 566

原创我的创作纪念日

我的创作纪念日踏上这条不归之路，就需要不断的学习了啊，加油吧！

2024-04-24 20:00:00 321

原创 Vue之v-on事件修饰符的含义及使用

Vue之v-on事件修饰符的含义及使用背景：Vue 拆封了一个组件，在组件里面会使用一个方法来改变父组件传过来的值，但是在子组件里面操作父组件的数据变更，实在比较麻烦（因为单向数据流），So 能不能直接在组件上面绑定事件方法呢，因此就在封装的组件上面写了：@click="getDataList"但是绑定的 click 方法会不生效，So 要想解决，就需要用到v-on 事件修饰符的.native 了，接下来就来讲解一下各修饰符的含义及使用。

2024-04-18 23:45:00 720

原创 Vue_管道符“｜”（单竖线）的用处

Vue_管道符“｜”（单竖线）的用处目录1、管道符是什么2、应用场景

2024-04-18 08:00:00 1722

原创 css预处理器scss的使用&&如何全局引入

css预处理器scss的使用&&如何全局引入目录scss 基本功能1、嵌套2、变量 $3、@mixin 和 @include4、@extend5、@importscss 在项目中的使用1、存放 scss 文件2、引入 variables 和mixins2-1、局部引入2-2、全局引入3、入口文件中引入其他文件

2024-03-21 10:00:00 4636

原创 Vue2移动端项目使用$router.go(-1)不生效问题记录

Vue2移动端项目使用$router.go(-1)不生效问题记录目录1、this.$router.go(-1) 改成this.$router.back()2、存储 from.path，使用 this.$router.push3、hash模式中使用h5新增的onhashchange事件做hack处理4、this.$router.go(-1) 之前添加一个 replace 方法

2024-01-18 18:00:00 1779

原创 Element｜Upload结合Progress实现上传展示进度条

Element｜Upload结合Progress实现上传展示进度条背景：项目里的附件上传题型组件，用户在上传过程中，如果文件较大，上传过程较慢，而又没有一个类似 Loading... 的加载过程的话，会显得干愣愣的，用户体验较差，所以需要添加一个进度条来提示用户上传的进度，下面有两种方式，一种假的，一种真的，伙伴们可根据需求自行选取实现。

2024-01-11 23:00:00 8805 5

原创 Vant2组件库van-list+Toast下拉加载滚动条回顶问题

Vant2组件库van-list+Toast下拉加载滚动条回顶问题目录List 列表Toast 轻提示解决方案1、不使用Toast 的加载提示2、修改调整pointer-event 属性值3、判断是否为第一次加载再使用4、forbidClick 设置为 false5、自定义组件

2024-01-08 23:45:00 3012

原创 Element｜InfiniteScroll 无限滚动组件的具体使用方法

Element｜InfiniteScroll 无限滚动组件的具体使用方法在前端开发中，很多页面都需要实现无限滚动的效果，即当页面滚动到底部时，自动加载更多的数据。Element Infinitescroll 是一款方便易用的 Vue 组件，可以帮助我们快速实现无限滚动功能。目录InfiniteScroll 无限滚动基本用法详细说明v-infinite-scroll 指令infinite-scroll-disabled 属性infinite-scroll-distance 属性总结

2023-12-30 13:15:00 4829

原创记录新招大佬针对项目所提出的优化点建议

记录新招大佬针对项目所提出的优化点建议目录1、将 debounce 封装函数替换为 v-debounce全局自定义指令1-1、原debounce 封装函数1-2、替换的v-debounce全局自定义指令2、使用 Vue 中 style scoped 深度访问新方式 :deep()2-1、 >>>2-2、/deep/2-3、::v-deep2-4、:deep()3、Edge 浏览器与 IE 浏览器实现滚动条兼容4、利用 scss 提取图片路径公共部分5、避免

2023-12-21 00:00:00 882