- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端实现网图转base64
一、步骤获取图片二进制文件将二进制文件转换成base64二、例子1.通过axios获取图片二进制文件代码如下（示例）：const imgUrl = "网图url"； axios({ method: "get", url: imgUrl, responseType: "blob", }).then((res) => { console.log(res); blobToDataURL(res.data, console.log); });2.通过
2021-05-28 21:15:57
433
原创 使用driver.js实现新(xin)手(shou)导航，并使展示区域无法点击
业务需求：需要新手引导，使用driver.js实现后，提出若干修改，其中最难搞的是高亮部分不可点击，下面给出代码实现。一、官网demo，以及个人的codepen实现效果driver.js官网democodepen示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-02-14 21:08:25
1568
原创 高德完全自定义点聚合，实现悬浮效果、选中效果
说明：高德地图点聚合官方功能不能满足业务需求，此例子在完全自定义点聚合基础上增加悬浮与选中效果。预览图：在线预览：codepen代码：代码没有添加注释，只是自己的方式实现，如有疏漏，请多指正。<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg
2021-02-06 15:48:24
1384
原创 阿里云centos宝塔面板mongodb设置用户账号密码登录
在阿里云建立了mongodb测试数据库，用了盗版软件登录，估计账号泄露，被黑客删库，留下勒索邮件，还好只是测试用的，下面说明设置权限登录步骤。1.进入命令行：运行mongo2.切换到admin：use admin3.添加管理员：用户名与密码根据自己情况修改db.createUser({ user: 'root', pwd: 'root', roles: ['root']})可按情况添加其他用户db.createUser({ user: 'shino', pwd:
2021-02-01 17:16:51
508
转载 MySQL初始化root密码和允许远程访问
MySQL允许远程访问初始化root密码进入mysql数据库mysql>update user set password=PASSWORD('123456') where User='root';允许mysql远程访问,可以使用以下三种方式:改表mysql -u root -pmysql>use mysql;mysql>update user set host = '%'where user= 'root';mysql>selecthost, user
2021-01-31 13:59:17
221
原创 momentjs实现距离当前时长并且回现中文效果
前言momentjs实现距离当前时长并且回现中文效果，如刚刚，1小时前，2小时前，1天前。。。二、代码代码如下（示例）：const moment = require("moment")moment.locale('zh-cn')console.log(moment('2021-01-09 15:49:00').fromNow()) // "10 分钟前"...
2021-01-09 16:01:47
986
原创 vue滚动监听动态更新激活吸顶导航
前言实现效果：导航栏目随着滚动到页面头部并固定在顶部，随后顶部tab有页面的滚动项目对应激活更新一、安装依赖及引入npm install vue-waypoint --save-devmain.js添加import VueWaypoint from 'vue-waypoint'// Waypoint pluginVue.use(VueWaypoint)二、组件代码<template> <div> <div class="nav">
2020-12-27 20:22:37
415
原创 高德地图面积测量在地图上的面积块上增加清除功能
前言业务需求用到了高德地图的鼠标工具的测量距离和测量面积，其中测量距离绘制出来后地图上有按钮可以清除，但是面积画完后没有清空按钮，如下图：参考连接产品提出需求，面积画完后也要在地图上有个清除。一、说明1.使用的高德版本为1.4.1；2.需要使用高德的插件为MouseTool、OverlayGroup；二、直接上代码1.html代码如下（示例）：<!doctype html><html lang="en"><head> <meta
2020-11-19 21:59:01
4836
2
原创 前端方式实现excel下载
前言提示：因为业务需求，某些数据已经一次性从接口获取到，因此前端可以直接实现下载功能，不必去麻烦后端同学。正文参考代码代码如下（示例）：import Excel from 'exceljs'import { saveAs } from 'file-saver'// 初始化excelconst wb = new Excel.Workbook()const ws = this.wb.addWorksheet('Sheet1')// 模拟数据const mockData = [{nam
2020-11-15 16:37:12
698
原创 axios、file-saver通过get/post方式下载excel
前言提示：出于某些原因，后端提供下载文件方式为post方式，前端就没法使用简单的a标签跳转的方式来实现。下面给出实例，通过使用axios、file-saver方式实现post方式下载excel。正文代码如下（示例）：import { saveAs } from 'file-saver';axios({ method: 'post', url: '接口地址', responseType: 'blob' // 必须，此内容会告知后端返回数据为blob，否则会得到string内容}).t
2020-10-17 14:52:03
969
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人