- 博客(39)
- 收藏
- 关注
原创 for循环中css设置3n右边距为0,换行后右边距又没有的问题
原来觉得这是相悖的问题,思路被禁锢在中间这个块里。大佬提供了一个新的思路方式,跳出这个圈去实现。让右边块让出来一点宽,里面所有的属性全都有右边距。
2023-03-23 11:14:56
157
原创 canvas小程序分享海报
效果图// html<canvas canvas-id="myCanvas" id="myCanvas" :style="{width: canvasWidth+'px',height:canvasHeight+'px'}" />//jsonLoad(options) { this.getRatio(); this.canvasContext = uni.createCanvasContext("myCanvas"); },methods:{ getRat
2023-03-15 13:49:49
99
原创 在uniapp使用微信插件获取不到回调数据问题解决
例如:微信支付券插件,王者插件等在引入插件上绑定data-com-type="wx"即可也可关注issue链接https://github.com/dcloudio/uni-app/issues/2591
2022-01-24 20:15:16
1043
原创 代码优化重构设计思路
1.页面组件分块拆分,使用js纯函数页面减少处理逻辑2.请求封装大部分不需要code,个别code值单独处理,例如:··1)增加回调函数,code处理结果返回··2)请求增加特殊传值,接口返回结果不处理全部返回3.vuex异步模块化,个别接口请求处理放入vuex中,例:购物车的增删改查等4.关键或复杂逻辑注释清晰...
2022-01-18 20:13:51
415
原创 js 简单拖拽
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ height: 1000px; } div{
2022-01-18 11:00:02
67
原创 vue,uniapp,vue3+vite项目配置h5跨域解决
首先发起的请求应该是本地发起的服务ip的地址然后借由proxy将本地服务反向代理到正确的域名地址上
2021-12-24 15:53:23
1553
转载 推荐:为开发者提供直接可用的api
api目录包括:二次元博客书籍商业日历共享汽车云云存储物流设计开发邮件健身 & 可穿戴外汇 & 货币游戏物联网机器学习地图通信音乐新闻 & 信息笔记支付摄影位置社交购物外卖团队协作文本分析待办旅游翻译视频语音分析图像分析天气<a href="https://github.com/Rabtman/AcgClub/wiki/%E5%AE%85%E7%A4%BEAcgClub-API">宅社 AcgCl
2021-05-08 10:58:18
1466
原创 移动端省略号显示问题
问题:部分机型显示溢出原代码/* 2行超出省略号 */.ellipsis-2 { /* 将对象作为弹性伸缩盒子模型显示 */ display: -webkit-box; /* 控制最多显示几行 */ -webkit-line-clamp: 2; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-box-orient: vertical; overflow: hidden;}解决方案是加一行代码line-height: 1.5;...
2021-05-07 15:28:31
368
原创 vscode设置git命令行
在vscode设置输入terminal设置地址"terminal.integrated.shell.windows": "D:\\软件\\git\\Git\\bin\\bash.exe",
2021-04-20 17:33:04
416
原创 git设置自定义命令
首先在命令行输入vim ~/.aliases按照此格式设置自定义命令按 i 输入输入完成后按 Esc保存=> :w保存并退出=> :wq强制退出=>:q!自定义命令设置完成之后,设置要生效还要source ~/.aliases铛铛铛~现在可以用自己的自定义命令了举个栗子:...
2021-04-01 16:31:19
450
原创 uniapp,vue的cavans飘落效果
首先效果图。后补代码onShow () { this.createStar() }, mothods{ createStar () { const that = this; let { requestAnimationFrame, canvansShow } = this; function Star (x, y, radius) { this.x = x this.y = y this.sx = 0 this.sy = 0 this.deg = 0 this.radius = radius thi
2021-01-25 15:34:18
1432
8
原创 js 使用promise函数返回值
作为一个函数如果请求接口后要有返回值,在then()里面直接return,返回的是个无法使用的promise对象此时应该新建一个promise对象,return resolve(),页面可正常使用返回值,
2021-01-20 11:17:39
6287
1
原创 videojs在html和vue中播放m3u8
在html中使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>videoJs</title> <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet"> <script src='https://vjs.zencdn.ne
2020-08-25 19:01:03
1085
原创 vscode超好用的快捷键
ctrl shift d删除所有console.logctrl+alt+updown 复制当前行到下一行ctrl长按,接下来按顺序 k 0 关闭标签
2020-08-10 12:04:39
187
1
原创 uniapp引入本地图片
注意使用相对路径,需要require<image class="" mode="aspectFill" :lazy-load="true" :src="require('./img/beauty.png')" />
2020-07-31 10:27:49
14569
原创 js名字匿名只显示姓氏(第一个字)
效果如图:function formatName(str) { return str.substr(0,1)+new Array(str.length).join('*') ;}
2020-07-17 10:08:57
1290
原创 jq实现点击图片放大
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 100px;
2020-05-13 14:08:30
1197
原创 swiper4移动端轮播实例
<!DOCTYPE html><html><head> <title>移动端轮播</title> <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, ...
2020-04-26 17:37:09
331
原创 pc端双六边形重叠效果(带边框的六边形)
首先我们最关注的当然是效果图铛铛铛~效果图闪亮登场????此处应有掌声????,原理canvas+绝对定位+css绘制六边形百度许久只有单个六边形,需求不一样,我也没办法,只能自己写代码奉上↓↓↓↓↓↓↓↓↓↓↓↓html代码<li> <canvas class="myCanvas" width='500' height='500'>测试<...
2020-04-17 17:02:28
515
原创 原生js点击平滑滚动到某个元素
function toIt(id) { var timer = null var element = document.getElementById(id).scrollHeight var pageTop = document.documentElement timer = setInterval(function () { if (pageTop.s...
2020-04-15 15:02:49
781
原创 vue中路由跳转不计入history的方法
<van-field label="选择部门" :value="arr.DepartMentName" readonly right-icon="arrow" @click="$router.replace({ name: 'tree' })" />在下个页面使用replace跳回来即可...
2020-03-05 14:49:52
2290
原创 vant中tab使用组件,并且手势滑动
因为要使用tab页切换组件,只能使用name匹配而vant中的tab手势滑动又必须是索引值才生效一直以为:鱼与熊掌不能兼得,直到今天!!!( ̄︶ ̄)↗ 以前的代码<van-tabs v-model="tabName" swipeable title-active-color="#0084FF" color="#0084FF"> <van-tab name="...
2020-02-27 16:13:18
8121
2
原创 js封装时间相关函数(倒计时,时间戳,判断是否超时)
/** * * @param {*} date1 当前时间 * @param {*} date2 未来某个时间,格式"2020-2-11 17:37:00" */export function djs(date1, date2) { const ms = date2 - date1; const ss = ms / 1000; const days = parseInt(ss...
2020-02-11 17:08:23
862
原创 vue遍历数组对象控制其下一个组件显示的问题
耗费了一上午的功夫。功能还不能尽善尽美,重点bug太明显严重影响用户体验、大佬一眼看出来问题在哪并给出解决方案。菜鸟成神的路还很长,掀桌ヽ(`Д´)ノ︵ ┻━┻ ┻━┻记录一下这个思路发生背景是:实时聊天控制一个audio标签播放语音。在每一条语音记录上显示加载语音的动画。而且只有点击的当条语音播放按钮才会显示加载动画。原想法:在加载组件上面设置一个标志位同时判断是否是当前点击的。...
2019-12-27 15:59:13
609
2
原创 vue中平滑地回到顶部,回到底部
监听的滚动条需要平稳滑动,所以设置几个值,一个定时器。一个定义的scrollTop,方便后续操作data(){ scrollTop: 0, timer: null, scrollBottom: 0, timers: null, // 回到底部的,距离底部的scrolltop bottomHeight: 0}首先像大多数一样。可以在挂载的时...
2019-12-24 15:15:39
2098
原创 css工作日志记录
文本垂直居中对齐div.parent { position: relative; }div.child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }文本两端对齐.take-detail view {width: 112...
2019-12-10 16:50:05
350
1
原创 vue项目使用websocket
封装的webSocket.js重要:可以直接食用 O(∩_∩)O~import store from "../store";import { socketUrl } from "./global_variable";let socket;// 是否已连接let state = 0;export function closeLink() { socket.close(...
2019-11-30 17:39:31
539
原创 vue中标签拼接动态属性值, 在js文件中使用vuex
vue中html中标签·属性值的拼接<van-field v-model="value" :placeholder="'请输入' + title" :clearable="true" />js代码data() { return { title: this.$route.query.sort, value: '', }; }...
2019-11-21 16:41:52
839
原创 vscode编辑器格式化设置
首选项==》设置==》settings.json中{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave...
2019-11-19 10:54:59
3361
1
原创 vant中自定义文件上传+js自定义上传(点击区域上传并预览)
<van-uploader multiple v-model="fileList" accept=image/jpeg :max-count="1" :after-read="afterRead" ref="selectfile" />data(){ return{...
2019-11-01 22:26:05
14015
11
原创 实现金钱数字格式化:一行代码解决(三位分隔)
// 德国以 . 分割金钱, 转到德国当地格式化方案即可10000000000..toLocaleString('de-DE')// 寻找字符空隙加 .'10000000000'.replace(/\B(?=(\d{3})+(?!\d))/g, '.')// 寻找数字并在其后面加 . '10000000000'.replace(/(\d)(?=(\d{3})+\b)/g, '$1.'...
2019-10-30 10:01:48
1736
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人