自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 python提取pdf表格数据并保存到excel(从0到1)

win11环境安装

2023-03-14 03:56:09 654

原创 企业微信小程序开发者登录结果不对问题

企业微信小程序登录问题

2022-12-18 18:50:15 421

原创 Taro+react问题集合

taro3.5.7+react18.0.0遇到的坑

2022-11-15 20:57:40 816

原创 前端复习笔记

复习笔记

2022-10-29 22:33:39 195

原创 UglifyJs Unexpected token: punc (,)

UglifyJs Unexpected token: punc (,)

2022-10-27 16:28:03 1460

原创 JS排序算法(升序)

选择排序,冒泡排序,插入排序

2022-10-09 21:08:10 375

原创 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

原创 sublime text 3快捷键

显示/隐藏左侧栏:Ctrl+B+K

2018-07-19 18:47:07 255

原创 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

原创 象形柱图与柱状图组合

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=&lt;device-width&gt;, 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: &quot;#69cde2&quot;, 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&lt;a href="http://mp.blog.csdn.net/mdeditor" target="_blank" onclick="return externalLinksConfirm(this)"&gt;csdn&lt;/a&gt;function externalLinksConfirm(t){...

2018-02-23 14:15:01 2756

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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