logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

nginx解决静态页面中ajax跨域方案配置

有些老项目遗留的静态页面使用jquery中ajax 又不想使用webpack或者gulp启动,用Nginx配置跨域问题。然后进入nginx\conf下的 nginx.conf 下 使用编辑器vscode或者其他编辑器打开进行配置信息修改。配置好后使用命令nginx -s reload (在nginx文件夹下启动cmd终端后输入命令重启Nginx)然后在浏览器输入localhost:4000出现如下

#nginx#ajax#运维
uniapp vue3 小程序中 手写模仿京东淘宝加入购物车红点曲线飞入样式效果 简化版代码

本文介绍了在uniapp+vue3环境下实现类似京东淘宝购物车红点飞入效果的简化方法。通过动态设置红点元素的transform属性实现抛物线动画效果,关键步骤包括:1)获取点击按钮的屏幕坐标;2)计算红点起点和终点位置;3)使用CSS过渡动画实现曲线运动;4)动画完成后重置红点位置。代码中通过uni.createSelectorQuery()获取元素位置,结合系统窗口信息计算运动轨迹,设置900m

#uni-app#小程序
uniapp uview-plus中 up-cascader 做省市县级联的时候数据编辑回显 只显示了父级 子级别不展示的问题

摘要:uniapp中使用uview-plus的up-cascader组件进行省市县三级联动时,发现数据回显仅显示父级而子级不展示的问题。经排查确认是插件代码缺陷导致,通过在u-cascader.vue文件的setDefaultValue方法中添加代码(判断levelList长度并补充当前层级数据)解决了该问题。解决方案需手动修改uni_modules下的组件代码,但需要注意重新安装插件时需要再次修

#uni-app
解决使用 UniApp 搭配 Vue3 小程序开始 使用uview-plus 的返回顶部up-back-top中onPageScroll 不触发的问题

摘要:解决UniApp+Vue3小程序中使用uview-plus的up-back-top组件onPageScroll不触发问题。关键点:1)外层容器需设置高度但不能限制overflow;2)使用自定义导航栏需配置navigationStyle:custom;3)pages.json中disableScroll必须为false。同时提供了自定义返回顶部按钮的实现方案,通过监听onPageScroll

#uni-app#小程序
uniapp+vue3 微信小程序中 页面切换tab 页面滚动到指定锚点位置,滚动页面时候到达指定锚点位置吸顶tab 会自动进行切换

本文介绍了在uniapp+vue3开发的微信小程序中实现页面滚动锚点定位与tab切换联动效果的方法。通过监听页面滚动事件(onPageScroll)和获取元素位置信息(createSelectorQuery),实现了:1)点击tab自动滚动到对应锚点位置;2)滚动到指定锚点时自动切换tab;3)滚动超过阈值显示吸顶tab栏。关键点包括:正确获取元素高度信息、设置合适的滚动阈值、确保滚动事件能正常触

#uni-app#微信小程序
js中进行字符串替换的方法

1,str.replace(“需要替换的字符串”,“新字符串”),这个只替换第一个查找到的字符。2,str.replace(/需要替换的字符串/g,“新字符串”)这个全局替换查找到的字符。

#javascript#前端
element的中手动上传Upload文件做法,文件上传时转换成base64格式

手动上传主要是配置参数:auto-upload=“false”的使用 设置true则代表自动上传(即选择文件就开始上传服务器)其他配置如下如果不想使用base64格式提交还可以使用FormData() 方法数据信息提交只需要在提交代码时进行数据序列化就行...

#javascript#前端#开发语言
vue3+vite中使用环境变量 .env 的一些配置情况说明

在项目文件中新建文件.env.env.pro两个文件其中.env 是默认设置.env.pro 为正式环境设置。console.log( import.meta.env)//查看相关信息这里不显示非VITE开头的变量。正常使用的时候没有提示信息,想增加提示信息在vite-env.d.ts或者env.d.ts进行如下配置即可。使用 import.meta.env.VITE_NODE_ENV 获取环境变

#前端
到底了