- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vite3 + Vant + vue3 + ts H5页面的基础配置
该插件css解析器采用postcss，使用Browserslist库，可以对浏览器的版本做精确设置。前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了能够直接按照设计图的尺寸开发，并且能自动编译转换成rem，下面就来分享下postcss-pxtorem的使用。vant组件、样式的按需引入：@vant/auto-import-resolver unplugin-vue-components unplugin-auto-import。
2024-05-18 14:36:40
373
1
原创 nginx部署多个web项目
部署成功后，浏览器访问：http://ip.port/record_plat/（如果默认端口为80端口，端口在nginx.conf中配置，浏览器访问http://ip/record_plat/，即可）部署成功后，浏览器访问：http://ip.port/（如果默认端口为80端口，端口在nginx.conf中配置，浏览器访问http://ip，即可）4. 部署的文件路径：/usr/local/nginx/html/ ---> 浏览器输入：http://ip.port，；文件名：nginx.conf。
2024-05-17 15:35:29
618
原创 一键复制（js或插件）
2.1 在html标签上直接使用（注，下面的方法，复制成功后，没有相应的页面反馈；以上就是前端复制的简单实现，方便后续再用到的时候，快速回忆。使用插件 clipboard实现文本复制。
2024-02-07 11:16:08
512
1
原创 git stash指令
当我们在原来的项目上添加新需求的时候，一般会从当前上线的分支上重新拉一个新分支进行开发。但是当新需求尚未开发结束，上线的项目中有问题，需要回到上线的分支上调整的时候，会碰到一个问题，就是当前分支还没有开发完，此时切换分支会出现一些麻烦，那么此时就需要git stash了。git stash 是将当前分支上的代码进行暂时存储。这样就方便我们切换原来的分支，但是又不会影响到原来的分支。新增的文件是不会被暂存的。
2024-01-26 13:44:05
130
1
原创 H5项目在ios 系统版本12.0中打不开的情况
背景：最近做了一个H5项目，主要是vue3+vite等技术栈来写的；3、知道了可能是某些高阶语法在ios12中不兼容，那当时就想着把没有babel成功的语法手动降成es5的，但是全局检索发现这些语法都不是开发者中的代码，而是官方的写法，我担心我的水平不够，改了一处导致整个项目崩掉，索性就放弃了这个写法；2、在工具引入后，在测试环境中，我们发现控制台中没有报任何错误，然后就去看看network中的静态资源加载，发现有几个js、css文件资源没有加载，然后又在百度、CSDN上转了半天，找到一篇博主写的文章。
2023-11-24 14:43:35
1085
1
原创 element-plus分页组件中被选中的背景色定义
在这个组件中单独修改变量“--el-color-primary”的值，那么当前被修改的这个变量只会作用于这个组件上，以此达到修改的效果。可以看出来此时的is-active选择器使用的background-color对应的是变量“--el-color-primary”，因此修改这个即可。element-plus库中的分页组件，默认的选中背景色为天蓝色。但是有时候为了适应当前项目的整体背景色，需要进行修改。），开发者可以进行特殊样式的处理。那为啥修改这个变量，就能改变分页组件的背景色呢？
2023-10-19 13:56:40
1529
原创 vue3+vite+mock模拟数据，使用插件vite-plugin-mock踩坑
解决办法：在上述的问题文件中加上两句话即可，让vite识别require。3、在项目根目录下创建mock文件夹，并创建文件index.ts。2、在vite.confog.ts中进行配置。4、在src/main.ts中引入mock文件。（1）定义API方法。
2023-08-04 16:54:25
3555
3
原创 vue3+vite+vant4，vant样式的踩坑
开发的时候，在本地调试，使用了Toast一类的轻提示（样式也是在当前页面引入）；但是打包上测试环境的时候，发现是弹出提示了，但是弹框的背景没有了，也就是说，弹框的background变成了白色（默认的）；最近的一个项目用了vue3，然后UI组件库使用的是vant4；但是有部分样式是以函数的方式提供，所以这些组件在使用的时候，需要手动引入。本人以为手动引入的话，那就在我使用这个组件的页面引入不就好了吗，样式也是在这个页面引入即可。但是我的dialog弹框的样式是在页面中引入的，为啥没有出现这个问题呢？
2023-08-04 13:47:21
972
1
原创 vue3+vite项目，打包后，图片失效的问题
第一次使用vue3+vite写一个项目，不太清楚这里的配置和vite构建工具的特性，所以在开发的时候，图片的路径都是用的相对路径；这样的静态路径引入，在开发和打包上测试环境都没有问题，都能正常显示！可以发现，在域名下直接接了src文件，但是这个域名下面是没有src文件夹的。所以浏览器报错了，同时页面没有图片显示，所以打包的时候，图片的路径出问题了！结尾：此文章仅为了下一次有相同的问题能够快速的解决，具体造成这种错误的原因需要去了解vite，有时间再说吧！这样的话，开发和上测试的时候，图片都能够正常显示了！
2023-08-02 23:34:01
8147
原创 remote: The project you were looking for could not be found.远程分支拉取报错
1、zhangxx 就是你的git账号的user.name；注意要在用户名后面加上@1、首先查看git 账号是不是本人的，是本人的话，直接跳第二步。2、在克隆的时候，在“http://”后加上用户名，即。然后在进行clone，如果还是这个问题，看第二步。如果不是本人的，需要将账号设置成本人的！2、@后就写git地址就行了！具体原因没有琢磨，先留坑！
2023-07-21 11:04:26
258
1
原创 使用原生小程序写一个遮罩层
注意：这种效果没有阻止滚动条滚动，也就是说，在遮罩层的情况下，其下方的内容还是可以滚动查看的。但是在小程序端查看的时候，用户一般是点击了取消按钮或者是点击查看才对。
2023-07-03 22:21:07
605
1
原创 vue工程中postcss的基本使用
所以我们在使用postcss中的插件的时候，我们只需要直接安装对应的插件即可。4.启动命令：npm run serve；打开浏览器检查元素，就可以看见效果。在Vue.js项目中，
2023-06-24 20:23:58
1734
2
原创 vue2的打包事项（publicPath路径），部署在域名子路径上
/ 例如 https://www.ruoyi.vip/。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions。// http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件。$/i, // 压缩文件格式。
2023-06-18 21:02:16
4929
原创 微信h5支付referer的问题
本人在开发的时候，当时第一次碰到微信h5支付，根据后端返回的mweb_url直接使用lcoation.href进行跳转，（注意，此时是开发环境下，即localhost：8080下），然后微信支付后台验证之后，返回的了“商家存在未配置参数，请联系商家解决”；然后我也是第一次碰到这个情况，我以为是后端的参数没有配置，直接找后端沟通，然后后端让我在头里面加上referer这个参数，我想我前端用的是location.href跳转的，怎么在头里面加上referer这个参数呢？因为微信支付后台就会给出这样的返回。
2023-06-05 19:43:52
1874
3
原创 前端项目部署
首先找到公司要发布的正式环境的服务器 其次将需要部署的项目进行打包，并且拷贝打包后的dist文件 登录服务器之后按照公司各自的部署要求在对应的目录下面，将打包好的dist文件粘贴到目录下。比如：D:/flower/weixin/play/dist 然后根据部署的地址获取对应的正式环境的访问地址，比如 D:/flower/weixin/play ==>https://xxx.cn/weixin/play 部署完成后，如果公司有多个服务器，可能还需要进行同步（这个同步操作，公司应该有对应的脚本）
2023-06-05 18:55:09
126
1
原创 前端vue项目简单部署于nginx
表示监听前端服务器端口8080的端口，即在浏览器地址栏输入localhost:8080，即可访问html文件下dist文件夹中的index.html文件。# 会去nginx服务器下哪个位置寻找文件，下面的写法就是说在nginx下的html文件夹下的dist文件夹下的index.html。# 这边是配置了反向代理，当浏览器访问的是“/api”这个资源的时候，会访问3001端口的资源。# 这句话是为了在打开index页面后，再次刷新，浏览器报出404的问题。# 服务的ip为localhost。
2023-05-29 08:14:29
1239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人