![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
一只敲码的猫~
初级选手
展开
-
vue 文件下载支持 .jpg .jpeg .png .pdf .ofd .doc .docx .ppt .csv .pptx .txt .xlsx .xls .rar .zip
支持大部分下下载功能原创 2024-04-26 11:23:30 · 201 阅读 · 0 评论 -
自己开发组件更新到npm网站上 通过npm install 安装 保姆级别教程
总体说来Vue组件封装发布到npm仓库整体难度不大,主要是理解Vue的install方法以及打包相关知识,其实最重要的还是如何封装一个适用范围广,扩展性高的公用组件。在创建xwButton.vue文件这个就是我们自己封装的组件后期通过npm install 就可以引入使用了。注册一个账号,注意记住用户名、密码和邮箱,发布的时候可能会用到。更新后npm仓库里版本也跟着更新了这时说明我我们代码库更新成功了。进入官网查看我们的代码库,在我们项目中执行。文件会多一个我们开发代码库。npm官网上我们发布的包。原创 2023-12-02 16:01:37 · 1531 阅读 · 0 评论 -
npm ERR! code ERESOLVE 解决办法
npm ERR! code ERESOLVE 解决办法原创 2022-12-01 10:38:19 · 467 阅读 · 0 评论 -
Cesium绘制地图优秀案例
因为Cesium入门级太高,相关案例介绍也是少之又少,很多小码农们根本看不懂。所以在这里给大家介绍一款非常nice的案例平台 Mars3D。Mars3D真的是非常简单咯,有案例展示,有源码开源。在这里感谢火星科技。原创 2022-11-29 15:15:22 · 684 阅读 · 0 评论 -
动态事件绑定方法
动态事件绑定方法原创 2022-11-29 08:16:48 · 294 阅读 · 0 评论 -
vue request底层封装
vue request底层封装原创 2022-11-28 15:51:27 · 966 阅读 · 0 评论 -
日期格式化
日期格式化原创 2022-11-28 15:01:12 · 90 阅读 · 0 评论 -
vue3的双向绑定 v-model实现原理和案例
vue3的双向绑定 v-model实现原理和案例原创 2022-11-28 14:50:18 · 1139 阅读 · 0 评论 -
vue3 事件 emit 使用
vue3 事件 emit 使用原创 2022-11-28 14:47:48 · 4063 阅读 · 0 评论 -
vue3 参数传递 props
vue3 参数传递 props原创 2022-11-28 14:45:49 · 1503 阅读 · 0 评论 -
vue3调用子组件的方法
vue3调用子组件的方法原创 2022-11-28 14:44:10 · 439 阅读 · 0 评论 -
全局的Pinia调用
全局的Pinia调用原创 2022-11-28 14:41:33 · 776 阅读 · 0 评论 -
pinia 基础
pinia 基础原创 2022-11-28 14:39:58 · 147 阅读 · 0 评论 -
vue3 组合式函数 Composition API
组合式函数 Composition API原创 2022-11-28 14:37:13 · 100 阅读 · 0 评论 -
vue3 依赖注入 provide/inject
vue3 依赖注入 provide/inject原创 2022-11-28 14:34:52 · 758 阅读 · 0 评论 -
anime 数字跳动效果
anime 数字跳动效果原创 2022-11-25 09:24:28 · 173 阅读 · 0 评论 -
anime时间轴控制
anime 简单使用方法原创 2022-11-25 09:23:51 · 157 阅读 · 0 评论 -
anime SVG 简单使用方法
anime SVG 简单使用方法原创 2022-11-25 09:23:19 · 181 阅读 · 0 评论 -
anime 动态线
anime 的使用原创 2022-11-25 09:22:47 · 340 阅读 · 0 评论 -
echarts优秀使用案例
echarts优秀使用案例原创 2022-11-25 09:21:34 · 710 阅读 · 0 评论 -
vue3 调用子组件的方法
vue3 调用子组件的方法原创 2022-11-25 09:20:48 · 8772 阅读 · 0 评论 -
vue 组件递归方法
vue 组件递归方法原创 2022-11-22 19:47:29 · 2029 阅读 · 0 评论 -
vue 动态表单优秀案例
不同的下拉框 就会显示不同的表单,表单配置是灵活匹配的,还有就是 一定要知道都有哪些类型的数据做到兼容起来。原创 2022-11-22 19:44:56 · 1923 阅读 · 0 评论 -
anime 数字跳动效果
/ 因为不需要获取Dom元素,所以不需要在 onMounted 后执行。// 目前 Anime 没有释放缓存的办法,// 变化值的精度(-log值)// 需要变化的对象。原创 2022-11-22 19:05:11 · 306 阅读 · 0 评论 -
anime 动画引擎
/ 动画方向(normal : 正向,reverse:反向,alternate往返(一次正向,一次反向))// (省略时使用默认单位:例如 rotate,单位 deg,translateX 单位 px)// 自动播放(改为false,可以根据代码进行控制什么时候播放)// 末端延迟(在动画结束时以毫秒为单位添加一些额外时间)// 目前 Anime 没有释放缓存的办法,// 所有不需要的项目都可以删除。// 独立的动画属性(同步)//(大多数单位可以省略)// 需要改变的属性。原创 2022-11-22 19:03:22 · 605 阅读 · 0 评论 -
贝赛尔曲线
贝赛尔曲线原创 2022-11-22 18:37:33 · 389 阅读 · 0 评论 -
SVG/CSS路径动画
路径动画路径动画路径动画路径动画路径动画路径动画原创 2022-11-22 18:34:54 · 910 阅读 · 0 评论 -
SVG属性动画
【代码】SVG属性动画。原创 2022-11-22 18:33:26 · 86 阅读 · 0 评论 -
SVG扩散特效
* 因为内阴影是滤镜实现的,所以背景色不能为透明(背景有颜色才能基于背景实现滤镜,没有颜色则应用不了滤镜) *//* 扩散其实就是从透明,中心点缩放为0,到不透明,缩放为100% 的过程 */// 原理跟动画曲线类似,但是由于关键帧可以单独控制每个属性的过程,// 中间插入两个关键帧,用于更改动画的视觉效果,/* 设置元素缩放的中心点 */// 相对比较简单一些。原创 2022-11-22 18:32:13 · 772 阅读 · 0 评论 -
SVG扩散特效
* 因为内阴影是滤镜实现的,所以背景色不能为透明(背景有颜色才能基于背景实现滤镜,没有颜色则应用不了滤镜) *//* 扩散其实就是从透明,中心点缩放为0,到不透明,缩放为100% 的过程 */// 原理跟动画曲线类似,但是由于关键帧可以单独控制每个属性的过程,// 中间插入两个关键帧,用于更改动画的视觉效果,/* 设置元素缩放的中心点 */// 相对比较简单一些。原创 2022-11-22 18:31:35 · 676 阅读 · 0 评论 -
css实现波浪纹
* 用 transform: scale 不改变元素位置的特性,来固定动画所在位置,也就不用去更改元素宽高来形成扩散效果*//* 开启3D透视, 视距 里目标点 150 像素(距离越小,透视效果越明显, 距离越大,越接近俯视) *//* 扩散其实就是从透明,中心点缩放为0,到不透明,缩放为100% 的过程 *//* 给第二个圆 一个延时动画,错开动画的时间轴,实现多重扩散效果 *//* 给第二个圆 一个延时动画,错开动画的时间轴,实现多重扩散效果 */// 中间插入两个关键帧,用于更改动画的视觉效果,原创 2022-11-22 18:22:16 · 999 阅读 · 0 评论 -
vue 图片下载
【代码】vue 图片下载。原创 2022-08-26 16:44:45 · 531 阅读 · 0 评论 -
vue3 封装 naive input 组件
vue3封装naive input组件。原创 2022-07-29 11:00:53 · 1258 阅读 · 0 评论 -
前端处理运算 向上取整 向下取整 四舍五入 四舍五入(自定义取小数后几位)
代码】前端处理运算向上取整向下取整四舍五入四舍五入(自定义取小数后几位)原创 2022-07-25 14:42:10 · 1173 阅读 · 0 评论 -
requestAnimationFrame 兼容谷歌 火狐
requestAnimationFrame 兼容谷歌 火狐原创 2022-07-19 13:26:49 · 313 阅读 · 0 评论 -
css 绘制条纹背景色
css绘制条纹背景色原创 2022-07-14 17:12:50 · 512 阅读 · 0 评论 -
URL的转码与解码,地址栏参数乱码
地址栏获取一个参数,参数是中文的,当我接收这个参数的时候,中文参数乱码了,这时候我们需要用decodeURIComponent 函数解码;encodeURIComponent 和 decodeURIComponent 函数直接用就行。没有方法体;原创 2022-07-14 10:46:42 · 641 阅读 · 0 评论 -
最简洁的矩阵图 方块图表 无点击事件 下转事件
echarts 官网地址原创 2022-06-16 17:49:00 · 209 阅读 · 0 评论 -
echarts 饼图 中间定位
echarts官网地址原创 2022-06-16 17:45:36 · 876 阅读 · 0 评论 -
vue3 路由跳转携带参数 query 或 params
发import { useRouter, onBeforeRouteUpdate } from 'vue-router' router.push({ name: 'files', params: { code: '1234' } })收import { useRoute } from "vue-router";const route = useRoute();const getParams原创 2022-05-31 09:25:55 · 617 阅读 · 0 评论