随笔分类 -  web前端开发

1 2 3 4 下一页

web前端开发html5/css3/java/jsp/javascript/jquery/bootstrap...
微信小程序内嵌vue项目实现页面自定义分享完整示例代码
摘要:如题,微信小程序内嵌vue2的h5项目,要实现H5页面自定义分享,具体操作如下: 一. H5部分 1. public/index.html引用微信jssdk: <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 阅读全文

posted @ 2025-12-01 14:43 逍遥云天 阅读(70) 评论(0) 推荐(0)

vue+axios+van-uploader上传图片Network请求表单数据显示的是formData方法列表?
摘要:异常现象: 如题,vue项目中使用van-uploader组件上传图片,Network中查看接口调用荷载的表单数据,没有正常传递图片文件参数,而是一系列函数列表,如下: append=function%20append()%20%7B%20%5Bnative%20code%5D%20%7D&dele 阅读全文

posted @ 2025-05-21 11:53 逍遥云天 阅读(62) 评论(0) 推荐(0)

vant ui AddressEdit 地址编辑组件初始化需要地址编码areaCode的处理方法
摘要:前言: 之前使用微信小程序、uniapp的省市区选择组件,初始数据都可以直接接收省市区名称的,诸如 let addr=['北京市','北京市','东城区'] ,所以,直接根据后端接口返回的省市区数据就能完成组件初始化。 但vant ui就偏不,只能接收areaCode,开发文档上说了,areaCod 阅读全文

posted @ 2025-04-15 10:39 逍遥云天 阅读(80) 评论(0) 推荐(0)

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 逍遥云天 阅读(1170) 评论(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 逍遥云天 阅读(1561) 评论(0) 推荐(0)

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

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

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

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

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

posted @ 2023-10-09 11:16 逍遥云天 阅读(1182) 评论(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 逍遥云天 阅读(402) 评论(0) 推荐(0)

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

posted @ 2022-11-02 10:26 逍遥云天 阅读(3254) 评论(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 逍遥云天 阅读(3772) 评论(0) 推荐(0)

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

posted @ 2022-04-01 11:57 逍遥云天 阅读(1195) 评论(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 逍遥云天 阅读(20455) 评论(0) 推荐(0)

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

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

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

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

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

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

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

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

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

posted @ 2020-12-04 11:20 逍遥云天 阅读(1640) 评论(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 逍遥云天 阅读(15019) 评论(1) 推荐(0)

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

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

1 2 3 4 下一页

导航