![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
晓_枫
路漫漫其修远兮
展开
-
使用svg画引导层、新手引导页
/svg>参数是否必须描述viewBox是四个参数分别代表最小 X 坐标、最小 Y 坐标、宽度和高度xmlSpace否preserve:这个属性告诉 SVG 解析器保留所有空白字符,包括空格、换行符等。如果不设定此属性,XML 解析器可能会忽略多余的空白否xMinYMin 表示图形应该相对于容器的左上角对齐,slice 表示如果图形宽高比与容器不同,则会在必要时裁剪(slice)图形以填满整个可见区域,而不是拉伸(stretch)图形。原创 2024-04-02 09:06:17 · 820 阅读 · 1 评论 -
uni-app vue 在手机APP中将页面转为图片、保存为PDF文件、打开文件
html2canvas生成图片、jsPDF获取PDF文件的base64编码、plus.io保存文件到本地并打开文件原创 2023-05-05 15:54:52 · 2704 阅读 · 9 评论 -
jtopo 拓扑图的简单使用
Node、TextNode、Link都是有 css 和 addChild 方法的,例如Node中添加一个TextNode,那么TextNode的位置就是相对于Node的;stage顶层对象可以包含多个layer,每个layer是分开渲染的,例如:可以把需要动画的内容放到一个单独的layer里面,可以减少消耗。把html作为图片使用, 这里注意传的是字符串而不是dom节点,样式需要使用行内样式,单独写css没有效果。将文件解压后放到项目根目录下 执行。原创 2022-12-30 10:59:06 · 680 阅读 · 0 评论 -
vue3+vite+ts 中引入图片
vue3+vite+ts 中引入图片原创 2022-12-08 13:46:54 · 691 阅读 · 0 评论 -
Threejs 加载模型、旋转、弹框操作
Threejs 加载模型、旋转、弹框操作原创 2022-08-15 22:00:00 · 4552 阅读 · 1 评论 -
数字滚动增加效果
逻辑思路 例如我们最终要展示的数字为 5878390 ,那么第一个数字就是从1滚动到5停止,第二个数字是从0滚动到5再滚动到8停止,第三个数字是从0滚动到8再滚动到7停止(9之后是0),也就是说从左到右每一位都比前面一位滚动的时间更长,这样就出现了从左到右数字依次出现的效果。...原创 2022-07-01 21:15:00 · 1253 阅读 · 0 评论 -
高德地图使用自定义地图无效问题
高德地图使用自定义地图无效问题原创 2022-06-24 16:02:10 · 1228 阅读 · 1 评论 -
微信公众号网页分享设置及问题
微信公众号网页分享设置及问题;errMsg:"config:ok", 但jsApiList为空?在微信开发者工具上测试微信分享都可以的,但是在真机上没办法使用?原创 2022-04-18 15:09:31 · 4303 阅读 · 0 评论 -
axios封装 —— 数据缓存、防止重复请求、动态加载
不是讲解文章,需要有axios使用基础axios封装,数据缓存、防止重复请求、动态加载原创 2022-04-10 12:43:34 · 3238 阅读 · 1 评论 -
nuxt中使用高德地图定位当前位置
事前准备1、注册高德地图开发者账号;2、进入控制台 ——应用管理——我的应用,创建新应用;3、为应用添加key,选择web服务。在nuxt.config.js中添加script: [ { type: 'text/javascript', src: 'https://webapi.amap.com/maps?v=1.4.15&key=自己的key' }, ],html<div原创 2021-09-17 09:58:40 · 2829 阅读 · 0 评论 -
Element-ui 多选框使用问题
参考文章:CSDN博主「lt要努力」原文链接:https://blog.csdn.net/louting249/article/details/104615411CSDN博主「孟孟~」原文链接:https://blog.csdn.net/qq_37471721/article/details/98863099<el-checkbox-group v-else-if="item.type === 'checkbox'" v-model="data[item.key]"&g原创 2021-09-06 10:13:48 · 498 阅读 · 0 评论 -
在vue项目中用链接引入插件时可以这样注入到全局
configureWebpack: config => { config.externals = { AMap: "window.AMap", } }原创 2021-07-14 14:36:31 · 128 阅读 · 0 评论 -
微前端single-spa vue3 实战落地
微前端的概念、好处,为什么不用npm和iframe之类的问题,网上有很多,这里就不解释了。个人理解就是:避免了“巨石应用”的出现,解决了项目与项目之间的代码重复。single-spa官网:https://single-spa.js.org/有中文版的页面,不过最好看英文版的,因为有些页面中文版的不全,这困扰了我很长时间。以下是single-spa在vue3项目中基础功能的操作步骤。其他的功能会后期陆续更新。安装single-spa npm install --global cre.原创 2021-07-12 17:44:09 · 1895 阅读 · 3 评论 -
uni-app 汉字转拼音 搜索和按首字母排序页面
<template> <view class="outer"> <view class="search"> <view> <input type="text" placeholder="请输入搜索内容" v-model="search_text" @input="search_change" /> </view> </view> <view class="list"> .原创 2021-07-10 13:49:33 · 1859 阅读 · 0 评论 -
uni-app 封装底部弹出框
一个很简单的代替 select 的组件;这里只实现了弹出、确认时返回选中的选中的对象;没有实现弹出时显示为第几个,有需要可以自己加;位置、弹出动画、样式都可以根据自己的需要进行修改;有问题或者建议可以在评论区回复<template> <view class="select_outer" :style="{transform: status ? 'translateY(0)' : 'translateY(100%)'}"> <view class="原创 2021-07-10 11:38:22 · 2694 阅读 · 23 评论 -
vue3的页面切换动画 vue3!vue3!vue3!
重点: vue2的进入/离开 直接-enter就好了,vue3的需要 -enter-from 其他的都一样;html代码<router-view class="router-view" v-slot="{ Component }"> <transition :name="transitionName" mode="out-in"> <keep-alive> <component :is="Component" /&g原创 2021-06-25 18:12:53 · 1802 阅读 · 0 评论 -
阿拉伯数字转中文数字
Vue.prototype.$numTransCn=(money)=>{varcnNums=newArray("零","壹","贰","叁","肆","伍","陆","柒","捌","玖");//汉字的数字varcnIntRadice=newArray("","拾","佰","仟");//基本单位varcnIntUnits=newArray("","万",...原创 2021-03-31 10:59:17 · 148 阅读 · 0 评论 -
vue nuxt axios 自己封装
我这里使用的nuxt 所以最后是挂载到了nuxt 的全局对象上 这样nuxt在服务器端运行时也可以使用 如果没有用nuxt 需要稍微改下 改动不大 不懂得可以私信我console.log('ajax');importqsfrom'qs'letApiObj={};exportdefault({redirect,$axios,$cookies,route},inject)=>{constservice=$axios.create...原创 2021-02-19 17:31:59 · 632 阅读 · 0 评论 -
vue 基于elementUI、sortablejs的表格拖拽排序
安装sortablejsnpm install sortablejstemplate <el-table row-key="id" :data="moduleContent" style="width: 100%" size="medium" > <el-table-column> <p class="handle" style="te...原创 2020-12-23 17:15:01 · 599 阅读 · 0 评论