- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue3实现水球图
水球图实现的方式有很多种，譬如：a.通过canvas 的sin 绘制水波实现b.通过canvas的贝塞尔曲线实现水波c.通过echarts的echarts-liquidfill水球图插件实现canvas手写水球图确实也不难，只不过效果没有使用echarts-liquidfill插件的好，而且echarts-liquidfill插件更高效具体效果如图：上代码：<template> <div class="water-wave"> <div ref="l
2022-01-18 18:04:14
1827
1
原创 解决键盘遮挡输入框问题
安卓键盘唤起遮挡输入框，解决方案如下：主要用到了scrollTo MDN <textarea v-model="description" class="user-info--introduction-input" :maxlength="30" placeholder="简单介绍一下自己吧～" @focus="handleClickScroll" @blur="handleClickBlur"
2021-09-22 16:19:27
751
原创 记录vue3 qrcode.vue生成二维码
紧跟技术的步伐，你学或不学，知识就在那里，只增不减vue3生成二维码插件，亲测好用！！！qrcode.vue 的官方链接地址1.安装 npm install --save qrcode.vue # yarn add qrcode.vue2.引入 import QrcodeVue from ‘qrcode.vue’3.使用 <qrcode-vue :value="value" :size="size" level="H" /> const value=ref('http://ww
2021-09-17 00:12:29
2990
2
原创 vue3.0 v-model的使用
一.vue3.0 v-model新特性官网链接：https://vue3js.cn/docs/zh/guide/migration/v-model.html添加链接描述官网讲解较为仔细可自行查看官网1.用于自定义组件时，v-model prop 和事件默认名称已更改：prop：value -> modelValue；event：input -> update:modelValue；2.v-bind 的 .sync 修饰符和组件的 model 选项已移除，可用 v-model 作为
2021-09-17 00:01:36
527
原创 数组常用方法整理
身为小菜鸡的我，一直都不能熟记以及灵活运用数组常用方法，所以数组常用方法的博客就来了1.pop() 获取数组最后一个元素（改变原数组）、删除数组最后一个元素let a = [1, 2, 3,4];a.pop();console.log(arr)[1, 2, 3]2.push 数组尾部添加元素（返回数组的新长度）let arr = [1,2,3]arr.push(4)console.log(arr)//[1, 2, 3, 4]3. reverse 颠倒数组的顺序（改变原数组)
2021-09-16 23:58:26
175
原创 canvas环形进度条
近日倒腾了canvas，整了个环形进度条了 ，不得不说canvas是真的无所不能，极其强大。那么废话不多说，先上效果图。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canvas 元素本身是没有绘图能力的,可以看成一个画图的容器。所有的绘制工作必须在 JavaScript 内部完成：getContext(“2d”) 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。html代码<template> <div>
2021-08-29 21:54:40
413
1
原创 vue3 使用vant-picker封装省市二级联动
vue3 使用vant-picker封装省市二级联动，设置默认值怕什么真理无穷，进一步有进一步的欢喜呀，不得不承认的就是，兴趣和擅长是一个良性迭代的循环啊，你擅长某件事情，就会越喜欢它，越喜欢，就越愿意花时间，进而越擅长。所以代码码起来吧哈哈哈近期用上了vue3，还顺手写了个小需求，用vant-picker封装一个省市的二级联动，并且在从后端接口获取省市的数据，点开弹出框需要展示默认的选项，比如点击广东省-深圳市输入框，弹出的picker级联选择器需要默认广东 -深圳。如下图：yy好，那么话不多说，
2021-08-01 00:19:29
4385
1
原创 css 解决字体内容超出中英文换行去空格问题
主要问题，字体超出div，中英文换行存在空格css代码1.word-break:bread-all 将单词截断换行（如果该行末端有个英文单词很长，会将单词截断，word在文末，-break在下一行的开头word-break:bread-all;//强制换行2.word-wrap:break-word 恰恰与之相反不会将单词截断，而是直接换行在下一行显示完整的单词word-wrap:break-word最后实现...
2021-07-06 22:21:33
1004
1
原创 js求数组中的最大值
1.es6 扩展运算符var arr = [2,3,5,6]onsole.log(Math.max(...arr))//62.es5 apply方法var arr = [2,3,5,6]console.log(Math.max.apply(null,arr))//63.for循环let max = arr[0];for (let i = 0; i < arr.length - 1; i++) { max = max < arr[i+1] ? arr[i+1] : ma
2021-06-29 23:10:39
95
原创 js将数组扁平化二维数组变一维数组
第一种-- Es6 扩展运算符var a=[1,2,3,4,[5,6]];console.log([].concat(...a));// [1, 2, 3, 4, 5, 6]扩展运算符只能展开一层数组，考虑数组中是否还有数组，有则用扩展运算符展开一次。第二种-- 数组的join()var a=[1,2,3,4,[5,6]];var newArr = a.join().split(',');console.log(newArr)// ["1", "2", "3", "4", "5", "6
2021-06-29 17:56:49
481
原创 js 字符串反转（倒序）的几种方式
第一种let str = "i am good man";let newStr = str.split('').reverse().join("");console.log(newStr)首先将字符串转为数组，再反转数组，最后将数组转为字符串split("") ------根据字符串拆分数组reverse()------数组反转元素位置join("")-------数组转回字符串，不带分隔符第二种let str = "i am good man ";let newStr = ""
2021-06-29 14:44:53
7919
原创 关于let ,var,const三者的区别
let ,var,const三者的区别let ,var,const三者的区别var用于声明变量，没有块级作用域，存在变量提升，可跨块访问，不可跨函数访问。let用于声明变量，有块级作用域，不存在变量提升，存在暂时性死区，同一块作用域中不可重复声明const用于声明常量，有块级作用域，不存在变量提升，存在暂时性死区，值不可修改，其实也就是引用类型的指针不发生改变，其他的不论如何改变都是允许的（修改对象的属性，不会改变对象的指针）ps:暂时性死区，使用let,const命令声明变量之前，该变量都是不可用的
2020-12-23 22:17:30
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人