我也要用- 博客(904)
- 资源 (7)
- 论坛 (1)
- 收藏
- 关注
RSS订阅转载 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
转载 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
转载 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
sublime_text3安装包
2017-11-19
js数字转汉字(含js).html
2020-05-08
百度UEDITOR 内网上传视频支持IE8的方法
2020-05-07
nginx-v1.13.8
2018-01-11
前端学习路线.doc
2020-03-26
小仙女de成长的留言板
发表于 2020-01-02 最后回复 2020-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