- 博客(59)
- 收藏
- 关注
RSS订阅原创 Vue3 Echarts中国地图（包含轮播高亮区域）
vue3对于我来说是一个全新的东西 还在慢慢摸索和学习中 如果内容写的不对请留言告诉我！具体的配置属性我单独拿出来 因为代码太长了。
2024-10-21 10:59:37
343
原创 最近项目的笔记总结。
cardSpan 用来判断是大屏还是小屏，rowNum:0//低值耗材走马灯页数，(index+1)*2-(j+1)是用来获取当前页面的索引 不过因为我们的模块是固定8个 所以这个情况我没有测过如果只有3个模块下是否可以用 有时间我再测一下。最近vue3的项目 后端.net-findUI组件页面一起写 所以遇到了很多问题 写个总结记录一下 方便后续查找以免忘掉。差不多就这些 明天开始继续写vue3的项目 后续有新笔记再更新。如果有更好的处理方法也可以留言告诉我 欢迎！
2024-10-11 17:46:36
398
原创 Mac pnpm安装
最近在开发vue3的项目 后续应该会更新一些关于v3的笔记 以往都是开发的v2 现在开始学习v3 如果写的不对的地方可以留言或者私信告诉我。安装pnpm的时候一定要把npm更新到最新版 不然pnpm下载不成功。
2024-09-24 09:02:05
741
原创 Vue 赋值后原数据随赋值后的数据的变化而变化
最近项目遇到的一个功能点 拿到了同一个数据源 需要在原有的数据源处理之后分为3个板块 所以处理其中一个table内的数据后 其他两个table的数据也会跟着变 查了一下有一种说法是浅拷贝和深拷贝 学到了深拷贝的方法 记录一下。
2024-07-03 11:37:43
166
原创 近期笔记总结
1、相同字段的对象 直接赋值 主要是用到编辑的功能里面 拿到的查询字段和需要赋值的字段一模一样时 不用一个一个的去写等于了。2、删除选中列表数据 (根据选中的id数组 循环table对应的索引 然后直接进行删除)
2024-06-14 15:22:51
211
原创 css 左右滚轮无缝衔接
最近的项目有做到一个功能 类似跑马灯或者公告栏那种有文字 也有列表的 所以 写了两种第一种公告栏文字是用的js第二种图文类型是用的css两种方法 记录一下。
2023-10-16 11:19:09
572
原创 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
426
原创 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
1445
原创 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
14183
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
3477
原创 vue-cli3.0快速创建项目
因为平时公司的项目都是别人创建好了的 还没有真正自己上手做过 所以这次自己来尝试创建一下 从开始创建到路由配置 今天创建过程是参考的两位博主 地址我会分享出来 大家不懂的可以去看看创建步骤的链接点击这里另一位博主的创建链接点这里参考两位博主的教程 我不相信你还不会！！！不过我在创建的过程中，我前面创建的时候不是用的create的方法 所以创建出来的项目是用dev启动的而不是serve 后面才用create的方法 create的方法里面会自带router配置和vuex的文件夹 所以就用creat.
2022-01-24 15:19:21
659
原创 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
1300
原创 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
1803
9
原创 css深度选择器总结
在引入其他UI组件的时候因为要改变其组件的样式 一般的选择器是无法改变的 因为是使用的 scoped 会有所限制 如果要直接修改组件内的样式 那么我们需要用到 深度选择器 /deep//deep/当组件内的style有scoped时 就会给当前所有的标签添加一个【data-v-hash】的属性 并且在标签的css的 选择器的结尾加上和属性相同的的字段 这样起到的唯一性作用 实现类似于“作用域”的作用 使得当前组件内的样式只会作用于当前组件内的元素/deep/ 和 “>>>” 的.
2021-12-08 18:51:12
3054
原创 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
2626
原创 给div设置背景图同时加上渐变背景色
background:url('../assets/exchangeSuccess.png') no-repeat,linear-gradient(180deg, #FFDD80 0%, #fac663 100%);
2021-12-01 19:31:56
562
原创 JQ 获取到跳转页面传过来的参数（不适用多个参数）
**我的需求就是 当别的页面点击跳转到当前页面的时候 需要接收上个页面传过来的参数 拿到域名 然后在当前页面的返回按钮新增一个返回地址**//获得传过来的login与在数据库中对应的表单 var paras = location.search; //search获得地址中的参数，内容为'?itemId=12' console.log('paras:' + paras); // var result = paras.match(/[^\?&]*=[^&]*
2021-11-09 15:40:34
904
原创 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
466
原创 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
475
原创 url页面跳转参数乱码问题
功能点：在搜索框输入关键字从页面A跳转页面B之后希望把关键字也带到页面B「可以通过location.href拿到url链接 但是问号后带参数的内容如果是中文的话会乱码」所以解决方法如下**1、页面A ** var url = "/indexpage/infosearch?Title="+titleVal; window.open(encodeURI(url)); //记得用encodeURL转一下2、页面Bvar urlinfo = window.location.href;//获取ur.
2021-07-19 15:30:03
696
原创 Ant Design of Vue去掉加载遮罩
.ant-spin-container::after{ background: transparent!important; //这个比较重要 这个就是决定颜色的}.ant-spin-blur{ //下面这些就是一些辅助属性 比如透明度 opacity: 1!important; clear:none!important; overflow: auto!important;}...
2021-07-13 17:05:50
1836
原创 DOM同时设置背景颜色和背景图片
background:url(/UpLoad/Images/202107/AAAAWIg59ws.png) #FBCC5A no-repeat; background-size: 47% 70%; background-position: 50% 50%;项目中太多次数都用到了 干脆记个笔记 感觉还挺重要的~
2021-07-08 11:29:58
1208
原创 VUE3.0 富文本编辑器使用教程
前端 VUE3.0后端 .net在下载使用的过程中 按照网上的一些教程方法直接引入是没有问题的 但是最终会出现图片无法选择上传的问题 所以这个笔记 还是重点讲一下我遇到的问题和处理解决办法。1、安装npm i vue-ueditor-wrap# 或者yarn add vue-ueditor-wrap2、全局引入组件//引入组件// 在 main.js 中引入import VueUeditorWrap from 'vue-ueditor-wrap'// 全局注册组件Vue.com.
2021-07-06 16:48:49
2565
1
原创 【vue3.0】子组件与子组件之间传值
思路：组件a通过传给父组件再通过父组件传给组件b父组件//子组件a<form-create-conference ref="formData" @callBackInfo="handlInfo"></form-create-conference>//子组件b<form-number-setting ref="quoForm" :partInfo="infos"></form-number-setting>//通过handlInfo方法 拿到.
2021-07-02 09:14:49
1695
原创 判断标题不为空（包含空格）
最近的项目中会有发帖和帖子评论的功能 前后端都需判断帖子标题是否位空或者评论内容是否位空//1、判断内容不能为空if(titleVal == ""){ alert('标题不能为空'); return false;}//或者 如果你不需要alert 直接写if(titleVal=="") return false;//2、接着判断标题内容不能是纯空白var regu = "^[ ]+$";var re = new RegExp(regu);if(re.test(titleVal).
2021-06-21 10:38:59
405
原创 VUE3.0页面内插入组件使用
当一个页面需要用到tab栏切换数据内容的时候 如果需要切换的数据特别多 像分页列表这种的话 我们可以使用组件 一个组件代表一个tab栏的内容。先要引入组件的名字import information from '../components/information';使用组件<component :is="currentTab"></component>is属性 去绑定 你引入组件的名字 如果你引入多个组件 那么就可以灵活的去改变 currentTab的值 .
2021-05-21 11:04:01
1567
原创 VUE3.0单页面组件跳转。
需要跳转的组件<router-link :to="/home/myConsult"></router-link>显示跳转后的内容组件<router-view></router-view>**亲测有效。如果喜欢的话记得点赞收藏哦～ **
2021-05-21 10:43:06
597
原创 vue-cil3.0打包会出现页面空白的问题
因为是新手之前从未接触过vue 也算是摸瞎子过河的感觉 一边开发项目 一边解决bug 百度上大部分解决打包后空白的问题就是从config文件里面去找 我手上的这个项目是没有config文件的 所以上网查了之后才知道原来vue-cil3.0是没有config文件的 但是他会有一个vue.config.js这个文件 所以你可以直接去这个文件里面去配置 只要输入一句话即可。这是第一步。这是第一步 在vue.config.js文件里面加上publicPath第二步记得把mode改成hash3.0版本之.
2021-04-13 11:43:46
158
原创 CSS Radio、Texteare样式问题总结
1、input、texteare placeholder字体颜色大小设置 input::-webkit-input-placeholder { /* placeholder颜色 */ color: #666666; /* placeholder字体大小 */ font-size: 14px; } textarea::-webkit-input-placeholder { /* placeholder颜色 */ color: #666666;
2021-03-29 11:59:05
255
原创 安卓嵌套H5页面键盘弹不起来的问题。
赶紧记录一下 还好机智如我。因为和安卓工程师是两个不同的地方开发的 沟通起来不是很方便 PM那边测的时候 嵌套的H5页面输入法键盘一直弹不起来 但是IOS的就可以 今天一天都在找如何解决这个问题的办法 用JS jQ 获取页面窗体的大小其实都没用 因为你的网页根本没有弹起来 所以 你再怎么获取 你都无法获取键盘的高度的 后来我好好想了一下 问了一下安卓同事 才知道原来他是用的 WebView直接嵌套的H5页面 天啊 太坑了 所以我这边是无论如何都计算不出键盘的高度的 所以只能他那边给加属性就行了~ 害 想
2021-03-02 17:30:35
985
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人