- 博客(42)
- 收藏
- 关注
RSS订阅转载 解决vue-cli3不停请求 /sockjs-node/info?t=报错
转载于：https://www.cnblogs.com/dxy9527/p/11647701.html问题：项目运行后，一直报该接口请求错误解决：如果你的项目没有用到 sockjs，那么就找到报错的地方，将其注释掉即可。路径在/node_modules/sockjs-client/dist/sockjs.js，第1606行：然后刷新一下即可。...
2021-01-22 10:03:07
903
原创 解决 element-ui form 表单按回车后整个页面刷新
设置 @keyup.enter.native 后，当 el-form 中只有一个输入框时，按下回车会刷新整个页面，只需要在 el-form 上加 @submit.native.prevent 即可。<el-form :model="queryParams" @submit.native.prevent> <el-form-item label="名称" prop="name"> <el-input v-model="queryParams.name" @keyu
2020-08-20 10:11:34
1557
1
原创 MySQL和Navicat连接失败（1045错误）
这是 MySQ L的密码出现了问题，需要重置密码。1.打开 cmd，切换到 MySQL 安装的 bin 目录下2.停止mysql服务： net stop mysql若出现拒绝访问的情况，要以管理员身份打开 cdm 命令行（找到 cmd.exe，鼠标右击以管理员身份打开），在里面进行下面的步骤。3.以安全模式启动 MySQL：mysqld-nt.exe --skip-grant-tables（保持这个窗口不要关闭）4.再打开一个 cmd 窗口，登录 mysql：mysql -uroot -p（让
2020-07-03 08:55:39
1022
原创 前端 buffer 转为 object
let buf = new Buffer(JSON.parse(JSON.stringify(data))) // data 为 需要转换的 buffer 数据let result = JSON.parse(buf.toString())
2020-05-23 11:32:28
1105
原创 记录阿里小程序云 - 钉钉小程序 - 云函数的简单使用及碰到的一些坑
记录一下第一次使用时碰到的问题。主要介绍云函数的传参方式以及如何调用其他 http(s) 请求。通过云函数调用请求是为了隐藏真实的请求接口和一些私密参数。前期准备工作参考 阿里官方文档 > 体验小程序开发 > 开发钉钉小程序。一系列准备工作之后，就进入正题。直接看文档中云函数的部分首先是 “使用云函数”：在小程序云控制台的云函数里创建了云函数之后，...
2020-05-23 11:21:11
1106
1
原创 在vue项目中引入并使用阿里iconfont图标
打开官网 → 我的项目 → 下载到本地 → 解压缩下载的文件解压后的文件夹：将需要的文件拖入项目将以下几个文件拖入项目，放到创建的文件夹中将 .css 文件中的路径设置为与文件位置一致这里我分了 css 和 icon 文件，也可以放一起怎么样都行，只要 .css 文件中的路径写对就没问题。在 main.js 中引入引入之后就可以在项目中引用项目中已有的图标了...
2019-12-22 10:08:49
778
原创 解决 svn 更新上传代码失败，提示文件已经被锁定
1、在文件夹右击TortoiseSVN，clean up（清除）2、第二项 Break write locks（解锁） 要勾上，ok，再次上传或更新就可以了
2019-12-09 14:31:09
2157
原创 vue 中改变 element-ui 的主题色
前提：项目安装过 scss，并可以使用scss安装并使用 scss 的方法1、新建一个 .scss 文件，并在里面设置想要的主题色/* 改变主题色变量 */$--color-primary: #4A7CCD; // 想要的颜色/* 改变 icon 字体路径变量，必需 */$--font-path: '~element-ui/lib/theme-chalk/fonts';@im...
2019-12-06 16:48:20
324
原创 小数四舍五入保留指定位数（也可补零）
// obj: 需要补零的数据// num: 需要的小数位数addZero (obj, num) { if (!obj || obj.length === 0) return if (!num) return obj let _obj = String(obj) let newObj = '' if (_obj.indexOf('.') !== -1) { // 有小数 ...
2019-12-05 19:19:01
1010
原创 vue路由跳转报错：NavigationDuplicated: Navigating to current location ("/F_moments") is not allowed...
vue中通过路由进行页面跳转时报以下错误：原因：在跳转时push了相同的地址解决：在引入vue-router的文件（router文件夹下的index.js）中加入以下代码即可const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return origin...
2019-11-27 11:14:36
4129
原创 新建 vue 项目 + 引入 element-ui
（安装过 node.js 和淘宝镜像 cnpm 后）1、cnpm install vue-cli -g2、vue list3、vue init webpack 项目名称完成：4、cd 文件夹名5、cnpm install6、npm run dev...
2019-11-25 15:38:51
186
原创 element-ui表单验证数据绑定踩坑点
基础用法很简单：<template> <el-form :model="dataForm" :rules="ruleForm" class="m-form" label-width="65px"> <el-row :gutter="50"> <el-col :span="8"> <el-form-ite...
2019-11-19 17:52:22
846
原创 使用 scss 并设置全局样式
安装 node-sass，sass-loader，sass-resources-loader 依赖到 devDependencies 中 cnpm install node-sass -D cnpm install sass-loader -D cnpm install sass-resources-loader -D在 main.js 中引入全局的样式文件...
2019-10-22 17:20:44
5343
原创 对象和 url 相互转换 => qs.parse() 、 qs.stringify()
可通过 npm 中的 qs 包中的 qs.parse() 和 qs.stringify() 方法转换。URL ===> 对象：test1018(){ let url='username=admin&password=123456' console.log('toObj: ', qs.parse(url))}对象 ===> URltest1018(){...
2019-10-18 11:27:43
694
原创 echarts 环形图中间默认显示第一条数据（默认显示第一个label且label文字颜色不同）
var myPie = echarts.init(this.$refs.myPie)myPie.setOption({ color: ['red', 'orange', 'yellow', 'green', 'mediumpurple', 'blue', 'purple', 'grey'], series: [{ type: 'pie', radius: ['3...
2019-10-08 17:01:37
7302
6
原创 vue组件引用报错：[Vue warn]: Do not use built-in or reserved HTML elements as component id: line
引用组件时，组件不显示，报了以下错误：原因：组件名与 html 标签重名了改以下名字即可：
2019-10-08 15:02:32
1526
原创 flex:1时，父元素宽度被子元素撑开
当子元素设置超出不换行时，若子元素的宽度超出了父元素宽度（均分后），则会将父元素撑开，即 flex:1 失效<div style="width: 100%; display: flex;"> <div style="background-color: orange; flex: 1;"> <p style="white-space: nowrap; ov...
2019-09-18 15:05:30
8615
1
原创 ::after，::before中使用阿里矢量图标
将图标引入到项目中后，如图复制图标下的编码，注意去掉前面的 &#x ，粘贴到 content 中。li:not(:last-child)::after { content: "\ec6e"; font-family: "iconfont"; // 必须要加，不加的话显示异常 font-size: 40px; // 样式和位置，自设 position: absolute;...
2019-09-09 17:26:27
1863
5
原创 css选择器——[class*="col-"]，[attr~=val]等
[attr=val]：选择属性"attr"等于val的所有元素；[attr~=val]：选择属性"attr"包含val的所有元素；[attr|=val]：选择属性"attr"以val开头的所有元素；[attr*=“val-”]：选择所有类名中含有"val-"的元素[attr^=“val-”]：选择所有类名中以"val-"开头的元素[attr$="-val"]：选择所有类名中以"-val...
2019-08-26 14:40:05
1123
原创 结合后台pageInfo实现分页功能
分页功能十分常见，完全前端实现的话可能会比较麻烦，如果能结合后台的pageinfo就会方便很多，只需要写一下创建页码按钮，样式改变，传值等就可以了。html部分ps：分页按钮的样式用了bootstrap<div id="pagination-2"> <!-- 分页信息 --> <div id="pagination-inform-2" sty...
2019-06-30 19:50:10
3812
转载 js判断PC端还是移动端
比较简单的方法：if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { alert(...
2019-06-23 20:59:43
1720
原创 市、区/县二级联动选择（根据城市首字母寻找城市）
效果图：（使用bootstrap布局）html部分<div class="form-group inform"> <label class="control-label col-lg-1">居住地:</label> <div class="col-lg-11 form-inline the-input"> &l...
2019-06-16 20:41:42
937
转载 城市按首字母分类，各城市对应的县和区
城市首字母分类来源：https://blog.csdn.net/qq_39258914/article/details/81119044城市对应区/县内容来源：https://www.sunzhongwei.com/js-provinces-three-level-linkage-selection-component?from=sidebar_new(根据需要自己改变了一点)//按首字...
2019-06-16 20:34:51
5802
原创 js 自制图片上传组件 可预览
效果图：html部分<div class="chose-pic-box"> <div class="show-pic"> <p class="upload-text">上传海报</p> <!-- 未上传时显示的文字提示 --> <img src="../img/upload-pic...
2019-06-10 09:56:13
326
原创 自制滚动条 + 调用公共的头部和尾部
1、自制滚动条首先写好样式，滚动条滑动轨道的高度是固定的，滚动条的高度是根据所有内容的高度与显示部分的高度的百分比来定的。html部分<div class="lrc-area"> <!--歌词显示区域--> <ul class="lyrics"></ul> <!--所有歌词--> <div id=...
2019-06-03 10:31:11
256
原创 解决IDEA运行后浏览器及控制器中中文乱码
1、File → Settings → Editor → File Encoding，将编码改为utf-8，保存2、Help → Edit Custom VM Options…在最后添加 -Dfile.encoding=UTF-83、找到Tomcat地址的bin → catalina.bat用记事本打开，找到JAVA_OPTS，在后面加上-Dfile.encoding=UTF-8...
2019-05-27 10:16:00
3735
2
原创 splice()删除/添加数组中指定位置内容 + iframe标签内容自适应屏幕大小 + 解决冒泡现象
1、 splice()方法删除/添加数组中指定位置的内容：splice(指定的数组下标，删除的个数，替换内容1，替换内容2…);返回值为数组，内容为被删除的内容删除指定位置内容：var arr=["I", "am", "fine", ",", "thank", "you"];console.log(arr); // 输出["I", "am", "fine", ",", "thank"...
2019-05-19 22:01:37
205
原创 offset系列 + scroll系列 + 冒泡问题
1、offset系列包括offsetTop，offsetLeft，offsetHeight，offsetWidth；offsetHeight 和 offsetWidth ：获取到的宽高包括padding的值；offsetLeft 和 offsetTop ：在同一层（是否脱离文档流）获取距离父元素 left 和 top 的值包括自身的margin值如果是嵌套标签，子元素还应包括父元素的...
2019-05-13 10:39:23
195
原创 进度条拖拽效果
在音乐播放器中，音量和进度都是以进度条的形式显示和设置，所以进度条的拖拽效果还是比较重要的。一下以音量条部分为例：html和css部分<div id="volume"> <div id="setVolume"> <div id="setVolumeBtn"></div> </div></di...
2019-05-04 13:03:30
1960
原创 谷歌浏览器无法设置currentTime的解决方法
在做音乐播放器的时候发现谷歌浏览器不能设置audio的currentTime，那我的进度条拖拽功能岂不是实现不了了？？为了让播放器更完美，查了挺久的解决方法，发现如果不是本地音乐文件的话需要放完整的在线音乐地址，若是本地文件则需要将其放到服务器。具体方法如下：查找在线播放音乐网址（以网易云音乐为例）：打开网易云音乐官网，找到需要的歌，打开开发者工具找到Network下的XHR，点击播放，在Pr...
2019-05-04 12:51:29
1898
原创 js制作简易音乐播放器（歌词同步显示）
打算自己做一个音乐播放网站，所以先提前试试水，看看单一个音乐播放器怎么做，慢慢地总算把基本功能都做出了，但不完美的是进度条和音量的还没加上，先这样吧，后期再慢慢完善吧~先看效果图：html部分<!--歌词存放区--><textarea name="lrc" class="lrc-container" rows="15" cols="50" style="display...
2019-04-28 16:26:48
4174
1
原创 display: flex以及flex-direction，justify-content，align-items
若给一个div设置display：flex；这个div就可以成为flex容器，在flex容器中用flex-direction，justify-content，align-items等属性对子div进行布局是十分方便的。flex-direction· flex-direction: row; (默认)div是块级元素，默认一个div独占一行，可以通过在父级div（必须是flex容器）中设置fl...
2019-04-22 09:43:13
8579
1
原创 bootstrap-table表格分页简单使用
要使用bootstrap-table首先要引入它的js库和css库以及语言库，这些可以在GitHub上下载，也可以在官网下载。（其实是差不多的）下载解压之后的内容如下：下载之后引入:主要引入的是 dist/bootstrap-table.css、dist/bootstrap-table.js 和 dist/locale/bootstrap-table-zh-CN.js 三个文件以及jque...
2019-04-16 21:27:55
8618
1
原创 表格的增删改
表格内容的增加和删除主要是通过一下方法实现：insertRow() —— 增加一行insertCell() —— 增加单元格deleteRow() —— 删除一行修改单元格内容的话可以用innerHTML来实现：若按钮显示“修改”，点击后让需要修改的单元格(theCount)theCount.innerHTML="<input class='text' id='modifyCou...
2019-04-16 16:55:00
431
原创 input的required属性 + label的for属性 + css变量 + 属性选择器 + 表格增删改 + 获取select选中的值
html+css部分1、input的required属性设置该属性后，这个输入框就是必填的，如果为空则不能提交。<form action=""> <input type="text" required> <button type="submit">提交</button></form>若输入框为空，则出现以下提示...
2019-04-14 18:49:34
688
原创 超完整轮播图（自动播放+左右按钮换图+小图标换图）
之前做的轮播图都是把图片放在数组里再循环遍历该数组，这样做出来的轮播图没有图片切换的过程，就总感觉缺了点什么。学习之后，终于把完整的，有切换过程的轮播图做了出来！上代码！html部分<div id="box"> <!--最外面的相框--> <div id="pictureBox"> <ul> &...
2019-04-11 15:56:59
6706
原创 获取每个单元格内的值 + form的onsubmit方法的返回值 + 直接通过公式计算的方法
1、如何获取table中每个单元格内的值做简易计算器的时候发现从table中获取值是不大一样的，要通过rows[].cells[]获取，例如：<table border="1" style="border-collapse: collapse; width: 100px" id="tb"> <tr> <td>1</td> ...
2019-04-04 09:32:54
611
原创 纯css制作大耳朵图图
跟着教程学了用纯css做了大白之后，自己做了一个大耳朵图图。html部分：<div id="tutu"> <div id="hair"> <div id="hair1"></div> <div id="hair2"></div> <div id="hair3"></div>...
2019-04-03 15:57:44
1461
2
原创 简易计算器的实现
这个计算器的实现通过数组存放输入的数据，通过一个flag判断输入的是第一个数还是第二个数，在进行计算，缺点是不能连续输入1+2+3这样的连续计算，但可以在点击“=”后直接进行下一次计算。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> ...
2019-04-03 15:43:22
254
原创 !important + css动画 + css过渡效果 + 关于z-index + hr标签实际高大于设置高 + css绘制三角形 + bootstrap日历组件 + 复选框全选
html+css部分1、可以用 !important 提高一个样式属性的优先级；2、在css中设置动画（以眨眼为例）：①在css中通过@keyframes设置移动方式：@keyframes dong-eyes { 0%{} 50%{ height: 2px; top: 35px; transform: rotate(0deg)...
2019-03-31 20:02:59
773
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人