自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 实现ECharts双Y轴左右刻度线一致

关键代码 需要计算双Y轴的最大值 最小值 interval, splitNumber min: 0, splitNumber: 5, interval: (YLeftMax - 0) / 5, <template> <div class="trend&q...

2020-01-29 17:22:12

阅读数 112

评论数 0

原创 小程序webview缓存问题

每次修改H5的项目,发现小程序里面没有办法,需要手动清楚微信数据,但是对于用户来说不可能的 在webview的页面添加时间戳 t=${new Date().getTime()} onLoad(query) { let url = decodeURIComponent(que...

2019-12-30 14:19:54

阅读数 67

评论数 0

原创 微信or支付宝 小程序 与 H5 相互关系

微信小程序与H5的关系 1. 微信小程序内嵌H5 // html <web-view src="{{url}}"></web-view> // js onLoad(options) { this.setData({ url: decodeU...

2019-12-25 21:32:31

阅读数 17

评论数 0

原创 mongoose 实现评论功能(一级和二级评论)

创建数据,可以创建一级和二级评论, 查询返回数据整合数据返回,具体实现效果如下。具体启动node,连接mongodb ,创建router,controller等操作自行处理。 最终的数据结构 1. 创建model 一级评论 parentId:0, 二级评论为 parentId:_id fr...

2019-12-09 17:22:19

阅读数 59

评论数 0

原创 echart 地图 label 定时显示label 效果,每次只显示一个label

先上效果图: <template> <div class="content"> <div id="main" style="width:800px;height:800px;"></...

2019-12-09 10:19:43

阅读数 92

评论数 0

原创 记一次vue-cli3 兼容 IE11的操蛋历程

google,搜狗等浏览器打开都是ok的,但是IE11 打开是空白页面,前前后后总共花了3个小时才找到问题所在。 兼容代码: //main.js import 'babel-polyfill' //需要先 npm i babel-polyfill -D // babe...

2019-11-25 19:18:48

阅读数 15

评论数 0

原创 使用JWT对Koa2进行token认证

JWT JSON Web Token(JWT)是一个非常轻巧的规范。这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。 一个JWT实际上就是一个字符串,它由三部分组成,头部、载荷与签名。 例子 工具代码(下面代码会用到) class Utils { CallbackMod...

2019-11-21 22:13:11

阅读数 15

评论数 0

原创 自定义设置 mongoose的 createdAt 和 updatedAt

在设计 models的时候,想要 创建时间和更新时间,我们不需要手动设置,mongoose 提供了现成的方法 生成系统createdAt 和 updatedAt 日期格式 timestamps: true const mongoose = require('mongoose'...

2019-11-21 11:33:57

阅读数 42

评论数 0

原创 左滑删除(vue)

代码: <template> <div class="container"> <div class="page-title">滑动组件</div> <ul> <...

2019-11-18 13:34:08

阅读数 10

评论数 0

原创 vscode更新vetur后出现红色波浪号??

打开 首选项 - 设置 - 添加代码 "vetur.experimental.templateInterpolationService": false, "vetur.validation.template": false, "vet...

2019-10-28 11:05:02

阅读数 350

评论数 1

原创 echarts系列-----5 ( 柱状图的数据在一条水平线上)

实现方法: 2个叠加,自定义Y轴方法 代码如下: <template> <div> <div id="main" style="width:1200px;height:600px;"></div> ...

2019-10-18 16:55:18

阅读数 18

评论数 0

原创 git 修改 commit 信息

场景1: 已经commit + message + push的前提下 git add . git commit -m 'fix test' git push 实现步骤 1.使用git rebase -i HEAD~3 查看最近几次的commit信息 (3 代表最近的...

2019-10-10 16:09:49

阅读数 7

评论数 0

原创 ElementUi自定义的header

表头显示俩行文字(单个)(见图片) // template <el-table-column prop="test" :render-header="renderHeader"></el-table-column> ...

2019-10-08 22:42:08

阅读数 27

评论数 0

原创 docker不能使用vim怎么破?

当我们在docker里面没有办法使用vim的时候,无法编辑文件怎么办? 报错如下: root@6fb45246d9fc:/etc/nginx/conf.d# vim default.conf bash: vim: command not found 解决办法: apt-get updat...

2019-09-27 16:10:41

阅读数 27

评论数 0

原创 window 安装MySQL教程

我的MySQL的选择的版本是 8.0.13,高版本的遇到很多属性移除,坑太多了 MySQL8.0.13下载地址 链接:https://pan.baidu.com/s/1zk4gaNjGQyVHXIVUXefS4w 提取码:83kb 下载好软件解压缩(E:\mysql-8.0.13-winx64...

2019-09-26 11:30:06

阅读数 10

评论数 0

原创 关于element-ui 日期控件时间范围控制

关于element-ui 日期控件时间范围控制 单个日期输入框 <el-date-picker v-model="value1" type="date" placeholder="...

2019-09-24 17:05:01

阅读数 323

评论数 0

原创 koa2 vue mysql 自己撸个博客网站(分享源码)

前端地址:http://www.zhooson.cn 前端BLOG功能介绍: 首页 (思维导图(树状图)) 文章 (文章列表,个人分类,热门文章,文章详情,文章目录结构) 留言(登录,留言) 作品 (历年来的项目地址) 关于(关于项目介绍) 登录 (普通登录,Github登录) Admin 后...

2019-09-23 10:40:26

阅读数 38

评论数 0

原创 docker跑前端vue项目

需要下载(docker)[https://www.docker.com/] 下载docker步骤忽略 本文默认下载好了docker容器 vue创建项目忽略,直接拿到打包的文件dist 编写Dockerfile的文件 dist 文件需要启动一个服务才可以跑起来项目,这里docker就...

2019-09-20 17:27:26

阅读数 92

评论数 0

原创 nuxt线上打包发布

差了很多资料,吧自己的经验总结一下: 创建项目 vue init nuxt-community/starter-template <project-name> 进行搭建的! 打包 执行nuxt build 或者 npm run build打包后,发现没有dist文件, 这是这个...

2019-09-20 13:50:42

阅读数 1007

评论数 3

原创 nuxtjs踩坑之旅

创建项目自行查看文档https://zh.nuxtjs.org/guide/installation 1. 配置sass编译 安装npm包 yarn add @nuxtjs/style-resources node-sass sass-loader nuxt.config.js文件添加代码 ...

2019-09-11 23:30:14

阅读数 279

评论数 0

原创 vue-admin的简易模版

网上拜读很多别人的代码,发现一个问题大家在新增和编辑都是弹窗的形式呈现,但是有时候的内容过多会导致弹窗滚动的,内容少点可以弹窗解决。 自己写了一个简易模版,自己的项目和公司也使用了 gthub 地址➡️➡️ 效果预览➡️➡️ ...

2019-09-09 16:03:56

阅读数 830

评论数 0

原创 vue router 报错: Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

重复点击同一个的路由的发生如下报错 我使用vue-router 的版本是 3.0.3 解决办法 方法1 yarn remove vue-router yarn add vue-router@3.0 版本引起的原因,退回版本即可。 方法2:(main.js) import Router ...

2019-09-05 17:26:02

阅读数 1088

评论数 3

原创 js 通过H2,H3生成文章目录结构

markdown写的文章,没有生成目录结构功能,自己手动写个,DOM节点如下: 本文章只是针对H2,H3的标签的事例(h1~h6只能有个2个标签即可) 获取节点 let childrens = document.getElementsByClassName("v-show-co...

2019-08-30 16:38:38

阅读数 163

评论数 0

原创 koa2 vue mysql 自己撸个博客网站(介绍文章)

一值有个想法自己动手撸个博客网站,也尝试过使用hexo,wordpress搭建过博客,但是它们都是开箱即用的模式,遂自己动手写个前后端整体的项目,刚刚上线的上线这个版本的比较粗糙,也没有做ssr功能,后期打算使用nuxt来重构前端blog页面。 先抛出几张图片介绍admin后台系统 登录页面 ...

2019-08-27 14:34:36

阅读数 28

评论数 0

原创 elementUI select multiple 默认选中

需求 后端返回几个id,select 默认选中 后端返回的格式 tag: ‘1,2,3,4’ // 这些是id 这个options数据格式 let tagslist = [ { name:'vue', id:1, }, { name:...

2019-07-19 22:25:47

阅读数 1215

评论数 0

原创 vue history 404

当设置了 mode: ‘history’ 第一个页面是出来的,但是重新刷新就是空白页面 解决办法: 在服务器找到当前项目路径 执行 pwd 然后复制路径A 打开nginx.cof的文件, 代码事例 root /webproject/myblog3/admin; index index.h...

2019-06-26 14:15:01

阅读数 112

评论数 0

原创 如何让关闭网页上 sockjs-node/info的接口

如果你的项目没有用到 sockjs,vuecli3 运行 npm run serve 之后 network 里面一直调研一个接口: http://192.168.0.101:8001/sockjs-node/info?t=1560737261281 找到/node_modules/sockjs-...

2019-06-17 10:10:43

阅读数 2409

评论数 1

原创 sql注入和xss攻击

SQL注入 就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。具体来说,它是利用现有应用程序,将(恶意的)SQL命令注入到后台数据库引擎执行的能力,它可以通过在Web表单中输入(恶意)SQL语句得到一个存在安全漏洞的网站上的数据库,而...

2019-05-31 13:18:06

阅读数 503

评论数 0

原创 支付宝小程序uploadfile的坑

代码是微信复制过来的,微信俩中写法都是可以 header: { 'Content-Type': 'application/x-www-form-urlencoded', // '...

2019-05-24 11:39:06

阅读数 1195

评论数 2

原创 You are using the runtime-only build of Vue where the template compiler is not available. Either pre

这种报错原因是 vue有两种形式的代码 compiler(模板)模式和runtime模式(运行时),vue模块的package.json的main字段默认为runtime模式, 指向了"dist/vue.runtime.common.js"位置。 compiler模式的: ...

2019-05-17 10:05:21

阅读数 23

评论数 0

原创 echarts系列-----4 (legend单选和动态切换X轴数据)

本篇讲解legend单选和动态切换X轴数据,具体见代码,并标注注释(例子 文档事例都是有的,传送门

2019-05-15 17:06:50

阅读数 769

评论数 1

原创 echarts系列-----3 (自定义legend 控制多个legend)

本篇讲解自定义legend 控制多个legend实现方法,具体见代码,并标注注释(例子 文档事例都是有的,传送门

2019-05-15 16:40:38

阅读数 1627

评论数 0

原创 echarts系列-----2 (多个Y轴)

本篇讲解的echarts 多个Y轴的实现方法,具体见代码,并标注注释(例子 文档事例都是有的,传送门

2019-05-15 11:34:52

阅读数 2005

评论数 0

原创 echarts系列-----1

本篇讲解最简单的echarts实现方法,具体见代码,并标注注释(例子 文档事例都是有的,传送门

2019-05-15 10:15:08

阅读数 44

评论数 0

原创 nodejs 连接mysql

const mysql = require('mysql'); //创建链接对象 const connenction = mysql.createConnection({ host: 'localhost', user: 'roo...

2019-05-08 14:32:50

阅读数 31

评论数 0

原创 支付宝小程序使用 icontfont字体图标

下载的文件中 有个 iconfont.css 这个文件,打开文件 复制代码到自己新建一个test.acss的文件,然后在app.acss的中引入 打开 https://transfonter.org/ 这个网站 转化为base64的格式 选择上传 刚刚下载在本地的中iconfont.ttf...

2019-05-07 13:55:40

阅读数 675

评论数 0

原创 vue的列表加载过渡动画

效果实现的方法就是sass for loop方法(参考文章:http://thesassway.com/intermediate/if-for-each-while) 只要的重点就是 sass的写法 html : :class="`animation-${index+1}`&quo...

2019-05-05 13:50:36

阅读数 360

评论数 0

原创 table固定表头 上下左右滑动

<style lang="scss"> .my-table { font-size: 16px; // width: 1000px; height: 200px; overflow: hidden; border: 1px solid #ccc;...

2019-04-26 20:52:53

阅读数 673

评论数 0

原创 flex布局 常用的场景

实现一个div绝对居中 效果图: .wrapper { display: flex; align-items: center; justify-content: center; width: 300px; ...

2019-02-26 13:36:29

阅读数 184

评论数 0

原创 现绚丽的小球(js面向对象)

index.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt...

2019-02-21 10:46:43

阅读数 115

评论数 0

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