随笔分类 -  web前端开发

1 2 3 4 下一页

web前端开发html5/css3/java/jsp/javascript/jquery/bootstrap...
vant3升级vant4后,使用Toast、Dialog报样式不存在异常解决方法
摘要:异常现象: vant3升级vant4,直接采用v4的方法使用showToast/showDialog,但直接就报错了,如下: [vite] Internal server error: Failed to resolve import "E:/git_sh/project_code/node_mod 阅读全文

posted @ 2024-08-22 16:20 逍遥云天 阅读(599) 评论(0) 推荐(0) 编辑

vant3升级vant4后,使用toast异常解决方法
摘要:前言: 可以考虑采用官方提供的v3升级到v4的兼容写法,对现有的业务逻辑代码改动小一些。 如果不想用兼容方案,想直接使用V4的写法,可以参考后边的改造步骤。 一. 兼容方案: 安装 Vant 4 以及 @vant/compat npm add vant@^4 @vant/compat@^1 样式全局 阅读全文

posted @ 2024-08-22 15:54 逍遥云天 阅读(709) 评论(0) 推荐(0) 编辑

弹性盒子flex布局轻松实现瀑布流
摘要:这里介绍下简单实现瀑布流的方法,适合一次性加载完的数据列表。 如果是分页加载那就需要更复杂的计算了,但也可以在本案例的基础上进行扩展。 关键代码: js部分: let columCount = 2 let goodsList = this.properties.goodsList //创建跟列数相同 阅读全文

posted @ 2023-11-08 17:19 逍遥云天 阅读(1290) 评论(0) 推荐(0) 编辑

小程序的前世今生,原来小程序并不是微信最先开始推出的
摘要:这事儿还得从前后端分离开发说起: 2008 年,谷歌 V8 引擎发布,终结微软 IE 时代。 2009 年 AngularJS 诞生、Node诞生。 2011 年 ReactJS 诞生。 2014 年 VueJS 诞生。 小程序的前身——流应用也就是在这个时间段出现的。 小程序技术的诞生: Dclo 阅读全文

posted @ 2023-10-17 15:34 逍遥云天 阅读(660) 评论(0) 推荐(0) 编辑

微信小程序开发——wxml、wxs不支持indexOf,但是可以使用正则regexp替代
摘要:前言: 微信小程序的wxml/wxs均不支持indexOf,以及其他一些诸如substr/split之类的字符串函数,所以有些时候不得不在js文件中声明函数或者计算属性来进行字符串的处理。 但wxs支持正则表达式,那么可以直接用正则来实现indexOf的功能了,就可以很方便的在wxml文件中对字符串 阅读全文

posted @ 2023-10-09 11:16 逍遥云天 阅读(1007) 评论(0) 推荐(0) 编辑

原生js实现复制功能
摘要:h5新增了execCommand函数,就可以直接实现复制功能了,再也不用复制插件了,示例代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale 阅读全文

posted @ 2022-12-09 18:16 逍遥云天 阅读(378) 评论(0) 推荐(0) 编辑

微信小程序常见审核不通过情况处理
摘要:1. 小程序用户信息授权描述不明确或空白,请清晰补充描述用户信息授权目的及信息收集场景,再提交代码审核。 出现这个那大概率就是有获取用户授权登录,但是没有用户协议类的描述内容了,添加用户协议即可,如下: 2. 小程序帐号登录功能暂未符合规范要求,请在用户了解体验小程序功能后,再要求用户进行帐号登录。 阅读全文

posted @ 2022-11-02 10:26 逍遥云天 阅读(2524) 评论(0) 推荐(0) 编辑

yyyyMMddHHmmss格式日期字符串转时间戳及提取指定日期时间
摘要:后端返回了yyyyMMddHHmmss格式的日期时间,前端需要展示yyyy年MM月dd日、yyyy年MM月、MM月dd日、MM月dd日HH:mm等格式,那么就需要进行格式转换了。 这里采用正则表达式的方式进行转换,示例代码如下: 1 let { log } = console 2 let dtStr 阅读全文

posted @ 2022-05-07 15:02 逍遥云天 阅读(3576) 评论(0) 推荐(0) 编辑

vant coupon组件使用完整demo不坑人
摘要:用到优惠券选择组件,vant官网demo很不友好。百度了下,不少网友都是片段,都是做技术的,就不能贴个完整的么?给个demo让别人一个劲儿的找bug完善。这里就直接贴完整demo了,组件注册全部局部注册。 阅读全文

posted @ 2022-04-01 11:57 逍遥云天 阅读(1133) 评论(0) 推荐(0) 编辑

The requested module '/node_modules/.vite/vue.js?v=65afd58f' does not provide an export named 'default'
摘要:出现这个问题,那么很有可能还是按照vue2的方式使用的Vue Router,建议先去了解下Vue Router 3。 解决问题示例代码如下: //router.js import * as vueRouter from "vue-router"; import Home from "../views 阅读全文

