- 博客(81)
- 收藏
- 关注
RSS订阅原创 vue3+vite+ts中如何动态使用import.meta.env中的变量
不想在使用import.meta.env的时候,还去找到变量文件去看。这个时候在vue文件中使用的时候,就会有变量提示。
2024-11-11 16:15:57
528
原创 windows中使用Jenkins打包,部署vue项目完整操作流程
在Jenkins已经安装的基础上,可以开始下面的教程。网上有许多安装教程,简单罗列几个。
2024-07-19 14:44:07
1015
原创 tinymce上传图片或者其他文件等等
tinymce默认使用英文,如果需要中文化,需要去官网下载指定的zh_CN.js文件然后放到langs文件夹下面。为了方便我这边直接创建了一个vue文件,可以理解为vue组件,直接把源码放进去。需要注意的是tinymce不同版本的上传图片可能略微有些不同,请注意分辨。缺点: 需要申请特定apikey,类似于百度,高德地图;tips: tinymce在vue中常用的有两种方式。缺点: 需要自己手动的封装组件,灵活性高。优点: 不需要申请特定的apikey。预览,两种图片上传的方式有一些不同。
2024-02-29 14:25:02
1887
4
原创 Vue+Nodejs+Express+Minio 实现本地图片上传
默认账号密码minioadmin和minioadmin,点击9000端口的这个链接,即可访问客户端。nodejs连接Minio,简易服务进行图片上传,比较简单,直接上代码。安装完成之后,可以将minio配置成环境变量方便使用。都要下载可以自定义安装目录。配置了环境变量启动命令式。
2023-07-31 17:23:12
2448
2
原创 不同的html中,加载公共的文件
tips:例如有两个html文件,main.html,index.html,每个html文件都需要引入很多公共的资源文件,难道我需要多个复制吗>,不需要只需要如下操作。
2023-03-23 09:00:16
246
原创 web worker的基本使用案例
spak-md5.js由于代码太长,这边提供下载链接。大致的使用方法如上,如果想更详细的了解的话,请转至。代码按照顺序分别如下。
2023-03-10 17:29:10
736
原创 mysql简单的修改my.ini文件跳过输入密码进入mysql
找到mysql安装目录下面的my.ini文件然后打开笔记本进行，找到[mysql] 在下面添加上用户名和密码然后保存修改即可，无须关闭mysql服务
2022-04-16 17:20:10
1686
原创 仿京东的商城图片放大功能
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
259
原创 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
645
原创 使用原生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
429
原创 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
5812
10
原创 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
324
原创 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
1066
原创 Vue插件+element-ui写form自定义验证规则
自定义验证规则 element-ui+vue插件的方式（vue.use）vue rules 代码，this.validateForm()为插件函数 rules: { phone: this.valiateForm({ required: true, trigger: "blur,change", validator: function (rule, value, callback) { consol
2021-12-11 15:25:00
567
原创 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
816
原创 拖拽小案例
拖拽小案例<!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" /> .
2021-11-17 11:26:54
106
原创 分片上传视频到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
1577
原创 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
2338
原创 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
499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人