- 博客(39)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 数组reduce的使用
使用reduce求数组和：reduce的用法很简单，入参可以是一个回调函数，回调函数第一个值是先前值，第二个值是当前值，第三个值是当前值的下标，第四个值是要求和的数组。入参还可以设置初值值，这里默认初始值是0. const arr = [10, 20, 30, 40, 50]; const sum = arr.reduce((sum, curVal, index, arr) => { return sum + curVal }, 0) console.
2021-11-04 23:02:38
372
原创 webpack的常用命令（火热）
1.全局安装npm install webpack webpack-cli -g2.查看全局的webpack版本号webpack -v
2021-09-19 20:04:43
481
1
原创 windows切换Node版本
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-11 11:47:45
1006
原创 &&表达式巧用
&&表达式巧用在JavaScript中，可以用于双目运算符的短路操作，简化逻辑代码。一、打开浏览器，点击F12，将下列代码输入console控制台，然后回车。结果会发现函数a执行了function a(){ console.log('i love javascript');}true && a();二、将以下代码输入console控制台，回车。结果发现，函数没有执行。function b(){ console.log('i love javascript'
2021-09-08 10:54:26
127
原创 Git生成密钥
windows:一、使用ssh-keygen命令生成公钥和私钥，其中-t表示类型是rsa类型（非对称加密）。-C就是邮箱地址。ssh-keygen -t rsa -C "xxx@qq.com"二、于是在某个目录下生成公钥和私钥文件：id_rsa (私钥)id_rsa.pub(公钥)只要把远程仓库的公钥设置成公钥文件里面的内容就行。三、以ssh的方式克隆项目，之后就可以对远程仓库进行常规的git操作了。...
2021-08-15 22:07:17
7043
原创 深拷贝浅谈
深拷贝浅谈1.通过序列化和反序列化实现的深拷贝方式//普通对象let obj = {a:"str1"};console.log(JSON.parse(JSON.stringify(obj)));//{a:"str1"}//Maplet obj = {b: new Map([ [1, 'one'], [2, 'two'], [3, 'three'],])};console.log(JSON.parse(JSON.stringify(obj)));//...
2021-08-04 13:07:24
102
原创 使用React脚手架创建项目
React脚手架一.安装脚手架npm install create-react-app -g二.创建项目create-react-app my-first-app
2021-07-29 21:30:06
116
原创 vue2整合echarts5.0
开始操作安装Echarts依赖1.前提：使用vue-cli创建的项目2.执行命令，默认安装最新版本的echarts3.在main.js中绑定echarts到vue的原型链上4.在组件中引入即可安装Echarts依赖1.前提：使用vue-cli创建的项目2.执行命令，默认安装最新版本的echartsnpm install echarts -S3.在main.js中绑定echarts到vue的原型链上import * as echarts from 'echarts'Vue.prototype.
2021-07-26 16:32:03
2966
原创 windows常用命令
windows常用命令端口查询1.查看所有运行的端口2.查看指定的端口占用端口查询1.查看所有运行的端口netstat -nao2.查看指定的端口占用netstat -aon|findstr "8081"
2021-07-21 11:28:01
95
原创 echarts实现漏斗三角形（根据数值显示高度）
const myChart = this.$echarts.init(document.getElementById('main')); let data = [ {name:'冰淇淋1',value:111}, {name:'冰淇淋2',value:133}, {name:'冰淇淋3',value:213}, {name:'冰淇淋4',value:53}, ]; let sum = eval(data.map(item => item.va...
2021-06-15 01:10:11
1690
原创 echarts实现柱状图的渐变颜色
itemStyle: { normal: { color: this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'rgba(43,225,236, 1)', ...
2021-06-10 23:41:42
1826
2
原创 echarts实现锥形柱状图
const option = { dataset:{ source:[ {name:'冰淇淋0',count:111,percent:'20%'}, {name:'冰淇淋1',count:211,percent:'20%'}, {name:'冰淇淋2',count:311,percent:'20%'}, {name:'冰淇淋...
2021-06-10 23:30:34
4006
1
原创 webpack+echart创建可视化Demo
步骤一：找到一个空目录：执行一下命令：npm init -y步骤二：安装webpack相关依赖：cnpm i -D webpack webpack-cli安装完成后package.json：{ "name": "ecarts-webpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no tes
2021-03-26 15:40:46
109
原创 vue2常见集锦一：vue整合elementui
步骤一：在用vue-cli创建好项目后，若想引入element-ui，可以在terminal执行以下命令：vue add element步骤二：步骤三：注意，这里选择Import on demand，即按需引入，这样打包出来的文件要小很多。选择zh-CN,中文。三步即安装完毕。...
2021-03-23 21:48:56
454
1
原创 Git的简单提交
Git操作1.创建项目首先在github创建一个项目，然后就会生成如下代码用于建立本地与远程仓库的连接echo "# Dobbo-learn" >> README.mdgit initgit add README.mdgit commit -m "first commit"git remote add origin git@github.com:keeperLee/D...
2020-03-23 10:43:53
193
原创 典型的左连接
这里的左连接是使用了my_friends表的my_friend_user_id字段与users表的id字段进行连接，也就是由两张表形成一张表，这两张表的用于连接的字段融合为一。
2020-02-10 18:40:02
242
原创 sql语句的连接方式
前景：因为此项目是一个好友聊天项目，目前有两张表：（1）用户表，（2）好友请求表(1)用户表(users)：(2) 好友请求表(friends_request)：需求：连接两张表格，查找出好友请求表中接收者id为 '20012991PAGSBKWH'的发送者的id，username(用户名)，face_image(用户头像)，nickname(昵称)。解决方案一般有...
2020-01-30 18:56:04
328
原创 线程的状态
官方文档声明了以下几种线程的状态。1.新建（New):创建后尚未开启的线程的状态（新创建了一个线程对象，但还没有调用start方法）。2.运行（Runnable)：包含Running（正在执行）和Ready（就绪，等待cpu时间片）。处于Running状态的线程位于可运行介质之中，等待被线程调度选中，获取cpu的使用权。处于Ready状态的线程处于线程池中，等待线程调度选中，获...
2019-08-10 21:44:48
162
原创 sleep和wait的区别
1.sleep()是Thread类的方法，是native类型的。wait()是Object类中定义的方法，也是native类型的。2.sleep()方法可以再任何地方使用。wait()方法只能在synchronized或者synchronized块中使用。因为synchronized是用来加锁，wait是用来释放锁。两者最本质的区别：（1）Thread.sleep只会让出CPU，不会导...
2019-08-10 21:21:47
145
原创 进程和线程的区别
1）java对操作系统提供的功能进行封装，包括进程和线程。2） 运行一个程序会产生一个进程，进程包含至少一个线程。3）每个进程对应一个JVM实例，多个线程共享JVM里的堆。4）java采用单线程编程模型，程序会自动创建主线程。5）主线程可以创建子线程，原则上要后于子线程完成执行。...
2019-08-10 21:19:10
100
原创 Logback日志的基本概念
一、记录日志一般有两个目的1.做故障定位。2.显示程序运行状态。二、Logback的主要模块1.logback-access2.logback-classic3.logback-core三、Logback的主要标签1.logger：作为日志的记录器，主要用于存放日志对象，定义日志的类型和级别。2.appender：指定日志输出的目的地，可以是控制...
2019-08-10 21:01:48
334
原创 Mysql主从分离原理
主从同步如何工作？一、master将日志存进Binary log后，master通知存储引擎，提交事务。二、slave将日志拷贝到其中继日志（Relay log）当中,salve首先开启一个I/O工作线程，在master打开一个普通的连接，将Binary log拷贝到slave，将这些日志写到中继日志（Relay log）里面三、重做中继日志文件，SQL线程读取中继...
2019-08-10 20:38:53
201
原创 AOP的原理之：Cglib的动态代理
因为jdk的动态代理只能对实现了接口的类去产生代理。如果要产生代理的类没有实现接口，则jdk的动态代理就无法使用。CGLIB代理的原理是生成了一个类来继承目标类。使用CGLIB代理需要添加CGLIB的包，如果添加了spring的依赖就不需要添加了，因为spring的四个核心包包含了CGLIB。<dependency> <groupId>org.spr...
2019-08-09 15:27:26
156
原创 AOP的原理之：JDK的动态代理
废话少说，直接上代码，因为这是面试常考的点，所以放到博客这边利于查看，同时这也是很久以前学习过的知识点，借此机会重温一遍。一，首先定义接口和具体的实现类：//接口public interface UserDao { public void save(); public void update(); public void delete(); pub...
2019-08-09 13:34:45
161
原创 ReentrantLock的小Demo(展示其公平性功能)
1.设置公平锁：import java.util.concurrent.locks.ReentrantLock;public class ReentrantLockDemo implements Runnable{ private static ReentrantLock lock = new ReentrantLock(true); @Override p...
2019-06-25 20:23:32
904
转载 Java垃圾回收机制------垃圾回收算法
一、标记---清除算法（Mark and Sweep)标记：从根集合进行扫描，对存活的对象进行标记。 清除：对堆内存从头到尾进行线性遍历，回收不可达对象内存。二、复制算法（Copying)分为对象面和空闲面。 对象在对象面上创建。 存活的对象被从对象面复制到空闲面。 将对象所有对象内存清除。三、标记---整理算法（Compaction)标...
2019-06-21 16:26:01
136
转载 Java垃圾回收机制------标记算法
一、对象被判定为垃圾的标准没有其他对象的引用二、判断对象是否为垃圾的算法1.引用计数算法：（1）通过判断对象的引用数量来决定对象是否可以被回收。（2）每个对象实例都有一个引用计数器，被引用则+1，完成引用则-1。（3）任何引用计数器为0的对象实例可以被当作垃圾收集。 优点：执行效率高，程序执行受影响较小。 缺点: 无法检测出循环引用的情况，导致内存泄漏。如...
2019-06-21 16:06:44
247
转载 比较器Comparable和Comparator的区别
1.Comparable是自己和自己比。Comparator可以看作是第三方的比较器。2.Comparable的比较方法是compareTo，Comparator的比较方法是compare。3.一般使用Comparable和Comparator都需要规定泛型。4.Comparable一般比较的是自己已知的类，而Comparator可以作为比较器参数传入方法中。例一（使用Com...
2019-06-21 15:10:05
304
原创 JMeter压测
一、创建线程组：首先，新建线程组，线程数 ： 是指总共进行查询的线程的线程数量，这里是10个线程。Ramp-Up： 是指完成查询所需要的时间，1表示，在一秒内先后执行完规定线程数的线程，如果Ramp-Up的值是0，则表示所有的线程数同时执行。循环次数 ：这里为一次。二、创建http请求默认值：这里我配置的是本机的默认端口：三、新建http请求：输入我事先准备好的可以...
2018-12-14 15:50:22
184
原创 JDK源码分析
1.在Calendar类中的getInstance方法中发现使用了简单工厂的方法，简单工厂不属于GOF23种设计模式中的模式，它是一种十分简单的获取对象的方式。它不考虑扩展性。这里使用了一个分支语句决定返回的对象的类型。 private static Calendar createCalendar(TimeZone zone, ...
2018-12-11 00:26:16
135
原创 idea使用快捷键（windows平台）
Ctrl+shift+A:快速查找常用功能。Ctrl+N:快速查找任意的类。键入Ctrl+N后再键入Ctrl+N可以查找非本项目中的类（jar中的类）。Ctrl+shift+N:快速查找项目中的文件。键入Ctrl+shift+N后再键入Ctrl+shift+N可以查找非本项目中的文件（jar包中的文件）。Ctrl+shift+alt+N:快速查找项目中的某一个方法。键入Ctrl+shi...
2018-12-10 23:35:31
158
原创 Mybatis知识
Mybatis的插件Mybatis的核心对象Mybatis插件接口-InterceptorMybatis的核心对象ParameterHandler:处理SQL的参数对象ResultSetHandler:处理SQL的返回结果集StatementHandler:数据库的处理对象，用于执行SQL语句Executor:Mybatis的执行器，用于执行增删改查操作mybatis之所以能够支持...
2018-10-18 10:31:23
147
原创 《计算机网络》第一章
一、计算机网络都有哪些类别？各种类别的网络都有哪些特点？答：按范围：（1）广域网WAN：远程、高速、是Internet的核心网。（2）城域网：城市范围，链接多个局域网。（3）局域网：校园、企业、机关、社区。（4）个域网PAN：个人电子设备。按用户：（1）公用网：面向公共营运。（2）专用网：面向特定机构。二、 计算机网络有哪些常用的性能指标？答：速率，带宽，吞吐量，时延，时延带宽...
2018-10-13 14:17:28
853
转载 webpack4.0以上的注意事项
因为初次接触webpack，所以花费了一个下午的时间研究了一下，发现webpack的版本迭代所引起的打包的代码规范变化比较大，还是需要按照规范来操作。转自：https://blog.youkuaiyun.com/w390058785/article/details/79939550...
2018-10-05 23:12:39
395
原创 Oracle11g使用集锦
一、sqlplus常用的指令（注意：命令后面的分号可写可不写，但是sql语句后面一定要写）(1)show user:显示当前登陆的用户名。(2)desc dba_users:查看数据字典。(3)select username from dba_users； :查看数据字典里面存在的用户名。(4)alter user username account unlock； :启用用户。...
2018-09-28 11:10:40
1379
原创 软件开发流程
1.需求分析 (1)需求挖掘，需求调研：和老板和客户深入挖掘它们真正想要的东西，形成软件的初期的雏形。 (2) 需求分析，产品经理一般负责操手。2.原型设计（1）先对软件的页面进行设计，比如移动端或则web端等，简单的说就是软件长什么样子，有什么功能。（2）原型设计工具 ：Axure、墨刀。（3）这个工具是与其他团队人员比如设计、开发等等的角色进行交流的平台，不同角色之...
2018-08-21 09:05:34
570
原创 hibernate缓存机制浅谈
一、一级缓存一级缓存只能存在于同一个session：session的evict方法清除缓存，只会清除单个对象session的clear方法清楚缓存中的所有对象。二、二级缓存：1.开启二级缓存：<property name="cache.use_second_level_cache">true</property>2.配置二级缓存的提供者<...
2018-08-09 17:54:23
231
基于vue-cli脚手架整合echarts5创建的水球图案例
2021-07-19
基于vue-cli脚手架整合echarts4.8+的水球图demo案例
2021-07-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人