自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

littlebearGreat——宁静致远

埋下头,一步步征服座座山峰

原创 组织架构图

js写一个这样的组织架构图,下面是代码 1.插件官网https://balkangraph.com/(官网上说有收费版,但是下载的是免费版的) 可以下载js文件,也可以用npm安装 cnpm i @balkangraph/orgchart.js 2.修改成自己想要的样式(因为没太多时...

2020-03-19 17:55:54 89 0

原创 js字符串补全

ES6有两个字符串的方法,很好用,脑袋不好用,记下来 1.字符串补全(在字符串的前面补充) String.padStart(length, str) 参数 格式 说明 length Number(integer) 最终字符串的长度 str String...

2020-03-18 23:51:16 52 0

原创 直接下载txt文件而不是打开它

js下载txt文件,而不是在浏览器中打开它 使用axios方法下载(关键点在于指定使用blob) downloadTxt(url) { axios.get(url, {responseType: 'blob'}).then(res => { ...

2020-03-13 00:56:14 114 0

原创 vue具名插槽接收数据(作用域)

vue具名插槽接收传来的数据,写法 插槽写法: <slot name="slotName" :data="dataDict"> <span>无插槽时显示内容</span> </slot> 模板写...

2020-03-11 01:19:17 84 0

原创 vue项目使用cdn

webpack构建vue项目,使用cdn的方法: 在vue.config.js中添加如下配置(复制后直接放在exports对象中) configureWebpack:{ externals: { 'vue': 'Vue', ...

2020-03-07 18:31:19 81 0

原创 把选择的图片文件显示在页面上

vue方法来写 <img v-if="imageUrl" :src="imageUrl" alt=""> <input @change="logoChange" style="displ...

2020-03-01 12:03:49 88 0

原创 正则表达式不包含特殊字符

1-8个字!不能包含以下字符:\/:*?<|'%> /^((?!\\|\/|:|\*|\?|<|>|\||'|%).){1,8}$/

2020-03-01 00:21:28 957 0

原创 vscode插件失效

今天发现vscode的vetur不提示了,昨天用的好好的,今天就不行了,然后,处理方法如下 1.回退版本 2.禁止vscode自动更新插件

2020-01-15 13:12:30 300 0

原创 js递归返回想要的值

递归返回想要的值 /** * 递归数组返回想要的值,返回所有匹配到的节点组成的数组 * @param {Array} list 要递归的数组 * @param {String} childKey 子...

2020-01-14 01:36:36 75 0

原创 一行文字多出的显示省略号

一行文字多出的显示省略号。 p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

2019-12-09 22:14:35 33 0

原创 兼容Ie9使元素在父级中均等分布

刚要兼容ie9,使得元素在父级中均等水平分布。 一直用flex,很久没兼容ie9及其以下版本了,几年前的知识已经忘了,赶快翻开笔记看看 <ul> <li></li> <li></li> <li>&...

2019-12-09 22:12:01 30 0

原创 window.open下载不打开新窗口

open的第二个参数是 '_self' 即可 window.open(url,'_self');

2019-11-30 18:16:17 504 0

原创 axios以blob格式下载文件

1.axios的post方法中responseType的默认值是“json”,改为“blob”即可。 axios.post(url, data, {responseType: 'blob'}) .then(function (response) { callback...

2019-11-28 09:41:39 106 0

原创 解决element-ui form 输入后绿色(成功状态)消失的问题

element-ui form表单 输入后成功状态消失的问题,这不是问题,是element-ui版本更新后把这个样式去掉了。 安装2.9.2以及之前的版本即可恢复 卸载element-ui npm uninstall element-ui 安装指定版本的element-ui cnpm...

2019-11-12 21:55:07 591 2

原创 xshell编辑文件的一些操作命令

vim 文件名 进入编辑状态 i 插入 esc 退出编辑 :wq 保存并退出 :q 在文件未做任何修改的情况下退出 :w 保存文件 复制: 在退出编辑的状态下把光标移动到某一行,输入行数,按下yy 粘贴: 光标移动到要粘贴的行,按下p :q...

2019-10-30 11:12:56 1775 0

原创 vue+element实现多标签页导航

项目需求:实现左侧菜单栏,右边内容区的顶部有个导航栏,每打开一个页面,右边导航栏就多一个标签,打开的页面缓存下来,可以实现多页面切换。 有两种思路: 1.element-ui的el-tab标签页实现。 2.网上看的有个比较复杂的做法,我没采用,但是我把具体代码写了出来,可供参考。 我用...

2019-08-13 19:09:28 3150 3

原创 偶见一段很拉风的注释,收藏起来

/*** * ┌───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐ * │Esc│ │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P...

2019-07-17 14:00:05 65 0

原创 vue+axios实现下载文件功能

vue+axios实现下载文件功能 正常使用axios的GET请求(POST请求没测); 代码如下: axios.get( `${url}`, { params: {data: data}, responseType: 'bl...

2019-04-24 11:04:42 1905 0

原创 vue + vueRouter + nginx + python3 接入cas验证实现登陆注销

前端使用vue+vueRouter开发,后端使用Python3开发,web项目部署在nginx上,项目登陆接入cas认证。 思路 大致说一下思路,这东西有点绕,很难讲清楚,可能是我思路还不是很清晰。 1.项目有这些服务: web前端 nginx:web部署在这里 python后端:...

2019-04-20 18:46:11 457 1

原创 element-ui的el-tooltip与show-overflow-tooltip不显示

突然发现不知何时 el-table-column 中使用 show-overflow-tooltip 不显示提示 el-tooltip标签也不显示提示 我这种情况的解决办法: 删除node_modules模块,再安装一下 ...

2019-04-09 11:58:55 2798 0

原创 npm 安装依赖时指定版本

拿vue+element-ui项目来说,在项目中要安装指定版本的element-ui 如下: cnpm install element-ui@2.6.2 -S 依赖后面加@加版本号即可

2019-04-01 11:56:06 700 0

原创 vue-cli 3搭建vue项目后对vue.config.js进行简单配置

vue-cli 3搭建vue项目后目录下没有vue.config.js文件, 如果要配置,需要自己手动在根目录(与package.json同级目录)下新建此文件 下面是简单的配置及说明 module.exports = { // 详细、更多配置请查看官网https://cli.vu...

2019-03-28 18:14:26 326 0

原创 正则表达式:必须包含字母、数字、特殊字符

1. 最少10位,由大小字母+数字+特殊符号~@*()_ let test_2 = /^(?![A-z0-9]+$)(?![A-z~@*()_]+$)(?![0-9~@*()_]+$)([A-z0-9~@*()_]{10,})$/; ^ 匹配:字符串的开头 (?![A-z0-9]+$) 匹...

2019-03-22 19:18:52 6104 0

原创 pyCharm连接远程python项目实现远程调试更新的配置方法

pyCharm连接远程python项目,可以实现远程调试、代码更新等,很方便。 配置有两个步骤:连接远程项目同步到本地,配置远程python解释器 1.连接远程项目同步到本地 (a).在本地新建项目文件夹(我的是G盘下的py文件夹),用pyCharm打开 (b).打开 Tools ---...

2019-03-19 18:32:29 1025 0

原创 input输入框输入数组、json后转为object格式

很久没写文章了,来一篇 有些需求是用户在输入框中输入数组、json对象,我们拿到后转成object格式。 用户输入的时候不可能严格的按照标准的json字符串格式来输入,所以用JSON.parse()来解析会很不友好,这时候可以使用eval()来解析。 下面是代码(jquery自己引入) ...

2019-03-08 11:46:12 685 0

原创 swagger

https://www.ctolib.com/rochacbruno-flasgger.html   https://blog.csdn.net/canot/article/details/55051346

2019-01-31 15:56:50 52 0

原创 vue-datetime日期时间插件使用心得

项目需求,需要一款可以限制日期、时间的日期时间插件,去npm网站搜了一下,vue-datetime插件符合需求,使用人数也在迅速增加,界面也很漂亮,遂选。 插件地址:https://www.npmjs.com/package/vue-datetime 插件截图: 但路并不平,遇到了一些坑...

2018-12-06 15:55:29 7720 2

转载 transform使用导致元素内字体出现模糊的坑~~~

今天用了一款日历插件,结果在我的页面上出现字体模糊的现象,调了一下,也确认是transform导致的。 具体结论是: 当使用translate进行位移的时候,如果选择的值是不接近整数的小数(测试时,整数和接近整数的小数比如:1.89、1.9+的数不会出现模糊的情况),位移的元素字体和背景等都会...

2018-12-06 15:34:32 3846 0

原创 element-ui upload上传组件 动态配置action遇到的的坑

element-ui中,使用upload上传组件时,很多时候需要带上文件的信息,这就需要动态配置action。 我遇到的情况是:配置action后上传时会报错,或者所带的信息是上一次上传的信息。 这是因为element的上传方法先执行,action的动态响应后执行。 解决方法: 给上传方法...

2018-10-11 14:53:55 5967 2

原创 阿里图标库彩色图标使用

阿里图标库里的字体图标用着很爽,但是如果按照一般单色图标的使用方法来使用彩色图标时,彩色图标会变成单色的,在此,介绍如何使用彩色图标(svg)。 1.下载图标代码 2.在页面引入iconfont.js 3.写入图标代码: &lt;svg class="menuIcon ...

2018-09-20 10:55:42 2777 1

原创 element-ui之form表单校验的使用详解

先吐槽一下,个人感觉element-ui提供的文档写的太少,用的时候会踩很多坑。 如:表单验证方法 传入的value没有值  等。 下面,是我对element-ui  form表单验证使用的总结,应该能解决大部分问题,或者,也可以直接拿过去修改使用。 (本文代码使用的是 vue.js + e...

2018-08-06 15:09:19 17138 1

原创 javascript中的this指向总结

javascript中,this的指向有下面4种情况: 1.  在构造函数中,this指向该构造函数new出来的那个对象。 function Foo() { this.a = 5; this.b = 10; this.c = this.a + this.b; console.log(...

2018-08-03 16:26:00 2333 0

原创 highlight.js之vue指令——排版高亮网页代码块

在页面上展示代码、json数据等,使用highlight.js,可以像编辑器一样对代码格式化、高亮,增加可读性。 官网例子: 简单的使用就是按照文档,引入js/css,按照要求使用即可。 下面介绍在vue中使用 封装成自定义指令: 1.按照官网文档,用npm或cnpm安装highli...

2018-07-20 14:30:38 4802 2

原创 js获取某月的天数

js获取2018年2月份的天数: new Date(2018,2,0).getDate(); js中的月份是0-11, 天数是:1-31. 如果传入的参数中 天  的值是0,js会返回上一个月的最后一天。 这样就能得到某月的天数...

2018-07-17 18:23:56 633 0

原创 解决Moment格式化时间出现时区差的问题

用Moment格式化时间时,会出现8个小时的时区差,解决这个问题:使用 utcOffset(0) 即可Moment(date).utcOffset(0).format('YYYY-MM-DD HH:mm:ss')

2018-07-11 10:27:49 18372 2

原创 解决element-ui侧边导航在页面刷新后失去高亮的问题

element-ui  +  vue.js项目中,页面刷新后侧边导航失去高亮。在此,解决此问题1. element-ui  提供一个属性 :default-active='activeNav' 来设置导航的默认高亮。可以利用这个属性来处理页面刷新后的高亮问题2.在页面刷新的时候...

2018-07-06 15:08:09 6774 0

原创 搭建vue项目

多学习,多记,记住的东西都是自己的,用的时候方便。so,写下此笔记 搭建vue项目: 1.安装node.js(不要下载最新的版本,有可能会有坑) 输入 node -v即可查看版本号,如果现实版本号,即安装成功。 2.安装cnpm(以下都是在命令行中执行 cmd 或者vsCode编辑器自带...

2018-06-16 00:31:29 161 0

原创 ajax上传文件(input标签的type="file"属性)

input标签的type="file"很方便,但是原生的巨丑,提交也不方便。然后,就包装了一下,写个demo,下面是代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &l...

2018-06-06 19:08:30 4081 0

原创 vue循环出来的radio单选框,用函数给单选框赋默认值,出现单选框点击无响应的情况

项目中,从后台拿数据,根据数据来渲染dom,渲染出的radio单选框要赋默认值,然后在methods中写了个赋值函数,最后出现点击单选框无响应的现象。浪费了好多时间,原来是我方法错误。正确的方法不能直接给单选框的选择值赋值,而是要使用Vue.set()方法。如下...

2018-05-31 15:13:22 2623 0

原创 js复制json对象

不是复制指针,是复制一个新的对象出来1. 对象中不能有函数let newJson = JSON.parse(JSON.stringify(json));2.自己写个循环迭代出来

2018-05-31 14:59:56 3685 0

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