- 博客(71)
- 收藏
- 关注
RSS订阅原创 vue3+vite 多个环境配置
包括项目也会用到的 上传图片功能 因为上传的方法需要用其他的header类型去请求所以是单独写的请求方法 按照之前的逻辑可以固定封装一个上传图片的组件 现在不用拉 直接用env自己定义的环境地址即可。因为公司项目需求只有dev和pro两个环境 虽然我新增了3个 但是只在这两个里面配置了 .env是可以配置一些公共配置的 目前需求来说不需要 所以我也懒得配了。然后踩了一个坑 就是env的文件路径是在当前项目下 不是在views内。同一套代码 再也不用在不同的环境里来回切换请求地址了。在请求的地址也配置上。
2025-04-16 15:42:55
238
原创 H5页面在移动端自动横屏
因为需求是为了满足WEB端和手机端都可以查看整体效果 但由于UI没有设计移动端的样式 所以我想说把这个页面横屏 这样的话效果一样可以在手机端展示 所以我们需要判断是否是在移动端。整体的页面布局需要在整个div外面再套一层div 为了方便整个页面旋转 在id为rotatePage内去渲染页面需要展示的内容。如果判断是移动端 那么我再去让整个页面横屏。首先需要再head标签添加这样一段代码。
2025-03-07 16:03:10
282
原创 H5移动端复制功能
还有一个比较坑的地方就是navigator.clipboard API需要在完全上下文（https://或localhost）下才能使用 否则浏览器会拦截调用 所以这个效果在本地可以或者必须要发布到正式线才能运行成功。兼容了安卓和苹果的方法。（点击复制按钮去实现复制功能）else里是兼容苹果的 if里是安卓的。
2025-02-10 15:27:46
240
原创 vue3+antd+table列表单选框
rowKey绑定id（因为我需要获取当前行的id所以我绑定的id / rowClick 获取到当前这一行的数据）
2025-01-10 09:51:31
290
原创 vue3 下载Excel文件
后端是Java同事来对接接口 获取到了两种方法都可以下载。2、前端拿到流之后创建blob类 然后再下载。1、直接传url地址 open一个新的窗口。
2024-12-27 15:52:35
448
原创 antd重置resetFields方法无效
antd自带的重置方法没有效果 查了半天才发现原来是因为 form-item上没有配置name属性 （记录一下 有点坑）
2024-12-10 14:32:44
238
原创 前端AES加密
最近的项目需求在调用接口的时候需要加密一下 （项目环境 vue3.0）key和iv需要和后端的同事告知一下 不然解密的结果是错误的。
2024-12-09 09:32:39
111
原创 Vue3 Echarts中国地图（包含轮播高亮区域）
vue3对于我来说是一个全新的东西 还在慢慢摸索和学习中 如果内容写的不对请留言告诉我！具体的配置属性我单独拿出来 因为代码太长了。
2024-10-21 10:59:37
557
原创 最近项目的笔记总结。
cardSpan 用来判断是大屏还是小屏，rowNum:0//低值耗材走马灯页数，(index+1)*2-(j+1)是用来获取当前页面的索引 不过因为我们的模块是固定8个 所以这个情况我没有测过如果只有3个模块下是否可以用 有时间我再测一下。最近vue3的项目 后端.net-findUI组件页面一起写 所以遇到了很多问题 写个总结记录一下 方便后续查找以免忘掉。差不多就这些 明天开始继续写vue3的项目 后续有新笔记再更新。如果有更好的处理方法也可以留言告诉我 欢迎！
2024-10-11 17:46:36
433
原创 Mac pnpm安装
最近在开发vue3的项目 后续应该会更新一些关于v3的笔记 以往都是开发的v2 现在开始学习v3 如果写的不对的地方可以留言或者私信告诉我。安装pnpm的时候一定要把npm更新到最新版 不然pnpm下载不成功。
2024-09-24 09:02:05
2426
原创 Vue 赋值后原数据随赋值后的数据的变化而变化
最近项目遇到的一个功能点 拿到了同一个数据源 需要在原有的数据源处理之后分为3个板块 所以处理其中一个table内的数据后 其他两个table的数据也会跟着变 查了一下有一种说法是浅拷贝和深拷贝 学到了深拷贝的方法 记录一下。
2024-07-03 11:37:43
247
原创 近期笔记总结
1、相同字段的对象 直接赋值 主要是用到编辑的功能里面 拿到的查询字段和需要赋值的字段一模一样时 不用一个一个的去写等于了。2、删除选中列表数据 (根据选中的id数组 循环table对应的索引 然后直接进行删除)
2024-06-14 15:22:51
225
原创 css 左右滚轮无缝衔接
最近的项目有做到一个功能 类似跑马灯或者公告栏那种有文字 也有列表的 所以 写了两种第一种公告栏文字是用的js第二种图文类型是用的css两种方法 记录一下。
2023-10-16 11:19:09
663
原创 vue使用echarts总结
总结在使用echarts给表格修改自定义样式1.图例属性legend: { x: 'right', //坐标位置 textStyle: {//图例字体的颜色 color: "#ffffff", fontSize:16 //设置字体大小 }, orient: 'vertical',//图例水平位置 vertical为垂直 默认是水平 horizontal itemWidth:16,//设置图例 宽度 itemHeight:10,//设置图.
2022-05-27 10:46:26
452
原创 uni-app图片浏览可放大可缩小
如何点击查看图片之后 可以浏览图片 不需要image标签 只需要一个方法 👇uni.previewImage({ current: '', urls: obj, indicator:'default', loop:true, success:function(res){ console.log(res) }});这个方法可以满足看单张 也可以看多张 如果是多张 只需要传入一个list就行了 然后current那里不需要传任何索引 具体的方法大家可以自行baidu。这个方法是可以支.
2022-04-27 15:23:51
1500
原创 qiun-data-charts组件使用
uni-app开发APP的时候会有需要表格的需求 用echarts H5页面可以使用 但是app打包之后显示不出来 会一直报error的错误 所以后面换了一个 组件 这个组件APP和H5页面都能使用。使用方法先去插件商店直接导入到项目中页面中引入<qiun-data-charts type="column" :chartData="chartData" :ontouch="true"/>chartData:{ categories: ["01-01", ".
2022-03-15 09:32:46
14695
5
原创 vue2.0引入antd
在创建项目的时候一定要记得是vue2.0 不要选择3.0 不然会跟官网的代码对不上 = = 害～主要文件main.js 的配置问题 我截了几个重点的地方import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import Antd from 'ant-design-vue';import { Button } from 'ant-desi.
2022-01-25 15:48:42
3527
原创 vue-cli3.0快速创建项目
因为平时公司的项目都是别人创建好了的 还没有真正自己上手做过 所以这次自己来尝试创建一下 从开始创建到路由配置 今天创建过程是参考的两位博主 地址我会分享出来 大家不懂的可以去看看创建步骤的链接点击这里另一位博主的创建链接点这里参考两位博主的教程 我不相信你还不会！！！不过我在创建的过程中，我前面创建的时候不是用的create的方法 所以创建出来的项目是用dev启动的而不是serve 后面才用create的方法 create的方法里面会自带router配置和vuex的文件夹 所以就用creat.
2022-01-24 15:19:21
676
原创 es6数组方法总结
1、for循环2、foreach （es5）3、map （es5）4、some5、every6、filter功能需求：扫码枪扫商品去判断当前护理项目下面是否存在这个商品 如果有 那么就存在前端的集合里面 如果没有 则提醒 没有此商品 护理项目会有多个 会存在 多个护理项目下面存在相同的商品需要核销判断此商品是否存在我是用的some方法let newAry = _this.goodsList.some(n => { let res = n.goodsList.some(r =&.
2022-01-20 14:49:58
1356
原创 uni-app PDA激光扫条形码功能开发
只针对激光扫条形码 不能触发pda打开摄像头<inputtype="text" v-model="goodName" :focus="isFocus" @blur="blur" @confirm="confirm" @input="input" placeholder="请输入商品名称或商品编号" class="patientName" />这里一定要用v-model的方法去绑值 不要用:value 方便做扫码后清除数据的功能默认 “isFocus”:true 这样进来.
2022-01-20 10:49:44
1873
9
原创 css深度选择器总结
在引入其他UI组件的时候因为要改变其组件的样式 一般的选择器是无法改变的 因为是使用的 scoped 会有所限制 如果要直接修改组件内的样式 那么我们需要用到 深度选择器 /deep//deep/当组件内的style有scoped时 就会给当前所有的标签添加一个【data-v-hash】的属性 并且在标签的css的 选择器的结尾加上和属性相同的的字段 这样起到的唯一性作用 实现类似于“作用域”的作用 使得当前组件内的样式只会作用于当前组件内的元素/deep/ 和 “>>>” 的.
2021-12-08 18:51:12
3088
原创 html页面纯CSS图片截取方法的总结
在开发的时候遇到过这几种情况。1、按照UI设计给的图纸的大小最后拿到的图因为原像素过大而导致的图片被缩放或者扩大的问题 2、只想呈现图片本身的某一区域的 3、截取某一部分的。 目前遇到的几种情况可以分别用不同的方法去解决，大概总结了2种，分情况来用。1、用div来代替img（这种用的比较多）<div class="fl" :style="{background:'url('+itm.img_url+') center center',backgroundSize:'300% 300%',wid.
2021-12-08 15:23:27
2723
原创 给div设置背景图同时加上渐变背景色
background:url('../assets/exchangeSuccess.png') no-repeat,linear-gradient(180deg, #FFDD80 0%, #fac663 100%);
2021-12-01 19:31:56
591
原创 JQ 获取到跳转页面传过来的参数（不适用多个参数）
**我的需求就是 当别的页面点击跳转到当前页面的时候 需要接收上个页面传过来的参数 拿到域名 然后在当前页面的返回按钮新增一个返回地址**//获得传过来的login与在数据库中对应的表单 var paras = location.search; //search获得地址中的参数，内容为'?itemId=12' console.log('paras:' + paras); // var result = paras.match(/[^\?&]*=[^&]*
2021-11-09 15:40:34
948
原创 h5页面ios键盘弹出收起后页面底部留白问题
<textarea style="width:100%;height: 180px;background: #F4F4F4;border-radius: 10px;border:0;font-size: 14px;color: #666666;padding: 20px;" data-val="true" name="CommentContent" id="CommentContent" @focus="focusIn" @blur="blurIn"></textarea>foc
2021-11-01 14:23:56
528
原创 CSS自定义三级菜单下拉框
CSS部分/*分类样式*/ /* 清楚浮动，使div盒子能被撑起来 */ .clearfix:after { content: ""; display: block; height: 0; visibility: hidden; overflow: hidden; clear: both; } .menu { /*position: relative;*/ margin-left: 8%; } /* 每一个li标签的
2021-09-08 17:03:51
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人