- 博客(74)
- 收藏
- 关注
RSS订阅原创 tinymce上传图片或者其他文件等等
tinymce默认使用英文,如果需要中文化,需要去官网下载指定的zh_CN.js文件然后放到langs文件夹下面。为了方便我这边直接创建了一个vue文件,可以理解为vue组件,直接把源码放进去。需要注意的是tinymce不同版本的上传图片可能略微有些不同,请注意分辨。缺点: 需要申请特定apikey,类似于百度,高德地图;tips: tinymce在vue中常用的有两种方式。缺点: 需要自己手动的封装组件,灵活性高。优点: 不需要申请特定的apikey。预览,两种图片上传的方式有一些不同。
2024-02-29 14:25:02
501
1
原创 Vue+Nodejs+Express+Minio 实现本地图片上传
默认账号密码minioadmin和minioadmin,点击9000端口的这个链接,即可访问客户端。nodejs连接Minio,简易服务进行图片上传,比较简单,直接上代码。安装完成之后,可以将minio配置成环境变量方便使用。都要下载可以自定义安装目录。配置了环境变量启动命令式。
2023-07-31 17:23:12
1642
2
原创 不同的html中,加载公共的文件
tips:例如有两个html文件,main.html,index.html,每个html文件都需要引入很多公共的资源文件,难道我需要多个复制吗>,不需要只需要如下操作。
2023-03-23 09:00:16
186
原创 web worker的基本使用案例
spak-md5.js由于代码太长,这边提供下载链接。大致的使用方法如上,如果想更详细的了解的话,请转至。代码按照顺序分别如下。
2023-03-10 17:29:10
588
原创 mysql简单的修改my.ini文件跳过输入密码进入mysql
找到mysql安装目录下面的my.ini文件然后打开笔记本进行，找到[mysql] 在下面添加上用户名和密码然后保存修改即可，无须关闭mysql服务
2022-04-16 17:20:10
1517
原创 仿京东的商城图片放大功能
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
186
原创 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
553
原创 使用原生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
365
原创 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
5164
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
270
原创 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
967
原创 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
511
原创 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
720
原创 拖拽小案例
拖拽小案例<!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
51
原创 分片上传视频到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
1502
原创 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
2193
原创 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
414
原创 element-ui输入框的折叠
话不多说，直接上代码<template> <div> <el-collapse-transition> <el-form :inline="true" :model="formInline" label-width="80px"> <el-form-item label="审批人"> <el-input v-model="formInline.user" placeholder.
2021-09-28 16:10:36
1228
原创 前端自定义实现文件的导出
下载工具包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
160
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
622
原创 uniapp里面使用https的iconfont图标
首先打开iconfont官网，找到喜欢的图标进行收藏入库然后点击添加至项目然后点击下载至本地，在uniapp项目中和pages文件夹同级创建一个static（静态资源文件夹）文件夹，然后把下载的download文件里面iconfont.css文件放到static里面，只要这一个文件就够了，最后从编辑器回到iconfont官网回来，找到第二步，查看在线链接，然后点击点此复制代码，把iconfont.css文件的@font-face替换成复制的代码，同时在url上面加上https..
2021-08-25 09:43:08
325
原创 uniapp picker组件实现省市区三级联动效果
需求业务需求 数据从后台Ajax请求获取出来然后使用uniapp picker组件进行数据的渲染然后传递给后台的是省市区的code码拼接实现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2bkh3GJP-1628925415565)(https://z3.ax1x.com/2021/08/14/fysMex.png)]uniapp代码如下HTML部分 <!-- vue HTML代码 --> <picker mode="m
2021-08-14 15:23:48
2892
4
原创 Vue.js实现房贷计算器
文章目录1. 工具包的引用2.计算器基础实现逻辑公式图片3.代码实现地址4. 操作步骤1. 工具包的引用Axios请求包vant-ui框架https://cdn.jsdelivr.net/npm/[email protected]/lib/vant.min.js //js cdnhttps://cdn.jsdelivr.net/npm/[email protected]/lib/index.css //css cdnVue.jshttps://cdn.bootcdn.net/ajax/lib
2021-05-05 10:24:16
1441
原创 PHP基础学习（1）
1.Web 网站1.静态网站访问原理2.动态网站访问原理2.Apache1.软件的安装获取 Apache 安装软件；双击进行安装；选择安装模式；选择安装地址自定义安装位置（尽量不要安装在 C 盘里面）；2.Httpd.exe 的详细应用服务器进程：运行之后才可以工作；用来查看 Apache 具有哪些功能以及配置文件是否出现错误；httpd 或者 httpd.exe 文件所在目录；2.1 查看使用的模块 httpd -M2.2 验证
2021-01-13 16:14:52
585
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人