vue
关注
分享
扫一扫
小样还想跑
谦虚谨慎，不骄不躁
展开
-
windows中使用Jenkins打包,部署vue项目完整操作流程
在Jenkins已经安装的基础上,可以开始下面的教程。网上有许多安装教程,简单罗列几个。原创 2024-07-19 14:44:07 · 934 阅读 · 0 评论 -
tinymce上传图片或者其他文件等等
tinymce默认使用英文,如果需要中文化,需要去官网下载指定的zh_CN.js文件然后放到langs文件夹下面。为了方便我这边直接创建了一个vue文件,可以理解为vue组件,直接把源码放进去。需要注意的是tinymce不同版本的上传图片可能略微有些不同,请注意分辨。缺点: 需要申请特定apikey,类似于百度,高德地图;tips: tinymce在vue中常用的有两种方式。缺点: 需要自己手动的封装组件,灵活性高。优点: 不需要申请特定的apikey。预览,两种图片上传的方式有一些不同。原创 2024-02-29 14:25:02 · 1380 阅读 · 4 评论 -
vite中手写几个简易的插件demo
vite自定义插件原创 2023-07-07 17:04:18 · 731 阅读 · 0 评论 -
web worker的基本使用案例
spak-md5.js由于代码太长,这边提供下载链接。大致的使用方法如上,如果想更详细的了解的话,请转至。代码按照顺序分别如下。原创 2023-03-10 17:29:10 · 692 阅读 · 0 评论 -
高德地图绘制矩形、多边形围栏获取坐标点
高德地图原创 2023-01-13 09:51:13 · 2514 阅读 · 1 评论 -
鼠标拖动改变盒子的大小
【代码】鼠标拖动改变盒子的大小。原创 2022-12-08 15:47:46 · 909 阅读 · 0 评论 -
百度地图划区测量获取坐标
百度地图面积测量原创 2022-11-23 09:43:32 · 415 阅读 · 0 评论 -
vue2和vue3的数据双向绑定小测试
【代码】vue2和vue3的数据双向绑定小测试。原创 2022-10-31 15:47:52 · 111 阅读 · 0 评论 -
自定义指令下拉菜单隐藏(点击外部指令隐藏)
自定义指令下拉菜单隐藏。原创 2022-09-07 17:57:21 · 644 阅读 · 0 评论 -
ant-design-vue使用指令的方式进行弹窗的拖拽
ant-design-vue使用指令的方式进行弹窗的拖拽。原创 2022-07-20 10:55:12 · 1331 阅读 · 2 评论 -
Vue-cli4.X项目中使用postcss-px2rem
Vue-cli3.X、Vue-cli4.X项目中使用px2rem转载 2022-06-18 18:47:38 · 622 阅读 · 3 评论 -
仿京东的商城图片放大功能
1.源代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &l原创 2022-04-07 09:19:21 · 248 阅读 · 0 评论 -
JavaScript中关于数字计算精度丢失问题的处理
/** * @description 适用加法和减法，如果是加法就传正数，如果是减法就传负值 * @return {*} 返回值 * @param { Number } n1 数字1 * @param { Number } n2 数字2 */export function addAndSubtract(n1, n2) { let r1, r2, m try { r1 = n1.toString().split('.')[1].length } catch (e) {原创 2022-03-07 14:21:35 · 629 阅读 · 0 评论 -
使用原生table 书写复杂人事档案表格
<template> <div style="margin: 0 auto"> <table> <tr> <td colspan="24" style="font-size: 24px;font-weight: bold"> 人事档案 </td> </tr> <tr> <td colspan=原创 2022-03-03 11:06:13 · 409 阅读 · 0 评论 -
vue使用vue-amap 高德地图进行选点和搜索
vue使用vue-amap进行地图点的搜索和点击选点npm install vue-amap --save //下载npm 包在main.js主文件中进行引用import VueAMap from "vue-amap";Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: "XXXXXXXXXXXXXXXXXX",//高德开放平台申请的key值 plugin: [ "AMap.Autocomplete", //输入提示插.原创 2022-01-17 09:00:51 · 5655 阅读 · 10 评论 -
Element-ui使用scss动态渲染按钮的颜色
variable.scss//定义的按钮颜色的变量参数$export: #00bfff; //导出$add: #35d458; //新增$print: #a5d337; //打印$delete: #ed4a4a; //删除$update: #d3a337; //修改$detail: #9fa38e; //详情$audit: #00868b; //审核$recheck: #db9067; //反审$createIn: #744c8a; //生成入库单$else: #83c9c0; //其原创 2021-12-24 09:44:02 · 1049 阅读 · 0 评论 -
Element-ui 表格的循环验证
Element-ui 表格的循环验证<template> <div> <el-form :model="form" ref="form" label-width="100px" class="form" style="margin-top:20px;padding:20px" :rules='rules'> <el-row :gutter="20"> <el-col :span="8" :offset="0".原创 2021-12-25 00:00:00 · 314 阅读 · 0 评论 -
uniapp使用oss web直传 js加密上传视频
创建一个文件夹 utils，下面放一些文件 base64.js 、crypto.js、hmac.js、sha1.js、ossUtils等代码分别是 base64.jsvar Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // public method for encoding encode: function(..原创 2021-11-30 08:50:24 · 786 阅读 · 0 评论 -
分片上传视频到oss服务器
分片上传视频到oss服务器npm install ali-oss --save话不多说上代码<template> <div class="app-container"> <el-row> <el-col :span='5' :offset='10'> <el-upload ref="upload" drag action="" accept='video/*' :limit='1' :auto-.原创 2021-11-16 17:25:58 · 1564 阅读 · 0 评论 -
element-ui 复制单元格内容到剪切板
在element-ui中点击单元格进行单元格内容的复制<el-table @cell-click="handleCellClick"> <el-table-column></el-table-column></el-table>//jsmethods:{ copyClipboard(data, txt = "") { let url = data; let oInput = document.createElement.原创 2021-10-12 11:15:31 · 2281 阅读 · 0 评论 -
lodash 防抖节流函数里面使用this实例
<!--这个this 就是当前页面的实例--><el-input @input="handleInput(this)"></el-input>methods:{ handleInput:_.debounce(function(){ //这个this就是页面的实例 console.log(this) },1000)}原创 2021-10-11 16:36:36 · 477 阅读 · 0 评论 -
前端自定义实现文件的导出
下载工具包npm install just-xlsx-export在文件中引用(配置可以参考 https://www.npmjs.com/package/js-xlsx)<template> <div class="about"> <button @click.stop="handleExportTest">导出测试</button> </div></template><script>..原创 2021-09-27 14:25:19 · 190 阅读 · 1 评论 -
input输入框获取焦点如何不触发row-click事件
element-ui table表格里面嵌套 input ，input输入框获取焦点如何不触发row-click事件代码如下<el-input @click.native.stop v-model="value"></el-input>原创 2021-09-10 14:54:06 · 726 阅读 · 0 评论