自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 MySQL 1130错误

------- !!!注意输入分号!!!!-------1.服务器登录mysqlmysql -u root -p忘记密码请看这篇博客 mysql忘记密码 。2. 查询出数据库的用户名mysql>select host,user,password from user;3.把用户表里面的host项改为“%”mysql>update user set host = '%' where user ='root';4.刷新用户权限表mysql>flush privileges

2021-01-17 17:46:12 188

原创 img标签的第三方资源 403 forbidden

有时就希望显示其他网站的Image,直接把其他网站的图片显示在我的网站上。但并不是所有的外网Image 都能直接连接过来显示。但是并不是所有的图片都可以获取到资源,比如我今天想要获取知乎的图片。此时在浏览器地址输入图片url可以正常显示,但是在img标签拿不到,控制台提示403 forbidden。原因:知乎的图片采用了防盗链的规则,其实这个规则也比较简单,主要是该站点在得知有请求时,会先判断请求头中的信息,如果请求头中有Referer信息,然后根据自己的规则来判断Referer头信息是否符合要求,Re

2021-01-14 22:58:48 306

原创 vue 前端直接解决 跨域问题

1. 项目结构2. vue.config.js 中添加target为后台接口域名。devServer: { proxy: { '/api': { target: 'http://b.qiuyeye.cn', changeOrigin: true, pathRewrite: { '/api': '' } } } }3. api.js 中修改原baseURL为http

2021-01-14 16:30:58 392

原创 input ios 无法获取焦点(无法输入)

去掉 user-select: none;

2020-12-09 18:51:19 1271

原创 vue watch 监听 props 传值