posted @ 2021-09-15 19:13 逍遥云天 阅读(20245) 评论(0) 推荐(0) 编辑

git安装配置与使用
摘要:1.安装git: 下载地址:https://git-scm.com/downloads,全程默认下一步即可。 安装好之后,就可以直接使用git控制台了,如下: 在要存放代码的窗口空白处单击鼠标右键,快捷带单点击“Git Bash Here"(如果没有,那么可能就是git安装失败了) 记住这个工具,下 阅读全文

posted @ 2021-08-11 10:01 逍遥云天 阅读(1155) 评论(0) 推荐(0) 编辑

npm安装依赖报错——npm ERR! gyp verb cli的解决方法
摘要:新电脑给项目安装依赖一直失败,具体异常大致如下: 出现这个问题,可以先考虑降低node版本,这里装的是v16.3,直接官网安装v14.x稳定版本,问题解决! 如果重装之后还是不行,那关机重启、卸载重装node都可以试试。 阅读全文

posted @ 2021-08-09 21:36 逍遥云天 阅读(6404) 评论(0) 推荐(0) 编辑

vue项目打包部署服务器后无法访问背景图片问题处理方法
摘要:如果项目原来运行正常,只是添加了背景图之后背景图片无法正常显示,那么可以先查看元素,看下背景图片路径变成什么样了。 一般应该是如下这样: http://xxxx.com/static/css/static/img/xxx.jpg 这就造成了图片路径错误而无法正常加载,这个就需要对打包配置项进行调整了 阅读全文

posted @ 2021-08-05 17:41 逍遥云天 阅读(1504) 评论(0) 推荐(0) 编辑

vue+Better-scroll实现滚动位置保持并对页面切换效果进行优化
摘要:前言: 环境限制,只能用hash模式,所以不能直接用vue自身的页面缓存。 如果要保持页面滚动位置,可以在页面滚动结束后将滚动距离保存到缓存中,然后在下次加载页面的时候自动滚动指定距离。 这里以Better-scroll2.0为例进行说明。 示例代码: 1 <template> 2 <div cla 阅读全文

posted @ 2021-02-24 15:47 逍遥云天 阅读(1237) 评论(0) 推荐(0) 编辑

vue项目使用scss生成多个同心圆环按不同速度转动的效果实现
摘要:如上,实现多个同心不同宽度的圆环以不同的速度转动的特效。 本例所取项目采用了vue+vant+scss+mockjs,其中圆环采用vant的环形进度条组件,圆环的宽度、直径大小、线条的长度等采用mockjs的随机数按一定规则进行设置,圆环的循环滚动采用css3的animation动画,动画的随机频率 阅读全文

posted @ 2020-12-04 11:20 逍遥云天 阅读(1573) 评论(0) 推荐(0) 编辑

JSON转换异常——SyntaxError: Unexpected token n in JSON at position 1 如何处理
摘要:如题,JSON字符串转换JSON格式报错: 这个问题,一般在JSON字符串转换JSON对象的时候才会出现的,下面就详细介绍下。 为什么会出现这个问题? 对于JSON来说,主要由两种格式,一种是对象,另一种是数组,如下: //JSON 对象 var jsonObj={ "name":"json", " 阅读全文

posted @ 2020-10-29 15:28 逍遥云天 阅读(14695) 评论(1) 推荐(0) 编辑

vue-cli3项目引用zepto报$不存在怎么处理
摘要:异常描述: 查了下,是这个原因导致的: 只使用了 AMD 规范的模块导出方法 define,没有用 CommonJs 规范的方法 module.exports 来导出模块,不过这不是造成报错的原因。 操作步骤: 第一步:安装 script-loader exports-loader: npm ins 阅读全文

posted @ 2020-10-27 15:55 逍遥云天 阅读(1053) 评论(0) 推荐(0) 编辑

微信小程序、支付宝小程序、H5根据字符串生成相同的二维码
摘要:前言: 建议后端合成二维码,直接返回图片给前端(包括二维码带logo),如果后端没有实现这个,只返回字符串给前端,那么就需要前端来用插件合成二维码了。 前端合成二维码,就要用到插件。不少H5的二维码插件都用到DOM的,小程序中没有DOM这个概念,所以h5的好多插件并不能直接用到小程序上,也就出现了h 阅读全文

posted @ 2020-10-12 18:25 逍遥云天 阅读(1364) 评论(0) 推荐(0) 编辑

Element Ui使用技巧——Form表单的校验规则rules详细说明
摘要:Element UI中对Form表单验证的使用介绍: Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有2种: 1.对整个表单进行规则 阅读全文

posted @ 2020-07-23 15:57 逍遥云天 阅读(80475) 评论(1) 推荐(8) 编辑

1 2 3 4 下一页
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示