![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
风如白话
WEB前端开发
展开
-
Vue项目中获取html字符串中的图片地址
获取html字符串中所有img标签图片地址原创 2022-11-18 15:33:38 · 2435 阅读 · 0 评论 -
vue PasswordStrength密码强度组件
用于登录等表单中检验用户输入的密码强度。原创 2022-09-05 16:39:18 · 1352 阅读 · 0 评论 -
three.js3维坐标系+绘制立方体(带边框)
1、three.js绘制3维坐标系;2、绘制多个立方体;3、立方体设置边框;4、立方体表面绘制线条;原创 2022-02-28 14:14:19 · 1339 阅读 · 0 评论 -
js实现本地定时存储
本地定时存储原创 2022-02-15 17:20:59 · 1023 阅读 · 0 评论 -
Vue项目实现DOM元素大小响应式设计(px=>rem)
vue项目文字/图片/元素大小响应式设计原创 2022-02-10 14:44:57 · 740 阅读 · 0 评论 -
vue自定义气泡弹窗/菜单气泡弹窗
Vue项目气泡菜单弹窗实现示例原创 2022-02-10 14:38:35 · 2766 阅读 · 0 评论 -
canvas绘制立方体盒子
基于canvas绘制立方体length: 长width: 宽height: 高id: canvas元素idcolor: 盒子颜色// 基于canvas生成立方体export function generateCubeByCanvas(length = 0, width = 0, height = 0, id = '', color) { const canvas = document.getElementById(id) const ctx = canvas.getConte原创 2022-02-07 17:58:46 · 1095 阅读 · 0 评论 -
html2Canvas+JsPDF生成pdf文件并下载
采用html2Canvas+JsPDF实现web页面/dom元素转pdf文件并下载1、安装html2Canvas:npm install html2canvas2、安装JsPDF:npm install jspdf/** * 生成PDF格式文件并下载 * @param {*} el 页面元素名 * @param {*} title 文件名称 * @returns */export function generatePdf(el, { title = '' }) { retur原创 2022-01-06 10:07:57 · 1422 阅读 · 1 评论 -
Vue项目图片压缩
引用:import { compressImage } from './compress'...// 校验大小数量var file = document.querySelector('input').files[0]if(this.fileList.length >= 3){ Message.success({ content: `最多可上传3张` }) return}if(file.size >= 1024 * 1024 * 2){ Message..原创 2021-09-16 10:19:15 · 2642 阅读 · 0 评论 -
Vue项目引用高德地图实现车辆轨迹回放
Vue项目引用高德地图实现车辆轨迹回放一、引入高德地图jsApi在项目入口index.html页面以cdn方式引入 <script src="https://webapi.amap.com/maps?v=1.4.15&key=1bccd008f8fec2fdd171c1a3ce3b0ba9&plugin=AMap.DistrictSearch" ignore></script>二、封装高德公共库在项目下新建公共库js文件,代码如下:export原创 2021-08-16 11:59:31 · 1601 阅读 · 0 评论 -
Vue项目分页组件封装
解决单页面存在多个分页的情况调用 <cview-paginator size="5" total="20" currentPage="1" @on-change="changePage($event, 1)" > </cview-paginator> <script> import CiewPaginator from '@/component/paginator.vue' export default { .原创 2021-05-15 11:50:10 · 281 阅读 · 0 评论 -
vue项目封装腾讯TcPlayer播放器
vue项目封装腾讯TcPlayer播放器实现vue组件化项目播放m3u8格式流媒体直播/点播;解决TcPlayer播放器跨域问题(将TcPlayer-2.3.3.js文件代码下载到项目本地,TcPlayer-2.3.3.js文件内部引入的外部资源也以相同方式本地引入)引入播放器<templant> <cview-player ref="cviewPlayer" @on-close="destroy" /></templant><script>原创 2021-04-29 11:32:18 · 2333 阅读 · 2 评论 -
谷歌浏览器安装vue-devtools扩展插件
谷歌浏览器安装vue-devtools扩展插件介绍:新版vue-devtools下载下来由于缺少shells文件夹,导致安装始终无法成功。本文提供Git仓库地址,可下载vue-devtools5.1版本,内部包含shells文件夹,打开shells文件,选择chrome文件夹,拖动到谷歌浏览器扩展插件添加页面即可。下载:打开git仓库下载步骤:效果:...原创 2020-10-14 09:59:27 · 720 阅读 · 0 评论 -
Vue组件化项目底部tabbar导航组件
Vue组件化项目底部tabbar导航组件组件效果:aui-footer.vue组件代码:<template name="aui-footer"> <div class="aui-footer row-before"> <div class="aui-footer-item" v-for="(item, index) in items" :key="index" :class="{'active': currentIndex==index}" @click.stop原创 2020-07-17 17:51:06 · 381 阅读 · 1 评论