- 博客(84)
- 收藏
- 关注
原创 0 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by se
nodejs连接mysql8.0.32版本报错:0 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server;修改加密规则为普通模式,默认是严格加密模式。
2023-03-20 21:25:18 195
原创 vue 自定义全屏组件
1. FullScreen.vue<template> <span class="full_screen" @click="toggleFullScreen"></span></template><script>import { mapActions, mapMutations, mapState } from 'vuex'export default { name: 'FullScreen', data(){ return
2022-04-22 15:54:38 1260 1
原创 Vuecli3按需引入elementUi
1. elementConfig.jsimport { Carousel, CarouselItem, Dropdown, DropdownMenu, DropdownItem, Dialog, Button, Form, FormItem, Input, Table, TableColumn, Image, Upload, Select, Option} from 'element-ui'export default { install (V) { V.use(Carousel)
2022-04-20 17:30:53 1154
转载 Vuecli3配置postcss-pxtorem
安装npm install postcss-pxtorem@5.1.1 --save-devpostcss-pxtorem版本6.0.0因为版本太高导致报错配置: 修改package.json "postcss": { "plugins": { "autoprefixer": {}, "postcss-pxtorem": { "rootValue": 18, "minPixelValue": 2, "prop.
2022-04-20 17:00:51 1202
原创 Vue使用Canvas在图片上增加标记和显示标记
add<template> <div class="container"> <div class="base_map"> <img ref="base_img" id="base_img" src="@/assets/base.png" alt="The Scream" width="100%" height="100%"> <canvas ref="baseCanvas" id="baseCanvas" :width="map_wi
2022-03-16 17:02:15 3310
原创 vue2.6替换element主题色
src/element-variables.scss$--color-primary: #FF9645 !default;/* 改变 icon 字体路径变量,必需 */$--font-path: '~element-ui/lib/theme-chalk/fonts';@import "~element-ui/packages/theme-chalk/src/index";main.jsimport Vue from 'vue'import Element from 'element-ui'
2021-12-16 18:08:26 251
转载 js 千分位(分转元)
function price(a){ var num = Number(a); if(!num){//等于0 return num+'.00'; }else{//不等于0 num = Math.round((num)*100)/10000; num = num.toFixed(2); num+='';//转成字符串 var reg=num.indexOf('.') >-1 ? /(\d{1,3})(
2021-12-01 20:58:41 417
原创 滚动条样式修改
* { scrollbar-color: #7D7D7F transparent; /* 滑块颜色 滚动条背景颜色 */ scrollbar-width: thin; /* 滚动条宽度有三种:thin、auto、none */}::-webkit-scrollbar { width: 8px; height: 8px;}::-webkit-scrollbar-track-piece { background-color: transparent; -webkit-border-r
2021-11-26 10:57:17 228
原创 el-dialog中表单校验问题:第二次打开时会触发校验
当required属性为变量时,rules规则应写在el-form-item项上,如果写在el-form上,则第二次打开dialog时会触发校验并且显示校验结果。eg:假设有单选项type,枚举值为1,2。另有一项user,type值为1时必填,type值为2时非必填。未完待续...
2021-11-25 17:50:27 2561 4
原创 多个路由共用一个页面,路由间切换时页面刷新问题
路由/userAudit和/userManage共用了同一个view,table有selection, a, b, c, 操作五个列,/userManage显示a, c, 操作三列;/userAudit显示selection, a, b三列。当路由在/userAudit和/userManage间切换的时候,列表显示出现问题,<el-table v-if="renderTable"></el-table>data() { return { renderTable: true
2021-10-26 16:33:18 798 2
原创 vue获取并显示服务器时间
由于http响应头会带有服务器时间,所以就在响应拦截器中获取了服务器时间import store from '@/store'service.interceptors.response.use((response) => { if(response.headers['date']) { store.commit('common/setServiceTime', response.headers.date) }})common stroeconst state = { differ
2021-10-15 11:53:30 3371
原创 vue左边div高度跟随右边div高度变化
<template> <div class="container"> <div ref="left" class="left card" :style="{height: height}"> <el-tree :data="treeData"></el-tree> </div> <div ref="right" class="right card"> <el-table :data="tabl
2021-09-16 11:19:34 862
转载 vue创建项目报错:command failed: npm install --loglevel error
试了好多种方法都不行,直到这个sudo npm cache clean -fnpm updatenpm update -g @vue/clivue create vue-first-appstackoverflow还是强哇,原答案链接:https://stackoverflow.com/questions/53934852/vue-cli-3-command-failed-npm-install-loglevel-error/66564847...
2021-09-15 15:43:53 277
转载 vue-cli3路由懒加载不生效
按照推荐将vue的路由配置如下来实现懒加载,但是路由懒加载不生效,还是会把所有的chunk加载出来:{ //首页 path: '/index', name: 'index', component: () => import(/* webpackChunkName: "home" */ '@/views/index/index.vue'),},{ //列表 path: '/list', name: 'list', component: ()
2021-09-10 15:33:10 1687
原创 vue-quill-editor富文本--图片上传服务器
组件代码<template> <div> <quill-editor v-model="content" ref="quill" :options="editorOption" class="editor"> </quill-editor> <input type="file" @change="onEditorChange" id="upload" style="display:none;" /> </div>&l
2021-08-04 16:47:57 187
原创 vue2.x集成 swiper轮播图
1、安装 vue-awesome-swipernpm install vue-awesome-swiper swiper@5.x --save2、使用 vue-awesome-swiper<template> <swiper class="swiper" :options="swiperOption" ref="mySwiper"> <!-- slides --> <swiper-slide>I'm Slide 1</swiper-sl
2021-07-23 18:45:14 123
原创 vue 动态绑定背景图片
动态设置背景图<template> <div class="wrap" :style="bacImage"> <img :src="iconUrl" alt=""> <div class="weather-info"> <span class="temperature">31℃</span> <span class="weather">{{weatherInfo.weather}}</span&
2021-07-22 17:30:02 349
原创 配置两个git账号
一、两个不同代码托管网站的网址和帐号账号一注册的网站:gitlab用户名:user1邮箱:useremail1@163.com账号二注册的网站:gitee用户名:user2邮箱:useremail2@qq.com二、配置账号1. 检查电脑是否有ssh key$ cd ~/.ssh$ ls2. 创建账号一的ssh key$ ssh-keygen -t rsa -C "useremail1@163.com"运行上面那条命令后会让输入一个文件名,用于保存刚才生成的 SSH
2021-01-23 21:31:35 853
转载 Fiddler手机抓包
转自Fiddler实现手机抓包——小白入门Fiddler是一款非常流行并且实用的http抓包工具,它的原理是在本机开启了一个http的代理服务器,然后它会转发所有的http请求和响应,因此,它比一般的firebug或者是chrome自带的抓包工具要好用的多。不仅如此,它还可以支持请求重放等一些高级功能。显然它是可以支持对手机应用进行http抓包的。本文就来介绍下如何用fiddler对手机应用来抓包。1. 启动Fiddler并对参数进行配置配置fiddler允许监听到https(fiddler默认只
2021-01-11 17:39:32 147
原创 vue PC端实现选择图片或摄像头拍照
添加用户的时候需要选择本地照片或拍照采集用户头像:子组件<template> <div class="image-capture"> <div class="camera_outer"> <div id="placeholder" class="placeholder" v-show="!showVideo"> </div> <video id="videoCamera" :width="vide
2020-11-05 15:51:18 566
转载 el-menu动态菜单递归组件
前几天看别人文章写得,那时候没空没写博客。这时候再找却找不到原文了,大家有看到原文的话请留言告知,不胜感激。1、子组件export default { name: 'Nav', functional: true, render(h, { props }) { return props.menus.map((menu) => { if(!!menu.childs && menu.childs.length > 0){ return h('el-subme
2020-09-22 16:15:06 457
原创 常用concat任务配置
文件结构如下: 1、合并成一个文件app.jsconcat: { options:{ // 定义一个用于插入合并输出文件之间的字符 separator: ';\n' }, dist: { // 将要被合并的文件 src: ['app/**/*.js'], ...
2018-08-14 22:03:19 429
原创 border属性实现箭头和三角形
1、向上的箭头.arrow{ width: 20px; height: 20px; border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(45deg);}原理: 画出正方形的任意相邻的两条边线,然后旋转一定的角度 得到需要的任意方向的箭头。 deg...
2018-07-13 18:06:30 596
转载 种CSS清除浮动的方法优缺点分析
转自:https://www.cnblogs.com/AnotherLife/p/5800751.html 为什么清除CSS浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。 而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问...
2018-06-13 23:28:08 173
原创 前端笔试题一
今天去面试了一家公司,笔试环节就被刷掉了。不过没关系,明天继续面。把我今天的笔试题写下了,因为是回到家写的,题目描述记不清,自己组织语言描述了一下,将就看吧。有空再放答案。 1、写出几种清除浮动的方法,并说明优缺点 2、box-sizing的作用是什么 3、写出截断长文本的样式 4、W3C阻止事件向上传递的方法是什么 5、==和===的区别是什么?null和undefined的区别是什么...
2018-06-01 18:07:04 486 2
原创 2018前端笔试面试题整理
最近好几个前端的朋友都在换工作,根据她们的面试经验整理了一些前端笔试面试题。毕竟人少,面的公司也少,所以并不全面。1、请写出目前有哪些主流浏览器及对应的内核是叫什么? 1、IE浏览器内核:Trident内核,也被称为IE内核; 2、Chrome浏览器内核:Chromium内核 → Webkit内核 → Blink内核; 3、Firefox浏览器内核:Gecko内核,也被称Firefox内...
2018-05-29 11:51:29 5652 1
原创 象形柱图与柱状图组合
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<device-width>, initial-scale=1.0&qu
2018-05-18 11:42:22 1699
转载 typeof用法介绍
转自:https://blog.csdn.net/z18842589113/article/details/53315910typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能: “number,” “string,” “boolean,” “object,” “function,” 和 “undefined”。我们可以使用typeof来获取一个变量是否存在,如if...
2018-05-15 11:24:24 1324
原创 echarts柱状图
option = { xAxis: { type: 'value', //数值轴 axisLabel: { show: false, color: "#69cde2", formatter: function(value, index){...
2018-05-11 23:25:50 270
原创 angularjs监听数据变化
1、监听一个变量的值$scope.source$scope.$watch('source',function(n,o){ //...});2、监听多个变量的值$scope.$watchGroup(['createDate','source'],function(n,o){ //...});百度上有一种说法是把变量...
2018-05-09 17:35:35 2746 4
原创 echarts力导向图区分鼠标点击事件与拖拽事件(angularjs)
使用echarts的力导向图做了一个知识图谱,要求点击节点的时候,把节点的数据作为关键词搜索。知识图谱,以前没做过,也不知道用什么好,百度了一下看到有人说用echarts可以做,然后就用了echarts,后来发现,拖拽节点也会触发点击事件。不知道怎么实现echarts拖拽的时候不触发点击事件,就用了这种办法。先放一个javascript中区分鼠标单击和拖动事件的链接:http://blog.c...
2018-03-01 16:00:42 7461 2
原创 echarts 力导向图
首先放上大佬文章链接: http://blog.csdn.net/u010430471/article/details/52955131 https://www.cnblogs.com/koala2016/archive/2016/12/01/6123003.html1、数据 在echarts3的力向图里面主要有两种数据,一种为节点(node)数据,一种为节点与节点之间的关系边(link...
2018-02-27 11:36:05 7425 5
原创 a标签 href和点击事件同时存在
http://bbs.csdn.net/topics/392188997<a href="http://mp.blog.csdn.net/mdeditor" target="_blank" onclick="return externalLinksConfirm(this)">csdn</a>function externalLinksConfirm(t){...
2018-02-23 14:15:01 2756
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人