- 博客(38)
- 资源 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue3.0 + elementPlus 后台管理系统模板
gif示例github地址: github基于vue3.x + elementPlus 实现的后台管理系统模板1、 登录逻辑.2、 基本布局(基于elementPlus)3、 动态路由逻辑4、 动态菜单栏逻辑5、 面包屑 6、 皮肤切换 7、 假数据模拟路由菜单Project setupyarn installCompiles and hot-reloads for developmentyarn serveCompiles and minifies fo
2021-02-04 13:35:35
9184
4
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue3.0拖拽缩放组件
本人开发vue3.0拖拽缩放组件,持续更新中github地址: https://github.com/zzz0908/vue3-resize-dragnpmjs地址: https://www.npmjs.com/package/vue3-resize-dragdemo:文档vue3.0拖拽缩放插件下载并引入npm i vue3-resize-drag -Syarn add vue3-resize-drag -Simport vue3ResizeDrag from 'vue3-resi
2021-01-24 15:19:26
4460
15
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue实现前端导出excal(后端返回json数据即可)
使用工具 : vue-json-excelnpm安装依赖包npm install vue-json-excel项目入口文件引进注册并且使用import Vue from 'vue'import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)在页面中使用<download-e...
2019-07-15 14:17:53
2991
5
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue拓扑图、组织结构图插件使用(orgChart.js)
今天使用orgChart没有找到合适的,所以今天来写篇使用文档。OrgChart.js是什么?基于ES6的组织结构图插件。特征支持本地数据和远程数据(JSON)。基于CSS3过渡的平滑扩展/折叠效果。将图表对齐为4个方向。允许用户通过拖放节点更改组织结构。允许用户动态编辑组织图并将最终层次结构保存为JSON对象。支持将图表导出为图片。支持平移和缩放用户可以采用多种解决方案...
2019-07-15 14:04:16
41685
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Nodejs利用express框架写一套数据库增删改查接口
1.首先创建一个Admin.js文件,引入模块,并实例化const express = require('express')const router = express.Router()2.重新创建一个Model.js文件,创建一个数据模型,规定参数,将构造好的模块抛出//数据模型const mongoose = require('mongoose')let UserSchema =...
2019-03-01 10:14:17
7577
2
原创 vue js 语音播报 语音读文字 window.speechSynthesis new SpeechSynthesisUtterance (补充无声音 问题解决办法)
// 语音停止 handleStop(e) { if(window.speechSynthesis){ const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance(); msg.text = e; msg.lang = "zh-CN"; ..
2021-01-05 14:09:51
9201
8
原创 vsCode同步设置,保证多台电脑之间数据共享
设置同步设置同步可让您在计算机上共享Visual Studio Code配置,例如设置,键绑定和已安装的扩展,因此您始终可以使用自己喜欢的设置。注意:“设置同步”仍处于预览状态。开启设置同步编号您可以使用活动栏底部“管理”齿轮菜单中的“打开设置同步…”条目来打开设置同步。打开同步命令系统将要求您登录以及您想要同步哪些首选项;当前支持设置,键盘快捷键,扩展名,用户片段和UI状态。设置同步配置对话框选择“登录并打开”按钮将要求您在使用Microsoft或GitHub帐户登录之间进行选择。设置同
2020-12-15 16:22:22
6894
原创 前端实现列表排序 (时间 名称 升序 降序)
function pcompare(prop,rev) { // 第二个参数没有传递,默认升序排序 if(rev === undefined) { rev = 1; }else { rev = rev ? 1: -1; } return function(obj1,obj2) { // 方括号.
2020-10-30 16:30:29
5108
2
原创 vue导出pdf(自定义页面大小)
首先下载 html2canvas 和 jspdf插件import html2canvas from 'html2canvas'import JsPDF from 'jspdf'导出函数 (先html2canvas将页面截图,然后用jspdf导出) exportPDF(){ // let shareContent = document.body,//需要截图的包裹的(原生的)DOM 对象 let shareContent = document.get
2020-08-17 10:33:02
4371
2
原创 vue导出excel(多个sheet表)
目录(一)直接调用(二)、封装导出函数调用最近做项目中有一个导出excel表格的需求具体思路是:后端返回给我json数据,前端根据数据和具体的几项字段去导出excel表格,还有导出多个sheet,多页表格到一个excel表里面,具体思路 根据Export2Excel插件,并修改插件Export2Excel完成导出多页(多个sheet)的excel第一步:安装插件 依赖npm install file-saver --savenpm install xlsx --savenpm install
2020-08-17 10:27:53
6562
2
原创 js new Map()应用
new Map()// 实现当data数组对象中 time相同时 取code值最大的对象 let data = [ {time:'2010-10-11',code:4}, {time:'2010-10-11',code:2}, {time:'2010-10-11',code:3}, {time:'2010-10-12',code:7}, {time:'2010-10-12',code:3}, {time
2020-07-28 18:35:51
1239
原创 mysql常用命令
mysql小技巧,当多行命令输入,发现错误后,用 \c 结束1.连接数据库mysql -u root -p2.查看所有数据库 (一定记得最后加分号)show databases;3.创建数据库CREATE DATABASE 数据库名;4.删除数据库drop database <数据库名>;5.选择数据库use 数据库名6.创建数据表CREATE TABLE IF NOT EXISTS `runoob_tbl`( `runoob_i
2020-07-23 17:36:04
120
原创 git指令整理
Git基本使用一、GIT基本知识工作区 -->暂存区–> 版本库 --> 远程版本库工作区:文件的增加,修改,删除操作都在工作区执行暂存区:文件修改后且add后,到暂存区版本库:文件commit后,到版本库远程仓库:本地版本库的文件push到远程仓库,从远程仓库pull/fetch文件到本地HEAD保存的是最后一次提交点(当前),指向当前工作的分支HEAD^上一个版本HEAD^^上上个版本HEAD~10上10个版本二、配置安装git后执行以下配置1.配置用户名及邮
2020-07-16 18:40:31
249
原创 js代码更新浏览器缓存问题
代码更新之后,浏览器打开页面发现代码还是之前的解决办法:在加载js时 url后边拼接上当前时间戳<script type='text/javascript' src='./xxx.js?t=<%=new Date().getTime()%>' ></script>
2020-07-16 15:57:27
854
原创 vue加载天气组件
天气插件中国天气网vue中使用首先我们进入中国天气网生成一段代码根据需要设置天气样式复制并修改生成的这段代码到vue中将script引入 修改为vue的动态引入方法<template> <div id="weater"> <div id="weather-view-he" ref="weather"></div> <remote-script src="天气网生成代码中script的src"&
2020-07-07 18:32:21
13941
6
原创 vue中动态修改组件样式
今天遇到了个难题,在次记录一下。一般我们vue中动态修改一个组件的样式会用 :class :style等方法。今天我在修改一个组件样式的时候发现覆盖不了原有样式于是我在style标签中用/deep/修改了一下,发现成功了,但是我必须要动态修改,那么怎么在css中使用vue变量呢?css 变量var()CSS中原生的变量定义语法是:–,变量使用语法是:var(–),其中*表示我们的变量名称。关于命名这个东西,各种语言都有些显示,例如CSS选择器不能是数字开头,JS中的变量是不能直接数值的,但是,在
2020-07-07 18:18:24
4055
1
原创 5分钟了解TypeScript
什么是TypeScriptTypeScript是Microsoft公司注册商标。TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。安装TypeScript1、在全局环境里安装TSnpm install -g typescript2、用 tsc 命令编译 .ts 文件app.ts 文件:let title: string = '123456789'在命令行里
2020-06-19 13:32:52
304
原创 leaflet实现离线地图加载
github项目地址如果从github下载的地图下载工具报错的话 请用以下链接下载地图瓦片下载工具提取码 : leec
2020-06-02 14:55:52
3633
1
转载 vue实现ps辅助线功能
先上效果图项目地址 (vue-ruler-tool)点此进入特点没有依赖 可拖动的辅助线 快捷键支持安装与基本用法$ npm install --save vue-ruler-tool全局注册import Vue from 'vue'import VueRulerTool from 'vue-ruler-tool'Vue.component('vue-ruler...
2020-04-03 14:31:55
2447
原创 上传本地图片转换base64
html写一个type=‘file’ 的input标签 , 绑定change事件input(id="file" type="file" ref="uploadInput" @change="fileChange")js or vue fileChange(e){ let files = e.target.files[0] // 获取上传内容 ...
2020-04-03 14:17:56
579
原创 原型链继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原型链继承</...
2020-03-17 17:59:42
180
原创 原型对象的继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原型对象的继承<...
2020-03-17 17:54:08
187
原创 构造函数的继承
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>构造函数的继承<...
2020-03-17 17:45:09
103
原创 2020前端面试题总结
这里纪录一下2020年3月份面试中级前端开发岗位的一些常见问题这里主要给大家整理一下问题,答案可根据自己理解回答 (不会百度去)首先 **1分钟的自我介绍** (很关键)面试官您好,我叫XXX,来自XXX,从事web前端开发已经有三年了。我在上家公司主要用到前端XXX框架,主要负责项目的XXX以及XX方面新知识的探索(体现出来你的自学能力),我最满意的项目是XXX(根据...
2020-03-10 15:59:33
5904
原创 分享一款快速生成css三角形工具
github地址: https://github.com/zzz0908/css-微信公众号:怕夜长梦多 要惊心动魄求关注 谢谢大家
2019-10-21 16:11:41
317
原创 leaflet插件实现各种交互效果
首当其冲的当然使我们的leaflejs官网文档啦,任何一个插件的使用自然离不开官网文档https://leafletjs.com/然后我们想要实现的各种效果在如下网址http://develop.smaryun.com:81/API/JS/IGSInterfaceDemoForLeaflet/这个网站包含了几乎所有leaflet地图效果关注微信公众号: 怕夜长梦多 要惊心动魄求关注 ...
2019-10-12 16:32:10
2492
4
原创 封装带过期时间的localStorage
// 封装一个localStorage函数,减少页面请求export function Storage() { if (!window.localStorage) { // 这里应该走cookie逻辑 alert('此版本浏览器不支持本地存储') return false } return { set(key...
2019-07-31 10:05:49
615
1
原创 VSCode 常用插件
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。VSC中文网:http://www.vscode.org/...
2019-07-16 19:53:21
875
原创 vue中使用Sockjs和stompjs实现实时数据
引入import SockJS from 'sockjs-client';import Stomp from 'stompjs';代码 let socket = new SockJS('api/gcIot-supervise-manholecover/webSocketEndPoint'); // 路径 this.stompClient = Stomp.over(s...
2019-07-02 12:57:27
7187
1
转载 tableView的使用
//tableView的创建//1.初始化 initWithFrame:style:(plian,gronp)//2.设置属性(行高, 分割线, 表头, 表尾)//3.添加到父视图//4.释放//tableView显示数据//1.设置dataSource//2.遵循协议<UITableViewDateSource>//3.实现两个必须要实现的方法(a. 返回某个分区行数...
2019-02-28 11:33:35
181
转载 BUG退散
/**** ━━━━━━神兽出没━━━━━━* ┏┓ ┏┓* ┏┛┻━━━━━┛┻┓* ┃ ┃* ┃ ━ ┃* ┃ ┳┛ ┗┳ ┃* ┃ ┃* ┃ ┻ ┃* ┃ ┃* ┗━┓ ┏━┛ Code is far away from bug with the animal protecti...
2019-02-20 17:12:45
1002
原创 Node.js爬虫,爬取一个网站,并下载所有图片
这里用 ‘去哪网’ 为例:首先,我们的目标是:1.爬取一个网站2.将网站的所有图片下载到本地注释比较清楚了,大家可以直接复制使用;const request = require('request')const fs = require('fs')const cheerio = require('cheerio')request('https://www.qunar.com', fu...
2019-02-20 13:17:20
3266
1
原创 Node.js获取邮箱验证码
利用插件nodemailer写一个获取邮箱验证码的接口;大家可以邮箱等提取成参数,这里我就不弄了;const nodemailer = require("nodemailer");//创建发送邮箱验证嘛的请求对象//node_modules/nodemailer/lib/web-know/services.json// host 查找在路径 node_modules/nodemaile...
2019-02-20 12:11:20
1660
1
原创 搭建一个node api服务器,写一个登录接口
//搭建一个node api服务器//写一个登录的接口//通过http模块创建一个服务器const http=require('http')const url=require('url')const querystring = require('querystring');const server = http.createServer((req, res) =&gt; { /...
2019-02-19 11:51:24
3170
1
转载 gulp安装流程、使用方法及CMD常用命令导览
**一、名词介绍:**Npm——node包管理工具一开始我不理解,包管理工具是什么鬼。后来用到的gulp也好,gulp的插件包也好,都是要在npm这个里边弄出来的。可以理解为,一个硬盘,里边放的各种整理好的、适用于各种功能的且不重复的文件夹(插件),然后我们需要啥,就去里边摘下来。当然也可以用它来删除插件;rimraf删除gulp的模块插件1、安装:npm install -g r...
2019-02-19 08:47:48
630
转载 Node.Js同步实现歌词显示
首先需要知道lrc歌词的一版格式,然后才能继续下去。lrc歌词格式[00:00.88]习惯一个人[00:07.95]作词;刘崇健[00:14.39]作曲;刘崇健[00:21.56]演唱;刘崇健[00:32.43]亲爱的 谢谢你还记得好久不见[00:39.39]分开了以后 不是说好了 请勿挂念[00:46.62]我已经习惯 冷眼看人生的 感慨万千[00:53.87]我不再贪心 也不...
2019-02-18 21:48:18
811
原创 原生JS封装jsonp跨域
// jsonp 跨域封装// jsonp_key =&gt; 前端发给后端函数名时使用的字段名;function jsonp(url, jsonp_key) {return new Promise(function (resolve, reject) { // 函数名随机处理避免占用命名空间,避免冲突; var randomName = "_" + Dat...
2019-02-18 11:44:34
417
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人