- 博客(33)
- 收藏
- 关注
RSS订阅
原创 git常用命令-实践版
1、git clone http://xxxxxxxxx(远程仓库地址) —— 下载项目2、git checkout -b cy_new(自己起的本地分支名) —— 新建并切换到cy_new本地分支3、 git push --set-upstream origin cy_new(远程分支名称) —— 新建远程分支cy_new 并将本地分支与远程分支创建连接4、git pull origin feature/dev —— 拉取远程分支feature/dev的内容5、git add . —— 添加文件
2021-11-24 11:31:47
723
原创 vue前端项目优化-统计无用文件useless-files-webpack-plugin
【代码】vue前端项目优化-统计无用文件useless-files-webpack-plugin。
2024-05-07 15:56:38
364
原创 css导致position:fixed属性不生效的原因
1.transform 属性值不为 none 的元素;2.父级元素存在position:fixed;
2023-05-12 14:27:30
798
转载 decimal.js的使用
decimal.jsjs有精度问题, 对于一些金额的计算就总是与偶莫名其妙的问题 decimal.js是使用的二进制来计算的, 所以能解决js的精度问题基本的加减乘除 因为只用到了基本的加减乘除, 其他的也没去研究 const a = 9.99; const b = 8.03; // 加法 let c = new Decimal(a).add(new Decimal(b)) // 减法 let d = new Decimal(a).sub(new Dec
2022-05-07 10:46:51
569
原创 a-table 根据某字段的值添加行背景色 ant design vue
写在前面：需求：高亮“客户名称”是“晓明”的数据行实现：用到 ant design vue table 的api：rowClassNamevue文件相关代码<script>methods() { rowClassName(record,index) { return record.custName == '晓明'? 'row-background':'' }}</script><style scoped> /deep/.row-
2022-03-29 12:02:52
2778
1
原创 vue2+ant design vue 项目开发小坑(一)——computed属性不生效
写在前面：按照标题内容搜，只能搜到计算属性和watch监听的原理，因为他压根就是生效了！但是有点小瑕疵~核心代码是这样的：data ({ return { projectInfo: {}, form: this.$form.createForm(this, { onValuesChange: (props, values) =>{if (values ==this.testInfo) returnobject.assign(this.testInfo, value
2022-03-18 18:24:32
3074
原创 ant design vue给table设置斑马条纹样式
效果图<a-table :columns="columns" :data-source="data"></a-table>css设置：<style lang="less" scoped>/* 表格斑马样式 **//deep/.ant-table-tbody tr:nth-child(2n) { background-color:#fafafa; }</style>js设置：参考链接：https://blog.csdn.net/yorc
2022-02-22 18:07:06
5180
1
原创 路由里增加了一个问号【问题解决】
测试反馈：点击按钮没有调用接口；复现的时候发现点击按钮之后页面重新刷新了一遍，调用的接口状态为faile（被取消），再次点击按钮接口调用恢复正常。发现问题首次点击才刷新，两次网址有改变.原网址：http://localhost:8080/#/businessManagement改变后网址：http://localhost:8080/?#/businessManagement解惑博客：https://blog.csdn.net/Miss_liangrm/article/details/1.
2022-02-16 11:12:25
609
原创 PageHeaderWrapper 组件所在分支地址
proLayout组件官方地址：https://github.com/vueComponent/pro-layout/blob/v2/README.zh-CN.md
2022-01-26 10:26:26
715
1
转载 http请求状态码
1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2xx （成功）表示成功处理了请求的状态代码。代码 说明200 （成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务
2022-01-13 10:36:01
120
原创 css——设置圆角属性获得不规则边框
效果图这种样式可以用在Badge徽标上，比如前四种；第五种是一般用在移动端首页，上面一个swipe,下面设置圆角接其他内容；etc.一般会用到圆角属性border-raduis，可以同时设置四个角,效果略，还没写完，又来活了，等有时间补上参考地址：https://www.w3school.com.cn/css/css3_borders.asp...
2021-12-30 16:15:47
576
原创 开箱即用——移动端的简单的按钮拖拽功能
效果图附带一个视频转gif的网站，free且clean！强推！良心网站~~~i了i了https://www.aconvert.com/cn/video/mp4-to-gif/VUE框架H5项目的移动端vant组件库（拖拽功能跟组件库没有关系hhO(∩_∩)O哈哈~）用到触摸事件触touchstart、touchmove如果需要可拖动按钮松开之后靠边、隐藏之类的效果，用触摸事件touchend，项目中没有用到我就没写(▽)<template> <div class=
2021-12-29 11:15:01
1505
原创 背景图平铺 background-size不生效
原代码height：340px;background-image: url( ' ../ ../assets/empty.svg');background-repeat: no-repeat;background-size: 100% 100%;设置了不重复、background-size: 100% 100%，图片依旧居中在容器中间，不占满整个屏幕。是因为svg不支持这个属性！！！！换成png或者jpg格式的就好了！搜了一下也没明白为啥，欢迎大佬看到给我留言~~~...
2021-12-16 18:07:36
901
原创 开箱即用——js金额转为大写
输入数字，输出大写金额字符串，支持小数，支持四舍五入效果图代码// 金额转为大写transCnMoney(number){ if (number){ let CN_MONEY = '' let CN_UNIT ='任佰拾亿任佰拾万任佰拾元角分' number = parseFloat(number).toFixed(2).toString() // 浏览器默认为整数型,将数字转为2位有效数字的float类型再转为字符串 const dot .
2021-12-16 17:15:03
182
原创 开箱即用——格式化数字（常用于金额）正则/js
需求：①最多有两位小数的数字②转成3个数字一间隔的字符串的格式，用逗号隔开例：12345 => 12,345.00使用正则转换输入 233333，输出 233,333.00代码formatterAmount(value){ if (value &&/^-?\d+\.?\d{0,2}$/.test(Number(value))){ return Number(value).toFixed(2).replace(/\B(?=(\d{3})+(?!\d)
2021-12-16 16:46:39
413
原创 移动端vue使用kkfilrview线上预览文件
需求：点击文件称，跳转预览页面支持文件类型：kkfilrview官网地址： https://kkfileview.keking.cn/zh-cn/docs/home.html例如nginx的访问地址为 https://file.keking.cn 想要使用 https://file.keking.cn/preview/来做预览，kkFileView部署在内网192.168.1.233服务器上，需要在nginx中添加反向代理如下：location /preview { proxy_pass
2021-12-07 17:14:00
5552
6
原创 使用Blob本地预览图片（vue环境）
话不多说，上代码<template> <div> <img :src="imgSrc" alt="" > </div></template><script>export default { data(){ return { imgSrc: '', } }，
2021-12-06 18:01:59
1602
原创 开箱即用——鼠标移入显示滚动条并设置滚动条样式
效果图此处只说明滚动条设置，横线布局参考https://blog.csdn.net/cy1502/article/details/121543818?spm=1001.2014.3001.5501主要属性：hover,overflow:hidden及滚动条属性完整代码<template> <div> <div class="page-cards"> <div class="page-card" v-for="item in ca
2021-11-25 20:16:58
1067
原创 开箱即用——vue页面日期显示
效果图此处只说明滚动条相关，横向布局参考：https://blog.csdn.net/cy1502/article/details/121543818?spm=1001.2014.3001.5502重要属性：①鼠标移入事件 div的hover事件 div:hover②滚动条属性完整代码<template> <div> <div class="page-cards"> <div class="page-card" v-
2021-11-25 20:08:24
664
原创 开箱即用——div横向布局并出现滚动条
效果图重要属性：①横向布局 父div设置white-space:nowrap （强制不换行）； 子div设置display:line-block（行内块元素）;② 出现滚动条 父div设置高度！！！！ 设置overflow-x:scroll;overflow-y:hidden;完整代码：<template> <div> <div class="page-cards"> <div class="pa
2021-11-25 18:14:40
2706
2
原创 本地文件夹上传到git库
！！！在本地安装过git服务的前提下！！1、cd existing_folder（或在本地待上传文件内,右键，Git Bash Here）2、在打开的命令窗内一次输入以下命令①git init②git remote add origin “远程git库的克隆地址”③git add .④git commit -m “Initial commit”⑥git push -u origin master...
2021-09-01 11:07:23
100
原创 开箱即用之css——让label变工整的小妙招
实现效果wxml/html<view class="invoice_box"> <text>发票抬头</text> <van-cell-group> <van-field value="{{ invoice.name }}" placeholder="请输入公司名称" border="{{ false
2021-08-18 16:33:29
493
原创 钉钉小程序开发相关资料
钉钉小程序开发相关资料1.H5接入钉钉小程序参考资料：https://developers.dingtalk.com/document/app/scheme-of-mini-programstips: 企业内部应用可以用 dingtalk://dingtalkclient/action/open_mini_app?miniAppId= 直接点击访问，appId是你要访问的小程序上传版本详情里的信息，可以在后台管理端查看2.钉钉小程序可以使用的UI组件库tarohttps://taro-do
2021-08-13 11:32:14
3196
原创 npx create-react-app xxx创建项目报错
系统初始环境配置npm 6.14.5node v14.15.0满足官网要求的Node >= 8.10 和 npm >= 5.6使用官网脚手架创建creact-react-app官网地址：https://react.docschina.org/docs/create-a-new-react-app.html#create-react-app报错信息如下：在博客里搜了一下有个博主的解答，解决了问题。博主博文链接：https://blog.csdn.net/weixin_4829961
2021-05-06 16:38:03
626
原创 移动端点击拨打电话功能
移动端vue项目拨打电话1、获取到的手机号码，调用拨打电话方法callPhone2、拨打电话方法callPhone荣耀手机（不知道能不能代替安卓机）：点击直接跳转拨打电话页面；iphone:点击底部弹出“呼叫xxx”确认；在iPhone 手机上默认值是（把数字转化为拨号链接）：<meta name="format-detection" content="telephone=yes">但是我在项目里未写入telephone=yes，安卓手机也可以拨号；
2021-04-23 17:16:46
1141
原创 vue2项目引错vant版本报错解决
vue2项目误执行npm i vant@next -S项目报错不能启动解决：1、卸载该版本vant2、安装适用vue2项目的vant版本,实测有两个版本 2.12.2、2.10.12重新运行 npm run serve/ npm run dev项目启动成功。
2021-04-19 16:40:05
4519
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人