![](https://img-blog.csdnimg.cn/20210825143543703.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 79
Web前端
雨季mo浅忆
你来我就好好珍惜,
你走我就好好生活。
展开
-
记录移动端项目iOS端相对于安卓的各种兼容性问题
记录移动端项目iOS端相对于安卓的各种兼容性问题目录1、iOS端列表页面屏幕滑动滞涩感强烈2、iOS端的按钮以及添加的边框和倒角属性失效问题3、iOS错误识别页面时间为 a 标签4、iOS端调起软键盘界面布局走位问题5、iOS端滚动条部分滚动样式不生效问题背景 :在开发移动端H5项目的过程中,遇到了各种“ 匪夷所思 ”的奇葩兼容性问题 ( 大致就是在安卓手机上面显示好好的、在浏览器模拟器上面看也是没有任何问题的,,但就是在iOS上面看样式啥的就各种状态百出,呈现不出想要的样子原创 2024-06-05 00:00:00 · 657 阅读 · 1 评论 -
整理项目中经常用到的正则
整理项目中经常用到的正则目录1、手机号码2、Email 邮箱3、QQ 号码4、非零正整数5、URL 地址6、身份证号7、只能输入中文和英文8、银行卡号的校验9、开户行非必填时验证长度原创 2024-05-11 23:45:00 · 719 阅读 · 0 评论 -
Vue2中实现聊天界面滚动条自动滑动到最底部
Vue2中实现聊天界面滚动条自动滑动到最底部原创 2024-04-29 09:00:00 · 593 阅读 · 0 评论 -
我的创作纪念日
我的创作纪念日踏上这条不归之路,就需要不断的学习了啊,加油吧!原创 2024-04-24 20:00:00 · 308 阅读 · 0 评论 -
Vue之v-on事件修饰符的含义及使用
Vue之v-on事件修饰符的含义及使用背景:Vue 拆封了一个组件,在组件里面会使用一个方法来改变父组件传过来的值,但是在子组件里面操作父组件的数据变更,实在比较麻烦(因为单向数据流),So 能不能直接在组件上面绑定事件方法呢,因此就在封装的组件上面写了 :@click="getDataList"但是绑定的 click 方法会不生效,So 要想解决,就需要用到v-on 事件修饰符 的.native 了 , 接下来就来讲解一下各修饰符的含义及使用。原创 2024-04-18 23:45:00 · 666 阅读 · 0 评论 -
Vue_管道符“|”(单竖线)的用处
Vue_管道符“|”(单竖线)的用处目录1、管道符是什么2、应用场景原创 2024-04-18 08:00:00 · 1187 阅读 · 0 评论 -
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 · 3737 阅读 · 0 评论 -
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 · 1459 阅读 · 0 评论 -
Element|Upload结合Progress实现上传展示进度条
Element|Upload结合Progress实现上传展示进度条背景 : 项目里的 附件上传 题型组件,用户在上传过程中,如果文件较大,上传过程较慢,而又没有一个类似 Loading... 的加载过程的话,会显得干愣愣的,用户体验较差,所以需要添加一个进度条来提示用户上传的进度,下面有两种方式,一种假的,一种真的,伙伴们可根据需求自行选取实现。原创 2024-01-11 23:00:00 · 6220 阅读 · 3 评论 -
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 · 2452 阅读 · 0 评论 -
Element|InfiniteScroll 无限滚动组件的具体使用方法
Element|InfiniteScroll 无限滚动组件的具体使用方法在前端开发中,很多页面都需要实现无限滚动的效果,即当页面滚动到底部时,自动加载更多的数据。Element Infinitescroll 是一款方便易用的 Vue 组件,可以帮助我们快速实现无限滚动功能。目录InfiniteScroll 无限滚动基本用法详细说明v-infinite-scroll 指令infinite-scroll-disabled 属性infinite-scroll-distance 属性总结原创 2023-12-30 13:15:00 · 4065 阅读 · 0 评论 -
记录新招大佬针对项目所提出的优化点建议
记录新招大佬针对项目所提出的优化点建议目录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 · 873 阅读 · 0 评论 -
Vue2之防抖_debounce封装函数&v-debounce自定义指令(传参/不传)
Vue2之防抖_debounce封装函数&v-debounce自定义指令(传参/不传)目录1、防抖2、debounce- 封装函数3、v-debounce全局自定义指令原创 2023-10-20 20:00:00 · 1238 阅读 · 0 评论 -
记录解决IOS滚动跳转不生效问题
记录解决IOS滚动跳转不生效问题目录背景 :解决过程 :解决方案 :最终代码 :背景 :项目类似于问卷星里面的问卷调查,当你点击提交按钮时,页面会有弹窗提醒你有哪些题型没回答,点击确认之后,页面滚动条会自动跳转至未回答项的 offsetTop 高度位置原创 2023-08-24 08:00:00 · 546 阅读 · 0 评论 -
使用 flatMap 进行扁平化映像处理数据
使用 flatMap 进行扁平化映像处理数据Map.flat 循环 + 二维 变 一维 就是 flatMap 了原创 2023-08-16 06:00:00 · 294 阅读 · 0 评论 -
项目难点:解决IOS调起软键盘之后页面样式布局错乱问题
项目难点:解决IOS调用起软键盘之后页面样式布局错乱问题原创 2023-08-15 05:00:00 · 2344 阅读 · 1 评论 -
如何设置HBuilderX保存时自动格式化整理代码
如何设置HBuilderX保存时自动格式化整理代码初次使用HBuilderX编辑器时,时常因为写完代码然后右键点击重排代码格式而感到麻烦,特此整理一下解决过程 :原创 2023-08-05 05:00:00 · 5543 阅读 · 0 评论 -
解决Vue2中控制台报错 [WDS] Disconnected! 问题
解决Vue2中控制台报错 [WDS] Disconnected! 问题Vue2 项目打开控制台时发现如下报错 :[WDS] Disconnected! client?9556:172其实并没有对项目运行本身造成什么实质性的影响,但是一条红色的提示摆在那里确实不太好看,还是把他给解决掉吧。原创 2023-07-19 23:45:00 · 1032 阅读 · 0 评论 -
移动端Vue2实现文件图片上传功能
基于 Vue2 + Vant2 组件库实现 :移动端 Vue2 实现文件图片上传功能原创 2023-07-09 00:00:00 · 1137 阅读 · 0 评论 -
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符
Vue项目在IE浏览器页面白屏且报错SCRIPT1010:缺少标识符背景 :Vue2 项目在谷歌浏览器运行好好的,在 IE 浏览器打开就会出现各种的问题。。原创 2023-07-07 07:00:00 · 2929 阅读 · 0 评论 -
我的创作纪念日
1、刚工作时,常常都会用自己的闲暇时间来写写自己在实际开发工作中遇到的各种问题,回各种百度,解决之后自己再把问题从头到尾整理捋一遍,然后写一篇博客来记录,以便加深自己的影响,利于以后遇到类似问题后可以更快的解决,提高开发效率。2、发现自己的成长越来越缓慢,有点迷茫的时候,就会自己没事翻一翻《红宝石》,看看一些基础性知识,稳固一下根基,由于看书很容易过目就忘,所以也会变看边整理写在了博客上,也是方便加深自己的记忆,也方便后期自己查阅。3、志同道合的领域同行,哈哈,可能还是当初我那些一块学习的朋友们吧。原创 2023-07-03 23:45:00 · 135 阅读 · 0 评论 -
记录基于Vue.js的移动端Tree树形组件
Vue 树形选择器( Vue tree select )组件在搭建 Vue 的 app 中特别常用,Vue tree select 除了简单的树形结构外,还有非常多样的功能来配合不同场景的使用。比如搜索过滤,前端添加删除树枝,前端编辑修改子树名,拖拽排序,对用户操作事件记录等。本文记录了我自己使用多年最好用的 2款 Vue tree select 组件,每一款都经过我实际测试,推荐给大家。原创 2023-06-09 09:00:00 · 14530 阅读 · 3 评论 -
Vue2移动端实现一个可拖拽悬浮球组件
【前端】Vue2移动端实现一个可拖拽悬浮球组件原创 2023-05-18 20:12:26 · 3083 阅读 · 2 评论 -
解决:ValidationError: Invalid options object. PostCSS Loader ......
PostCSS Loader 已使用与 API 架构不匹配的选项对象进行初始化。vue --version 这时候看到 vue-cli 已经是 @4 版本的了。卸载掉当前 5.x 的版本( mac 版本 的前面需要加上 sudo )直接下载 @4 版本( mac 版本 的 前面需要加上 sudo )- 选项具有未知属性“plugins”。最后再按照创建项目的步骤重新走一遍就 OK 了。使用 vue/cli @'./xxx/xx' 中出现错误。1、首先打开终端执行。原创 2023-03-29 23:00:00 · 6902 阅读 · 6 评论 -
vue/cli5.x运行项目报错error Replace `xxx` with `··xxx·` prettier/prettier 解决办法
vue/cli5.x运行项目报错error Replace `xxx` with `··xxx·` prettier/prettier 解决办法目录问题背景解决办法1、关闭 Prettier"prettier/prettier": "off"2、执行修复命令npm run lint --fix原创 2023-03-27 20:00:00 · 8153 阅读 · 0 评论 -
《红宝石》第3章“基本概念”【下】
《红宝石》第3章“基本概念”【下】目录3.6 语句3.6.1 if 语句3.6.2 do-while 语句3.6.3 while 语句3.6.4 for 语句3.6.5 for-in 语句3.6.6 label 语句3.6.7 break 和 continue 语句3.6.8 with 语句3.6.9 switch 语句3.7 函数3.7.1 理解参数3.7.2 没有重载3.8 小结原创 2023-03-22 23:45:00 · 215 阅读 · 0 评论 -
JS判断是否为base64字符串&如何转换为图片src格式
JS判断是否为base64字符串&如何转换为图片src格式需求背景 :如何判断后端给返回的 字符串 是否为 base-64 位 呢 ?以及如果判断为是的话,如何给它进行转换为 img 标签可使用的那种 src 格式 呢 ?原创 2023-03-20 20:00:00 · 5533 阅读 · 0 评论 -
《红宝石》第3章“基本概念”【上】
《红宝石》第3章“基本概念”【上】目录3.1 语法3.1.1 区分大小写3.1.2 标识符3.1.3 注释3.1.4 严格模式3.1.5 语句3.2 关键字和保留字3.3 变量3.4 数据类型3.4.1 typeof 操作符3.4.2 Undefined 类型3.4.3 Null 类型3.4.4 Boolean 类型3.4.5 Number 类型3.4.6 String 类型3.4.7 Object 类型3.5 操作符3.5.1 一元操作符3.5.2 位操作符原创 2023-03-10 23:45:00 · 543 阅读 · 0 评论 -
JavaScript_Object.keys() & Object.values()
JavaScript_Object.keys() & Object.values()目录一、Object.keys()二、Object.values()原创 2023-03-08 18:00:00 · 2452 阅读 · 0 评论 -
通过自定义指令v-dialogDrag实现拖拽移动
通过定义自定义指令 v-dialogDrag ,实现 元素(弹框)拖拽移动。原创 2023-02-25 00:00:00 · 596 阅读 · 0 评论 -
Error handling response: TypeError: self.processResponse is not a function
Error handling response: TypeError: self.processResponse is not a function at xxx处理响应时出错:TypeError:self.processResponse 不是xxx处的函数原创 2023-01-10 22:00:00 · 857 阅读 · 1 评论 -
JavaScript之“+“、“!“、“!!“、“!!+“写法使用说明
JavaScript之"+"、"!"、"!!"、"!!+"写法使用说明JavaScript 类型转换之高阶写法 "!!+"目录1、"+" 的使用2、"!" 的使用3、"!!" 的使用4、"!!+" 的使用项目实际所用 :原创 2022-12-27 23:45:00 · 4642 阅读 · 2 评论 -
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误
整理各种Vue项目在IE浏览器白屏报错 SCRIPT1002:语法错误这篇文章主要介绍了 Vue项目在 IE 浏览器显示白屏并报错 SCRIPT1002: 语法错误 的案例。目录一、关于 sockjs-client 依赖包二、关于 highlight 依赖包三、关于 swiper 依赖包四、IE 不支持 ES6 语法五、第三方插件引入导致六、本地环境正常,生产环境仍旧白屏原创 2022-12-24 00:45:08 · 9292 阅读 · 1 评论 -
记录Win7系统下的node版本升级过程及后续项目启动所遇问题
记录Win7系统下的node版本升级过程及后续项目启动所遇问题目录Windows7系统如何“安装”高版本Node后续项目运行启动时遇到的问题 Bug原创 2022-12-20 23:45:00 · 1141 阅读 · 0 评论 -
电脑误删Path环境变量后前端如何重新配置所需变量
电脑误删Path环境变量后前端如何重新配置所需变量需求背景 :当时公司需要我们安装一款软件 , 按照操作文档需要配置一下Path 环境变量 , 但当时的云桌面操作系统是 window7系统 ,当时配置时并不知道新的变量配置时需要在前面一个的后面加 “ ; ”来间隔开来 , 就直接配置上了 , 结果就是原来的 Path 变量全都被覆盖掉 , 没有了 , 所以导致我曾经配置好的 node 环境变量也没了 。。原创 2022-12-03 23:45:00 · 1476 阅读 · 0 评论 -
Echarts实现男女比例图表
实现用 Echarts 图表库完成一个展示 男女比例 的效果图原创 2022-11-19 09:00:00 · 3295 阅读 · 1 评论 -
Git _ 报错信息
Git _ 报错信息目录整理自己在日常使用 Git 时 , 出现的一些异常信息:目录VSCode 内 GitLens 不生效git 新建分支 并 切换到该分支远程分支被删除后如何同步本地代码到新的远程分支上 ?( 1 ) => 通过 Git把工作区的内容 add 添加到暂存区 的时候 , 报了 警告( 2) => 通过 Git 本地仓库 push 到远程仓库的时候,报了异常( 3 ) => 最终通过 Git 本地仓库 push 到远程仓库的时候,报的异常原创 2021-10-20 20:00:00 · 6899 阅读 · 0 评论 -
Vant 2 - 移动端 Vue 组件库 _ 问题记录
Vant 2 - 移动端 Vue 组件库 _ 问题记录发布初衷 :记录在移动端项目中使用 Vant 2 组件库时遇到的各种问题,方便以后再次遇到类似问题 , 能够快时查阅解决 ,大家要是觉得有帮助的话 , 可以收藏一下 , 博主会不定时更新文章的目录基础组件Popup 弹出层表单组件DatetimePicker 时间选择Field 输入框Form 表单Picker 选择器Radio 单选框Uploader 文件上传展示组件List 列表导航组件Tab 标签页原创 2022-10-28 00:00:00 · 24128 阅读 · 8 评论 -
新入手Mac配置前端环境教程
新入手Mac配置前端环境教程跳槽新进入一家公司给新配置的 Mac 电脑那么我们接下来该如何步入正常的前端开发流程呢 ?在此稍微记录一下 , 节省时间 ,以防后期再用到 。目录1、安装 Xcode2、安装 Homebrew3、安装 Git4、安装 nvm利用 nvm 安装 nodeMac系统安装nvm后,nvm命令找不到原创 2022-10-26 09:00:00 · 3654 阅读 · 1 评论 -
前端之从头开始学《红宝石》
前端之从头开始学《红宝石》JavaScript 高级程序设计 , 前端界简称为: 红宝石 之书创作此篇文章的目的呢就是希望和大家伙一起从头将此书捋一遍 ,夯实巩固自己的 JavaScript 基础 , 地基不稳 , 如何建高楼呢 ?一起加油努力吧 , 毕竟这个行业你要是不卷 , 很容易就会被替代了 。。原创 2022-10-24 22:24:10 · 3349 阅读 · 0 评论