自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

有问题可联系QQ:3102996285

简单粗暴是我的原则,复制粘贴是我的梦想

  • 博客(904)
  • 资源 (7)
  • 论坛 (1)
  • 收藏
  • 关注

转载 html5拓扑图插件汇总

1、Vis.js官网:vis.js - A dynamic, browser based visualization library.github地址:GitHub - almende/vis: Dynamic, browser-based visualization library在github上有4000多颗星,还蛮受欢迎的;2、JointJS官网:JointJS - the HTML 5 JavaScript diagramming library.github地址:GitHub - c

2021-07-23 11:33:45 21

原创 canvas 设置宽度、高度后,签名区域鼠标不听使唤

错误写法: <canvas ref="canvas" tabindex="0" @mousedown="onMouseDown" style="width:500px;height:300px"/>正确写法: <canvas ref="canvas" tabindex="0" @mousedown="onMouseDown" width="900" height="500"/>

2021-07-22 08:49:37 17

原创 vue3手写签名

代码贴到项目即可使用。<template> <div style="width: 300px;height: 200px;border: 1px solid red"> <canvas ref="canvas" class="jSignature" tabindex="0" @mousedown="onMouseDown"/> <footer slot="footer" class="dialog-footer"> &l.

2021-07-21 14:17:58 24

转载 在vue3 中使用echarts

1,安装echartsnpm install echarts --save2,在main.js中导入import { createApp } from 'vue'import App from './App.vue'import * as echarts from 'echarts' const app = createApp(App).mount('#app')app.echarts=echarts3,在需要使用的页面,定义div <div id="myCh

2021-07-20 17:21:57 17

转载 vue3.0 路由跳转的方式

