- 博客(38)
- 收藏
- 关注
RSS订阅原创 promise-遍历发起请求，前面的请求完成之后再去发起后续的请求
需求场景：N组IP，遍历去调接口，一组IP调两个不同的接口，前一个接口成功之后，再去调后一个接口，否则，遍历结束。实现：首先想到的是for循环，但因为是一组请求两个异步的IP不太好处理，所以最后采用了递归+promise的方式。在发起请求的方法里面定义一个count变量let count = 0然后写一个递归方法比如recursion（），形参传一个IP组，定义这个方法的时候需要用到发起请求的方法pollRequest（），pollRequest里面使用promise处理同步的请求，然后在递归的方法里
2022-06-09 13:33:10
1527
原创 JS异步获取数据的几个方法
何为异步编程说到异步，不得不提到同步执行，所谓的同步可以理解为顺序执行，就是同一时间有两个任务的话，前一个任务执行完才能执行下一个任务，如下：function fun1() {console.log('我是第1个执行')}function fun2() {console.log('我是第2个执行')}fun1()fun2()执行结果即以函数的调用顺序为准，即先执行fun1()，再执行fun2()。异步的话就正好相反，只要符合某个条件，就可以先执行，最常见的就是前后端的数据交互，下面以
2022-01-25 14:55:11
5686
原创 js中的sort()方法
需求背景：对获取到的json 数据中的时间属性排序举个栗子：data = [ {id:1,date:'2021-02-20 10:59:15'}, {id:2,date:'2021-02-20 10:47:15'}, {id:3,date:'2021-02-20 10:59:17'}, {id:4,date:'2021-02-20 10:58:15'}]思路：先将date时间字符串转为时间戳，使用Date.parse(‘2021-02-20 10:59:15’),再使用js中的sort(
2021-02-23 09:59:56
735
原创 Echarts x轴数据第一个值与坐标轴原点重合
Echarts x轴数据第一个值与坐标轴原点重合vue 项目中Echarts避坑系列提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Echarts x轴数据第一个值与坐标轴原点重合前言一、官方demo,想要实现的样子？二、我遇到的问题三、具体解决总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、官方demo,想要实现的样子？二、我遇到的问题我的代码initChart () { this.myChartOne = this.$ech
2021-01-18 14:40:59
3152
2
原创 js 遍历数组获取某些属性
原有数据形式：res = [{id:1,name:‘西安’，address:‘西部’},{id:2,name:‘扬州’，address:‘南部’}]需求res = [{id:1,name:‘西安’},{id:2,name:‘扬州’},1、map()const ary = res.map((item) => { return { id:item.id, name:item.name } })2、forEach()res.forEach(
2021-01-17 21:39:51
1891
原创 vue前端项目中实现Echarts
一、vue搭建前端项目1、新建文件夹，此处打开cmd,安装vue-clinpm install @vue/cli -g安装时报错。。。避坑：1.1安装淘宝境像npm install -g cnpm --registry=https://registry.npm.taobao.org1.2切换淘宝镜像npm config set registry https://registry.npm.taobao.org/npm config get registry https://registr
2020-12-20 02:04:42
1227
1
原创 ES6基础知识
1、let 与 var与var的使用没有基本区别，但是let没有变量提升// 变量不提升console.log(city)let city = 'xian'console.log(tool)var tool= 'taidi'//相当于var toolconsole.log(tool)tool = 'taidi'2、模板字符串 ``在需要的替换的位置使用${}占位，并填入内容即可。3、对象的简化赋值如果变量名和属性名相同，可以简写，如果是方法，可以省略 function
2020-08-02 17:49:28
163
原创 bootstrap-table 各类踩坑集合
前言：组内大佬交给我们一个任务，说好的前后端分离，但是后端同学直到做完才丢给我一个后端项目，连份接口文档都没得。擦，之前用vue ant design 练的手，这么一个简单的表格应用好像光用vue有些样式没得搞，所以起初的想法是vue+bootstrap，所以做出来的效果是：呃，有些那个啥是吧。最后发现bootstrap-table 这个插件好像不错，所以，就进入bootstrap-table踩坑了。。。1、bootstrap-table引入2、初始化跨域问题，属性设置，ajax请求3、boo
2020-06-26 17:53:50
592
原创 ant design vue 表头自定义筛选
这是后端同事给我提的优化。。。其实搜索里面已经有这一搜索条件了，我不知道为啥还要加一个。那既然提了，就得想办法实现。然后我找了官方文档。这是官方网站给的示例及代码：地址点【这里】怎么说代码还是挺晦涩难懂的，而且还没有注释。所以还得借助度娘。简单说，官方文档里还是借助column中onFilter方法进行筛选的，但是我这列是编码经过转译展现在前端的。所以我的想法是借助它的样式，然后绑定一个函数，实现自定义搜索。当时找到一个博客，注释还挺详细的。地址点【这里】column中的博客中记录的如下
2020-05-22 16:28:55
7923
1
原创 antdv实现上传导入功能
需求：上传单个excel文件，手动导入，针对某些特定字段做相应错误提示。后端同学已经写好了相应的接口，不过我们这前后端分离有些离谱，直接给了一段代码。。。哈哈哈后端：代码：入参为file前端：找大佬商量后，我们暂定的业务流程是，给一个modal点击事件，然后使用antdv中的upload组件，手动上传。但是这块的代码设定是可以无限上传，查了一下相关的api,我的想法是上传一个文件之后，上面那个选择文件的按钮即置灰，不可点击，upload按钮可点击，在删除选择的文件之后，两个按钮又变回之前的
2020-05-15 16:04:54
2763
1
原创 antdv 修改table中的样式
想要改变table中的column的样式，可以根据align来改变{ title: '操作', key: 'action', scopedSlots: {customRender: 'action'}, align: 'center', width: 140 }但是有一点，比如说align = 'left’就是将列标题以及本列的所有内容居中，我想要实现这种效果。实现：先给table一个class然后F12定义到该列标题的calss,使用这段代码
2020-05-08 18:05:58
4059
原创 VUE开发过程中用到的JS方法
VUE开发过程中用到的JS方法1、substring（）来源：https://www.w3school.com.cn/js/jsref_substring.asp应用场景：前端展示对描述过多的文字不展示，当鼠标放上去时，以弹框的方式展示全部内容实际效果：实现想法：利用antdv里面的文字提示插件tooltip，当文字描述大于x时，以弹框方式展示，否则全部展示。代码：<temp...
2020-04-10 18:53:51
789
原创 date-picker之选中修改并回显
这几天上手了一个前端项目，本以为靠学的那点东西可以大展身手，没成想却处处碰壁。。。怎一个惨字了得。小问题是这样的：date-picker插件，其代码如下：<a-date-picker showTime placeholder="Select Time" @change="onChange" @ok="onOk" />默认表现形式是这样的：我以为它是字符串形式的，在选中一条...
2020-02-14 00:21:13
4046
原创 前端框架Vue学习09——组件
vue之组件组件与模块的区别全局组件定义的三种方式合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入组件与模块的区别组件：组件的...
2020-02-13 23:27:45
177
原创 前端框架Vue学习08——简单的全局配置
发起请求的时候不能在每个请求里面写上全部的url地址，这样当接口地址发生变化的时候，需要一个一个去改请求中的接口参数，因此，有必要进行一个全局配置。在vue-resource官网https://www.npmjs.com/package/vue-resource的configuration里面代码中如下：//如果我们通过全局配置了请求的数据接口 跟域名，则在每次单独发送http 请求的时...
2019-12-17 19:01:08
230
原创 前端框架Vue学习08——vue-resource基本使用
Vue-resource发起请求，实现get、post、jsonp请求。Vue-resource的介绍如下来自：点这里看vue-resource大佬解释的已经够清楚了，我以菜鸟的角度来学习以下。安装官网：https://www.npmjs.com/package/vue-resource ，两种安装方式。1、npm i vue-resource 或者 yarn add vue-re...
2019-11-28 17:41:31
401
原创 vs-code工具栏移动
点击File->Preferens->Settings,然后在搜索框输入workbench将left改成right即可。若想要隐藏工具栏，将这一栏取消勾选即可。还有其他很多的配置，可以尝试。...
2019-11-28 16:53:56
538
原创 前端框架Vue学习07——自定义按键修饰符、自定义全局指令
自定义按键修饰符需求就是在name输入框这里点击enter或者其他自定义键盘时，触发添加方法。<label> Name: <input type="text" class="form-control" v-model="name" @keyup.enter="add"></label>监听这个输入框 的enter 键，点击...
2019-11-13 18:21:44
206
原创 前端框架Vue学习06——过滤器的基本使用
过滤器：Vue.js允许自定义过滤器，可用作一些常见的文本格式化。过滤器可以用在两个地方：mustache插值（插值表达式）和v-bind表达式，过滤器应该被添加在jsb表达式的尾部，由管道符指示。过滤器调用的时候的格式：平时调用的时候直接将变量写在插值表达式中即可，如{{ name }}，如果希望对name输出之前做进一步的处理，可以在name后面通过管道符的形式，给其添加一个过滤器，如{{...
2019-11-11 19:20:32
573
转载 vs code快捷键输出自定义html模板
在导航栏打开File->PreferencesF->User Snippets,然后在输入框输入html再照着这个链接来就行了https://blog.youkuaiyun.com/s_y_w123/article/details/86481509
2019-11-10 17:23:03
545
原创 超级好用的密码管理插件-Avira Password Manager
安装使用Avira 密码管家针对谷歌浏览器，教程链接请移步https://blog.youkuaiyun.com/qq_37607502/article/details/102677715
2019-10-29 18:21:49
1116
原创 AE cc 2018 详细安装教程
https://blog.youkuaiyun.com/qq_37607502/article/details/102703723
2019-10-29 18:17:41
1910
原创 前端框架Vue学习05——品牌小demo
预计完成功能增加，删除，搜索。效果展示：1、准备整个demo的布局使用bootstrap-3.3.7中的css样式。下载之后在head标签中进行引用，切记路径要找到bootstrap中的css文件。<link rel="stylesheet" href="./lib/bootstrap-3.3.7/dist/css/bootstrap.min.css">然后在vs-cod...
2019-10-23 20:53:46
428
转载 Vue-Devtools安装配置教程
转自：https://blog.youkuaiyun.com/weixin_38654336/article/details/80790698
2019-10-22 10:07:37
132
原创 前端框架Vue学习04——v-if和v-show的使用
v-if:每次都会重新删除或者创建元素，有较高的切换性能消耗v-show:每次都不会重新进行DOM的删除和创建操作，只是切换了元素的display:none样式，有较高的初始渲染消耗异同：如果元素涉及到频繁的切换，最好不要使用v-if,而是使用v-show,如果元素可能永远不会显示出来被用户看到，则推荐使用v-if.<body> <div id="app"> ...
2019-10-12 15:41:40
238
原创 前端框架Vue学习03——v-for指令与key属性
1、遍历普通数组<body> <div id="app"> <p v-for="item in list">{{item}}</p> <hr> <p v-for="(item,i) in list">数组索引：{{i}}---数组每一项：{{item}}</p>...
2019-10-09 01:11:28
575
原创 前端框架Vue学习02 ——样式
假定设定样式<style> .red { color: red; } .thin{ font-weight: 100; } .italic{ font-style: italic; } .active{...
2019-09-24 17:21:37
284
原创 vue ant design——时间日期range-picker插件中获取选择框中的时间
基本的时间日期可以很容易获取选择框中的时间字符串，如下：但是像这种精确到秒的时间选择框插件里面并没有写如何获取选择的时间大佬交给我一种方法，如下：先声明change事件，再定义具体方法，默认传入的是一日期对象，使用data[0].format(‘YYYY-MM-DD HH:mm:ss’)可以显示时间选择框中选择的时间字符串。https://vue.ant.design/compone...
2019-09-18 19:43:13
7357
原创 前端框架Vue学习01
1、概要介绍Vue是时下最流行的一种前端开发框架，在当前的Vue开发框架中，主要采用MVVM的分层开发思想，主要把每个页面分成M、V、和VM，其中VM是整个MVVM思想的核心，是M和V之间的调度者。下图是一个项目的前后端处理过程示意图（来自b站）2、下载使用从官网https://cn.vuejs.org/v2/guide/installation.html下载到本地，放到指定目录下，打开v...
2019-09-07 00:23:14
231
原创 Java集合框架
Java集合框架主要分为Collection和Map,其中Collection集合中又包括3种子接口即List,Queue,Set。下面从一张图来展示一下。上图中第三行为各自对应的具体实现方法。List接口List集合中的添加的元素统一被认定为Object类型，将其取出操作时需要一定的类型转换。List泛型集合解决了这一问题，泛型集合中，不能添加泛型规定的类型及其子类型以外的对象。如...
2019-09-01 23:37:21
107
翻译 DOM之nodeName与nodevalue
DOM即Document Object Model直译为文档对象模型，文档节点是整个文档树的根节点，它是文档中其他节点的父节点。DOM将HTML文档表达为树结构，把整个HTML代码看作文档节点，包含一个文档类型节点和一个元素节点html。DOM将所有节点分为以下几类,包括节点类型、节点名称与节点属性：在html代码中主要表示为：下面具体在浏览器中演示一下，不知道为什么在谷歌浏览器中无法...
2019-08-24 15:12:27
653
1
翻译 getElementByID,getElementsByName,getElementsByTagName的区别
以人来举例说明，人有能标识身份的身份证，有姓名，有类别(大人、小孩、老人)等。ID 是一个人的身份证号码，是唯一的。所以通过getElementById获取的是指定的一个人。Name 是他的名字，可以重复。所以通过getElementsByName获取名字相同的人集合。TagName可看似某类，getElementsByTagName获取相同类的人集合。如获取小孩这类人，getE...
2019-08-17 16:26:53
447
原创 js输出当前时间，以及计算学生成绩的demo
部分js内置对象一、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。stringObject.indexOf(substring, startpos)该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringOb...
2019-08-12 01:07:38
1265
原创 利用JS编写一个简单的计算器
js编写一个简单的计算器学习js遇到的一个问题描述：获取两个输入框中的数字，以及运算符号，点击“=”，得最终的计算值。形式如下。思路：定义变量分别获取两个运算文本框的值，通过判断获取的运算符号，将两个数的运算结果写入最后一个文本框。<!DOCTYPE html><html> <head> <title> 事件</title&g...
2019-08-06 20:04:00
839
原创 SecureCRT 8.5下载安装破解
SecureCRT 8.5下载安装破解不用关闭防火墙，不用下载注册机，不用csdn下载积分不用关闭防火墙，不用下载注册机，不用csdn下载积分公司领导让我下载SecureCRT，网上找了很多教程，注册机也下载了，本机防火墙什么的也关了，还是不能破解。终于在网上找到一个版本，完美的解决了我的问题，下面我将安装破解的过程记录一下。ps:后面我会附上原博链接。微云链接：https://share...
2019-07-29 12:45:06
21270
26
原创 重装系统win10
因为毕设要求，需要装SQL Server,自己手贱卸载了想重装一下，没成想却是我噩梦的开始，在此告诫大家不要轻易卸载SQL Server（千万不要），所以导致我现在必须重装系统。因为每次重装系统都需要百度，所以这一次记录一下。前期准备：制作一个U盘启动盘，下载win10镜像1、制作U盘启动盘使用U盘安装Win10启动盘具有很多优点（具体百度，我也不太清楚哈哈）。先下载UltraISO （软碟...
2019-04-08 10:48:09
470
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人