props: ["isAdd", "oldusername"], data() { return { username: "", password: "", dialogFormVisible: false }; }, watch: { oldusername: function (newVal, oldVal) { // console.log(newVal); this.username = newVal;.

2020-12-04 21:27:07 24170 3

原创 css 文字 与 iconfont 对齐

display: inline-flex;align-items: center;

2020-12-01 23:06:40 997

原创 vue nginx 部署 二级目录

1. router.js 添加 base2. 根目录新建vue.config.js文件添加3. 服务器 nginx.conf 文件配置

2020-12-01 23:04:24 1309

原创 vue echarts

安装 echartsnpm i echarts --savemain.js 中 引入 echartsimport echarts from "echarts";Vue.prototype.$echarts = echarts;vue 文件 中创建实例并渲染图表<div ref="chart" style="width: 300px; height: 300px"></div>let myChart = this.$echarts.init(this.$.

2020-11-15 22:12:21 150

原创 vue 项目 api.js

import axios from "axios";const api = axios.create({ baseURL: "http://localhost:3000", headers: { "Content-Type": "application/json" }});api.interceptors.request.use( function (config) { config.headers.token = localSt

2020-11-15 22:02:26 684

原创 MySQL 本地连接远程服务器报错 2003

## zone --> 作用域## add-port=80/tcp --> 添加端口,格式为:端口/通讯协议## permanent --> 永久生效,没有此参数重启后失效sudo firewall-cmd --zone=public --add-port=3306/tcp --permanent## 开启3306端口后,必须重启防火墙,workbench或naivcat 就能连接到MySQL数据库了sudo systemctl restart firewalld.serv

2020-11-14 21:58:28 1217

原创 JS 导出excel文件流

let link = document.createElement("a");link.style.display = "none";link.href = window.URL.createObjectURL(res.data);document.body.appendChild(link);link.click();window.URL.revokeObjectURL(link.href);document.body.removeChild(link);

2020-11-14 21:17:34 1191

原创 vue echarts 报错 Cannot read property ‘getAttribute‘ of null

this.$nextTick(function () { this.drawCharts(); });

2020-11-13 22:57:10 189

原创 vue js 重置表单数据

<el-form ref="loginFormRef" :model="loginForm"> <el-form-item prop="user"> <el-input v-model="loginForm.user"></el-input> </el-form-item> <el-form-item prop="password"> <el-input v-model="loginForm.p.

2020-11-10 19:13:19 678

原创 mysql 自动生成时间戳

navicatCURRENT_TIMESTAMP

2020-11-04 23:34:45 1627

原创 express 报错 Router.use() requires a middleware function but got a Object

没有导出路由module.exports = router;

2020-11-04 18:01:12 419

原创 js 时间格式化

let date = new Date();let date_value =date.getFullYear() +"." +(date.getMonth() + 1) +"." +date.getDate() +" " +date.getHours() +":" +date.getMinutes() +":" +date.getSeconds();

2020-11-04 17:59:06 118

原创 vue 打包 本地文件无法查看的问题

router.js 中 mode 为 hash在与 package.json 同级目录下新建 vue.config.js 文件,添加下方代码。module.exports = { publicPath: './',}重新编译即可

2020-11-03 21:59:01 412

原创 js 判断对象是否为空

var data = {};var arr = Object.keys(data);alert(arr.length == 0); //true 为空, false 不为空var data = {};var b = (JSON.stringify(data) == "{}");alert(b); //true 为空, false 不为空

2020-11-02 23:19:04 205

原创 清除小程序 button 默认样式

button{ line-height: 1; text-align: left; font-size: 30rpx; padding-left: 0; padding-right: 0; background-color: #FFFFFF;}button::after{ border: none;}

2020-11-02 23:18:11 549

原创 vue js 判断输入是否全为空格

this.inputValue.length > 0 && this.inputValue.trim().length != 0

2020-11-02 23:16:57 2719

原创 js 判断字符串为字母或汉字

var str = "abc";if(/^[a-zA-Z]*$/.test(str)){ alert("“" + str + "”里全是字母!");}else if(/^[\u4e00-\u9fa5]*$/.test(str)){ alert("“" + str + "”里全是汉字!");}

2020-11-02 23:15:46 5510

原创 css文字溢出隐藏并显示 ...

overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

2020-11-02 23:14:44 388

原创 js 数组去除重复元素

let oldArr = [1, 2, 3, 4, 5, 5 , 6, 7, 8, 2, 3];let newArr = [...new Set(oldArr)];console.log(newArr)

2020-11-02 23:12:47 173

原创 mysql 修改最大连接数 解决 Error: ER_CON_COUNT_ERROR: Too many connections

mysql报错:Error: ER_CON_COUNT_ERROR: Too many connectionscode: ‘ER_CON_COUNT_ERROR’,errno: 1040,sqlMessage: ‘Too many connections’,原因 最大连接数 过小。1、运行 cmd,cd 至 mysql 安装路径 bin 目录下mysql -u root -p //登录2、查看最大连接数show variables like 'max_connections'; //

2020-11-01 22:03:14 2028

转载 node + express 解决跨域问题

app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powere

2020-11-01 17:58:41 484

原创 node + express + mysql 创建 server端项目

一、创建文件并初始化1、创建文件express 项目名 //例如 myNodecd myNodenpm i //安装依赖npm start //运行默认为 3000端口2、改写入口文件var http = require('http');var server = http.createServer(app);将上方语句从 bin/www.js 中剪贴至 app.js 中3、监听3000端口将app.js 中module.exports = app;改为server.

2020-11-01 16:53:26 305 2

原创 mysql 数据表的增删改查

1、select 查询查询 datasheet 表中所有记录select * from datasheet //数据表查询 表中含有 id,name 字段的记录select id,name from datasheet条件查询 表中 id = 1 的记录select * from datasheet where id = 1排序查询 按 age 降序排列select * from datasheet order age desc // asc 升序限制查询 取出 age 最大的 1

2020-11-01 16:48:23 2706 7

原创 csdn 设置博客字体、大小、颜色

<font face="黑体">黑体</font><font face="微软雅黑">微软雅黑</font><font face="STCAIYUN">华文彩云</font><font face="Comic Sans MS" size="5" color="pink">Comic Sans MS</font>

2020-11-01 15:45:33 204

转载 Uncaught (in promise) TypeError: Cannot read property ‘protocol‘ of undefined

引入 axios 的错误正确写法:import axios from 'axios'// Vue.use(axios); //错误写法Vue.prototype.$http = axios;

2020-11-01 09:58:49 673

原创 常用的 nginx 命令

nginx -t # 查看nginx状态nginx -s reload # 重新载入配置文件nginx -s reopen # 重启 Nginxnginx -s stop # 停止 Nginx

2020-10-31 21:58:36 856

原创 nginx部署vue项目 刷新出现404

将 mode 由 history 改为 hash

2020-10-31 21:22:02 516

转载 4步解决 npm报错 This is probably not a problem with npm. There is likely additional logging output above.

删除 node_modules 文件夹删除 package-lock.json 文件npm cache clean --forcenpm install

2020-10-31 18:35:47 6775 4

原创 vue click 跳转外部链接

重新打开新页面window.open(src, "_blank"); 覆盖当前页面window.location.href = src; //或者window.open(src,"_self")

2020-10-31 16:31:15 1704

原创 css 最经典的按钮样式

html<div class="container"> <div class="box"><span>Multi Box-Shadow</span></div></div>cssbody { width: 100%; height: 100vh; background: #f5f6fa; font-family: 'Poppins', sans-serif; color: #7f8fa6; ..

2020-10-30 18:24:17 1319

原创 css 鼠标滚轮滚动样式

div 鼠标以及滚轮 <div class="mouse-icon"> <div class="scroll"></div> </div>scss样式 .mouse-icon { position: absolute; border: 2px solid #2f2f2f; background: #ffffff; opacity: 0.8; border-radiu..

2020-10-30 12:45:33 2004

原创 vue js css点击水波样式

div 按钮click事件方法不能带括号 () ! <div class="ripple" @click="touchstart" > <router-link to="/">首页</router-link> </div>click 方法 获取鼠标点击位置 e.offsetX // 获取相对 x坐标 e.offsetY // 获取相对 y坐标 tou..

2020-10-30 12:36:38 695

原创 css footer底部样式设计

中间很显眼的分割线其实是一个 hr 标签奥!!hr 标签<hr />样式 hr { width: 80%; margin: 10px auto; height: 1px; background-image: linear-gradient( to right, rgba(255, 255, 255, 0), cyan, rgba(0, 0, 0, 0) ); }...

2020-10-30 00:01:05 3188

原创 vue js 获取滚动距离 以及 返回顶部按钮

获取滚动距离 判断是否回到顶部 data() { return { scrollNum: 0, //滚动距离 isTop: false, //是否显示回到顶部按钮 }; }, mounted() { window.addEventListener("scroll", () => { let top = document.documentElement.scrollTop || document..

2020-10-29 23:54:28 820 3

原创 vue js 动态获取浏览器宽高

初始获取浏览器宽高data() { return { screenWidth: window.innerWidth, screenHeight: window.innerHeight, }; },window.addEventListener 监听浏览器宽高变化 mounted() { window.addEventListener("resize", () => { this.screenWidth = window.i.

2020-10-29 23:47:21 799

原创 js 鼠标点击 心形样式

鼠标点击产生心形!function(e,t,a){function r(){for(var e=0;e<n.length;e++)n[e].alpha<=0?(t.body.removeChild(n[e].el),n.splice(e,1)):(n[e].y--,n[e].scale+=.004,n[e].alpha-=.013,n[e].el.style.cssText="left:"+n[e].x+"px;top:"+n[e].y+"px;opacity:"+n[e].alpha+";

2020-10-29 23:37:22 500 1

空空如也

空空如也

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

TA关注的人

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