方式1import { useRouter } from 'vue-router';export default { setup() { const router = useRouter(); function goto(){ router.push("/about"); } return{ goto //一定要要放在return里才能在模板上面使用 } }}方式2import router from "../../r.

2021-07-16 10:23:30 30

转载 Vue2和Vue3开发组件有什么区别

Vue2 template<template> <div class='form-element'> <h2> {{ title }} </h2> <input type='text' v-model='username' placeholder='Username' /> <input type='password' v-model='password' placeholder='Password

2021-07-14 15:13:58 27

原创 Elemennt文件上传el-upload设置上传文件图片格式限制

beforeAvatarUploadPdf (file) { var testmsg = file.name.substring(file.name.lastIndexOf('.') + 1) const extension = testmsg === 'jpg' const extension2 = testmsg === 'png' const extension4 = testmsg === 'jpeg' if (!ex.

2021-07-14 11:52:55 19

原创 标移动到指定的div边框时鼠标指针发生变化

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>test</title> <style> #box1 { width: 100px; height: 100px; borde.

2021-07-14 09:36:34 15

转载 vuejs中拖动改变元素宽度实现宽度自适应大小

<template><div> <ul class="box" ref="box"> <li class="left" ref="left">西瓜</li> <li class="resize" ref="resize"></li> <li class="mid" ref="mid">备注2</li> <li class="resize2" ref="...

2021-07-13 16:58:15 18

转载 GIF录屏软件下载及使用

下载地址:https://gifcam.en.softonic.com/,看看怎么使用吧~下载完以后就有一个应用程序,复制到桌面,点击就能运行应用样式是如下图的,别下载错了哦!点击运行以后,会有一个这样的窗口,Rec 点击就是开始录制, Save 就会保存录制的东西,然后这个框框是可以拖动的,大小也可以调整,录制框框范围内生成GIF。Edit 可以编辑GIF,按振编辑的,很方便,...

2021-07-13 14:37:59 14

转载 PS把PSD上传到蓝湖

安装蓝湖下载地址:https://lanhuapp.com/ps下载完成后,进行傻瓜式安装,然后重启photoshop即可!如下图所示,即安装成功!!PS中使用蓝湖右侧点击蓝湖插件登录账户,标记完成,上传到蓝湖,即可看到,当前切图的信息,以及可以下载当前切图。...

2021-07-13 13:44:20 29

原创 TypeScript函数

首先我们先来回顾一下es5定义函数的方法// 函数声明法function run(){ return 'run';}// 匿名函数var run2 = function(){ return 'run2';}那么,在ts定义函数的方法是什么样子的呢?// 函数声明法function run():string{ return 'run';}// 匿名函数var fun2 = function():number{ return 123;}

2021-07-12 11:20:17 11

转载 Tomcat下载安装与部署

官网:https://tomcat.apache.org/选择Tomcat 8默认首页推荐下载的是Tomcat 7.0.99 Released和Tomcat 9.0.30 Released以及Tomcat 8.5.50 Released而需要的8.0或者其他的版本,选择上图红框中的Tomcat 8选择Archives页面进来默认还是8.5.5,莫慌,点击后面的**Archives(版本归档)**选择具体分支别客气,随便挑,随便选,示范选择v8.0.0-RC1/.

2021-07-07 14:15:39 34

转载 Vue使用watch监听一个对象中的属性

问题描述Vue提供了一个watch方法可以让使用者去监听某些data内的数据变动,触发响应的办法:比如 queryData: { name: '', creator: '', selectedStatus: '', time: [], },现在我需要监听这个queryData,我可以这样做:watch: { queryData: { handler: function() { //do som

2021-07-07 13:44:22 19

原创 什么是递归?

目前我找到的对递归最恰当的比喻,就是查词典。我们使用的词典,本身就是递归,为了解释一个词,需要使用更多的词。当你查一个词,发现这个词的解释中某个词仍然不懂,于是你开始查这第二个词,可惜,第二个词里仍然有不懂的词,于是查第三个词,这样查下去,直到有一个词的解释是你完全能看懂的,那么递归走到了尽头,然后你开始后退,逐个明白之前查过的每一个词,最终,你明白了最开始那个词的意思。。。解释:递归,就是在运行的过程中调用自己 const oldObj = { name:'.

2021-07-06 16:57:36 23

原创 什么是Event Loop

前言就像我们平时排队买早餐,如果你只是需要意见做好的包子油条,店家可以马上给你,你拿着就走了。但如果你需要特质的炒粉炒饭,店家不能马上给你,需要现炒。那么店家会给你一个号码牌,让你到旁边等待,让后面的人跟上。类比js的执行,买包子油条就像js中的同步任务,可以马上执行。买炒粉就像js中的异步任务需要先被挂起。当炒粉好了,就相当于我们异步任务有返回,会被加入我们的事件队列。当我们执行栈被清空的时候,会读取事件队列中异步任务进主线程执行。首先我们看下面一段代码console.log('Hell

2021-07-06 09:42:32 25

原创 el-upload组件去掉删除按钮图标

只需加上:disabled="true"就可以去掉

2021-07-05 14:04:41 46

转载 antd组件自定义table单元格内容样式

效果判断数据的值修改显示字体的颜色在使用 columns 时,可以通过scopedSlots属性配置支持 slot-scope 的属性。<a-table :columns="columns" :data-source="data" :scroll="{ x: 1500,y:400}" rowKey="序号"> <div slot="日常剔除比例" slot-scope="text" style="color: red;" v-if=" text > 13">

2021-06-29 16:37:52 49

转载 vue项目实现文字转换成语音播放功能

一、Web Speech APIWeb Speech API使您能够将语音数据合并到 Web 应用程序中。Web Speech API 有两个部分:SpeechSynthesis语音合成 (文本到语音 TTS)和 SpeechRecognition 语音识别(异步语音识别)。我们今天主要了解语音合成,将文字转换成语音播放二、语音合成SpeechSynthesis:语音合成服务的控制器接口,可用于获取设备上可用的合成语音,开始、暂停以及其它相关命令的信息。SpeechSynthesisU...

2021-06-28 15:19:00 25

转载 vue实现用户长时间不操作,自动退出登录

一、需求说明昨天后端开发人员让我实现一个网页锁屏,当时我一头雾水,问他为啥搞的跟安卓系统一样。他的回复是"看起来帅点"。首先我们梳理下逻辑,先来个简化版的,用户长时间未操作时,返回登录页二、思路使用 mouseover 事件来监测是否有用户操作页面,写一个定时器间隔特定时间检测是否长时间未操作页面,如果是,退出登陆,清除token,返回登录页三、实现【1】在util文件夹下创建一个storage.js封装localStorage方法export default { .

2021-06-26 11:00:12 37

转载 Vue插槽slot的使用

vue官方文档中关于slot插槽的说明很简短,语言又写的很凝练,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”的想法,于是就关闭了vue的说明文档。一、slot的作用Q: 假如父组件需要在子组件内放一些DOM元素,那么这些DOM是显示呢还是不显示呢?默认情况下是不会显示的,如下图所示,页面并没有显示父组件增加的我是魔鬼 元素内容。那么我执意要加DOM元素到子组件上该怎么实现呢?这就用到了slot插槽,使用slot这个标签可以将父组件放在子组...

2021-06-26 09:41:48 14

转载 Vue — 详解mixins混入使用

前言当我们的项目越来越大,我们会发现组件之间可能存在很多相似的功能,你在一遍又一遍的复制粘贴相同的代码段(data,method,watch、mounted等),如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度,针对这种情况官方提供了Mixins特性一、什么是Mixins?mixins(混入),官方的描述是一种分发 Vue 组件中可复用功能的非常灵活的方式,mixins是一个js对象,它可以包含我们组件中script项中的任意功能选项,如data、component

2021-06-25 16:41:45 27

转载 ant-design-vue 中table行 绑定点击事件

目前在学习使用antd中,需求双击表格行显示pdf,在table中给customRow设置行属性 <a-table bordered :rowSelection="rowSelection" :columns="columns" :dataSource="data" rowKey="id" :customRow="Rowclick" :pagination="pagination" :scr

2021-06-23 15:50:32 30

转载 vue父组件获取子组件的属性或方法

父组件代码片段:2 <v-autoTextarea ref="autotext" :value="d_value"></v-autoTextarea>这里要用到 vue的 ref,在父组件中的子组件加上ref,然后在submit方法中 submit ($event) { alert(this.$refs.autotext.temp_value)}...

2021-06-23 13:54:07 30

转载 CSS Flexbox 布局最容易理解完全教程

1.父元素身上添加display:flex属性2.分别使用justify-content(横向)和align-items(竖向)控制对齐方式 横向 justify-content:flex-end右对齐/center居中对齐/space-evenly平分空间/space-between两端对齐;竖向 align-item:flex-end靠下对齐/center居中对齐;改变轴模式 flex-direction:column; flex:1; flex:2;flex:1;调整块的宽度..

2021-06-23 10:22:47 20

原创 Vue 实现请求转发【Vue小技巧】

在vue.config.js里面配置这个代理(找到config/index.js 配置文件)module.exports = { derServer:{ proxy:{ '/api':{ target:'http://localhost:3000' } } }}然后就可以axios.get('/api').then(res=> {})...

2021-06-21 20:39:20 80

转载 为什么要使用路由懒加载

原因为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。定义懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。使用常用的懒加载方式有两种:即使用vue异步组件和ES中的import1、未用懒加载,vue中路由代码如下import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Rout..

2021-06-21 16:24:15 17

原创 简单易懂的this.$nextTick

<template> <div class="next-click"> <ul ref="ulRef"> <li v-for="(item,index) in items" :key="index"> {{item}} </li> </ul> <button @click="add"&g.

2021-06-21 09:50:00 22

原创 面试经典问题

1. js的数据类型。2. 基础类型和引用类型的区别。3. 闭包4. 原型和原型链5. Let const var的区别6. 数组遍历方式7. 对象遍历方式8. 改变数组的长度的方法9. call apply和bind的区别10. map和filter的区别11. promise解决的问题12. Async await和primose的区别13. Const 定义一个空对象,能改变吗?如果能,如何解决。14. 深拷贝和浅拷贝的区别15. Js存储数据的方式16. 箭头函数和普.

2021-06-21 08:46:54 27

转载 element ui 多层dialog嵌套

我的情况是,在一个弹框中,点击按钮 再弹出了一个弹框,第二个弹框被蒙层遮住了。

2021-06-18 15:39:32 32

转载 vue中setInterval的清除

两种清除setInterval的方式:方案一:data() { return { timer: null // 定时器名称 } },mouted() { this.timer = (() => { // 某些操作 }, 1000)},beforeDestroy() { clearInterval(thi

2021-06-18 14:03:12 19

转载 vue 使用 setInterval()方法

mounted() { this.getElevatorList();// 要先这样执行一遍 setInterval(this.getElevatorList, 15000); // 然后下面的再执行一遍}

2021-06-18 11:15:55 47

原创 史上最易懂的ES6箭头函数详解

首先我们以es5的形式写一个方法:var one = function(){ return 'I am one';}console.log(one())那么,我们如何改成es6的写法呢?1.首先 先把 function删掉var one = (){ return 'I am one';}console.log(one())2.在小括号的右边加一个箭头var one = () => { return 'I am one';}consol.

2021-06-17 21:33:56 23

原创 几分钟搞明白Promise,Async,Await的用法

promise 将程序从异步 变成同步function one(){ return 'I am one'}function two(){ setTimeout(()=> { return 'I am two' },3000)}function three(){ return 'I am three'}function run(){ console.log(one()); console.log(two());

2021-06-17 21:14:42 39 2

原创 elementui 点击根据是单选框还是多选框实现的一个效果

<template> <div class="demo"> <div> <ul> <li v-for="(item, index) in questionList" :key="index" style="margin-top: 20px; padding: 20px; border: 1px solid #666"> <div style="display: flex; align

2021-06-17 17:21:51 23

原创 element实现的一个效果

<template> <div class="demo"> <div> <ul> <li v-for="(item, index) in questionList" :key="index" style="margin-top: 20px; padding: 20px; border: 1px solid #666"> <div style="display: flex; align

2021-06-17 16:21:41 27

转载 基于Vue的 点击按钮 添加一个input框

通过点击一个按钮添加一个input输入框值绑定到 items中,每一个输入框对应一个item<template> <div> <input type="text" v-for="(item,i) of items" v-model="items[i]" :key="i"> <button @click="onAdd">添加</button> </div></template><scr

2021-06-17 15:52:55 39

原创 element动态生成单选框,多选框

<template> <div class="demo"> <div> <ul> <li v-for="(item, index) in questionList" :key="index" style="margin-top: 20px; padding: 20px; border: 1px solid #666"> <div style="display: flex; align

2021-06-17 11:43:49 32

转载 js:await 异常捕获方法

由于在使用 async…await 方法时,经常采用 try…catch 捕获异常,如果有多个异步操作,需要每一次书写 try…catch。这样代码的简洁性较差,为了使代码更加的优雅,我们通过使用 await-to-jsjs 库来处理异常。安装:npm install await-to-js --save 使用: 引入to方法:import to from "await-to-js"; const [err, res] = await to(getResLay

2021-06-10 17:06:04 43

转载 element关闭弹框时清空表单内容

需求:关闭弹框时清空表单内容解决方法:使用@close事件,函数可以自定义 eg : resetForm()、closeDialog()<el-dialog :title="addTitle" :visible.sync="addVisible" @close="resetForm('ruleForm')"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">

2021-06-08 15:46:26 46

调试vue.js应用的浏览器扩展 Chrome插件

Vue.js devtools:调试vue.js应用的浏览器扩展 Chrome插件

2017-12-07

sublime_text3安装包

Sublime Text 3是一款流行的代码编辑器软件,也是HTML和散文先进的文本编辑器,可运行在Linux,Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。

2017-11-19

计算机丢失MSVC_110.dll

安装ps会提示安装失败, 计算机丢失MSVC_110.dll,那就需要将此压缩包下载下来,解压,根据内有文档操作即可

2017-12-05

js数字转汉字(含js).html

js数字转汉字(含js),特别特别大的数字除外,支持小数点,demo下载下来直接运行即可看到效果,使用时用js就行,还有不会者请评论联系你的方式

2020-05-08

百度UEDITOR 内网上传视频支持IE8的方法

<!--[if lt IE 9]> <script src="/Public/2017-5-11/html5shiv.min.js"></script> <script src="/Public/2017-5-11/respond.min.js"></script> <![endif]--> <!--IE8支持--> <link type="text/css" rel="stylesheet" href="/Data/ueditor/third-party/video-js/video-js.css"/> <script language="javascript" type="text/javascript" src="/Data/ueditor/third-party/video-js/video.js"></script> <script src="/Public/2017-5-11/html5media.min.js"></script> 上边是bootcss自带的,下边是ueditor需要的,如果是内网的话还会需要一些swf文件,我放在我的资源里了。IE8和以下会自动转换成swf进行播放。

2020-05-07

nginx-v1.13.8

nginx for windows是由俄罗斯的程序设计师Igor Sysoev开发的一款软件,在linux系统下一个高性能的HTTP和反向代理服务器,它占有内存少、系统相当稳定、并发能力强,因为是开源模式,通过添加代码可以达到各种效果。

2018-01-11

前端学习路线.doc

大前端完整学习路线(详解) 第一阶段:HTML5和移动Web开发 第二阶段:HTTP服务和AJAX编程 第三阶段:面向对象进阶 第四阶段:封装一个属于自己的框架 第五阶段:模块化组件开发 第六阶段:主流的流行框架 第七阶段:HTML5原生移动应用开发 第八阶段:   Node.js全栈开发:

2020-03-26

小仙女de成长的留言板

发表于 2020-01-02 最后回复 2020-05-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除