- 博客(50)
- 收藏
- 关注
RSS订阅原创 Js对象数组，根据对象关联键合并一个新数组
数组中每一个对象由{id,name,age}组成。写一个函数根据对象的key，判断合并数组。合并数组a、b为一个对象数组。
2022-10-27 21:12:16
444
原创 Symbol的理解和使用
1、唯一性2、参数传入字符串，做Symbol区分及标识3、与其他数据类型做转换4、Symbol 作为对象属性//Symbol 作为对象属性的写法 let mySymbol = Symbol() // 写法一 let obj = {} obj [ mySymbol ] = "Hello" //写法二 let obj2 = {[ mySymbol ] : 'Hello' } //写法三 let obj3 = {};
2022-09-22 09:04:58
460
原创 js实现一个简单的双向绑定
2、Object.defineProperty无法监听对象新增加的属性，所以在vue中使用this.$set()方法新增对象属性。3、Object.defineProperty无法响应数组操作(可以监听数组的变化、无法对数组的变化进行响应)、1、Object.defineProperty无法一次性监听所有属性，必须遍历或者递归来实现。 vue针对此情况将数组常用的api方法做了二次封装、调用时触发页面重新渲染。 Proxy对象无需遍历所有属性。
2022-09-22 09:03:01
266
原创 js深浅拷贝
1、在vue项目中，做表单修改时，表单内容项存在双向绑定，对表单内容进行一个深拷贝，避免修改时改变原有内容。2、JSON.parse()和JSON.stringify()，出现function时copy无效。copy一个对象、属性值为基本数据类型拷贝值、属性为引用数据类型则会创建一个新的对象。2、类库：lodash.js API: cloneDeep(source)浅拷贝:会创建一个新的对象，新的对象指向了新的内存地址。1、Object.assign()合并对象。5、Array.map()也是浅拷贝的。
2022-09-22 09:00:36
342
原创 HTML BFC的理解与作用
3、display 为 inline-block、table-cells、flex、block、table-caption。 4、overflow不为visible、clip的块元素。 2、position值为 absolute、fixed。1、独立性避免了margin塌陷（解决外边距合并问题）3、解决子元素浮动时、父元素高度塌陷问题。 1、float 不为 none。 5、body 根元素。 因为不影响整体布局。2、阻止浮动元素覆盖。
2022-09-22 08:59:55
555
原创 Js事件循环机制EventLoop
宏任务：(macro)task，由宿主发起、可以理解是每次调用栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）。2、微任务队列(调用栈加入的微任务会立马执行、但其异步操作会在微任务队列中、待调用栈清空后执行)微任务：由JavaScript自身发起的任务、可以理解是在当前宏任务执行结束后立即执行的任务。微任务队列：执行promise、async、await的异步代码。3、消息队列(待调用栈、微任务队列清空执行)调用栈: 执行主线程代码。1、调用栈（宏任务执行）
2022-09-22 08:59:15
299
原创 箭头函数的this、箭头函数与普通函数的区别
1、箭头函数的this与普通函数不一样2、箭头函数不可用作构造函数（箭头函数没有自己的this）3、箭头函数没有prototype属性4、箭头函数不能使用arguments、super、new.target方法和属性。
2022-09-22 08:58:23
468
原创 Vue使用Swiper看这一篇就够了
此案例实现需求 1、 完成swiper动态异步数据下的slide渲染 2、自定义分页器样式 3、解决loop:true设置时的事件丢失问题 4、swiper鼠标移入/移出 暂停/开始轮播 5、单页面渲染多个swiper组件互不影响...
2022-06-20 16:18:04
8369
原创 基于swiper使用vue-awesome-swiper 实现鼠标移入暂停自动播放、左右按钮控制前进后退、常见避坑、API中文文档地址
结合vue使用swiper
2022-06-01 15:44:45
2208
原创 nodejs环境变量、国内源、自定义全局安装及缓存文件夹配置
nodejs环境变量、国内源、自定义全局安装及缓存文件夹配置参考我的nodejs安装目录为：E:\program\nodejs一、nodejs自定义全局安装及缓存文件夹1、nodejs安装目录下新建node_globalnode_cache文件夹2、cmd 输入指令配置npm config set prefix "E:\program\nodejs\node_global"npm config set cache "E:\program\nodejs\node_cache"二、配置
2022-04-18 15:37:31
943
原创 Oracle多表查询语句
1、连接条件:等值于非等值连接，可以规避笛卡尔积错误(1)连接条件数量：连接n个表至少需要n-1个连接条件2、连接方式：所有连接都在内连接基础之上的操作**(1)自连接：**单个表中（模拟多表情况）构建连接查询符合条件的结果，语法格式和内连接一致**(2)内连接：**合并具有同一列的两个以上的表的行，结果集中不包含一个表与另一个表不匹配的行理解：返回满足多个表条件的行(3)外连接：左/右外连接两个表在连接过程中除了返回满足连接条件的行以外还返回左（或右）表中不满足条件的行，这种连接称为左
2021-06-25 11:25:49
644
原创 Oracle单行函数语句
单行函数：一条记录对应一条结果 一对一关系dual：是一个伪表，可以用来测试函数和表达式1、字符控制函数selectlower('HELLOWORLD'), -- 转小写UPPER('helloworld'), -- 转大写initcap('hello world'), -- 首字母大写 concat('hello','world'), -- 字符串拼接substr('helloworld',2,4), -- 字符串截取（从第2个开始，向后取4个字符）length('helloworld'
2021-06-25 11:25:13
147
原创 Oracle常用基本查询语句
1、查询一个表的所有数据select * from 表名;2、查询表字段数据select 字段名1,字段名2,... from 表名;select 表名.字段名1,表名.字段名2,... from 表名;3、查询表字段并别名显示select 字段名1 as "别名1",字段名2 as "别名2",... from 表名;select 字段名1 别名1,字段名2 别名2,... from 表名;4、查询表字段并去重显示select distinct 字段名1,字段名2,... fr
2021-05-27 15:14:24
632
原创 题目：给定一个整数数组 nums 和一个整数目标值 targ数，并返回它们的数组下标。
题目：给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 的那 两个 整数，并返回它们的数组下标。答案：public class JavaTest { public static void main(String[] args) { int [] nums={2,5,3,4,1}; int[] ints = twoSum(nums, 9); System.out.print("["); for
2021-04-27 17:46:09
365
原创 Quartz:(2)Springboot集成Quartz框架，并实现自定义开启，关闭定时任务
一、导入依赖 <!--quartz集成springboot--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-quartz</artifactId> </dependency>二、书写配置文件spring:
2021-04-27 17:38:30
1431
原创 Quartz:(1)时间任务框架快速入门
Quartz：时间任务框架快速入门前言：非集成SpringBoot使用，本次主要学习基本使用、了解Quartz组件的作用及使用一、引入依赖 <!--引入quartz依赖--> <dependency> <groupId>org.quartz-scheduler</groupId> <artifactId>quartz</artifactId> <
2021-04-04 22:56:45
233
2
原创 ECharts:图表option中的配置详解（通俗易懂）
ECharts:图表option中的配置详解（通俗易懂）以折线堆叠图为例 说明讲解，跟着每一条配置测试改一改、测一测就可以搞清楚并理解基本配置!**该折线图图测试地址：**https://echarts.apache.org/examples/zh/editor.html?c=line-stackoption = { //设置图标标题 title: { text: '折线图' }, //图标提示框组件 tooltip: { /
2021-01-01 17:23:27
6633
9
原创 ECharts:数据可视化解决方案通俗易懂快速入门
ECharts:数据可视化解决方案通俗易懂快速入门官网地址：https://www.echartsjs.com/zh/index.html一、常见的数据可视化解决方案D3.js 目前Web端评价最高的JavaScript可视化工具库（入门难）ECharts.js 百度出品的一个开源JavaScript数据可视化库HighCharts.js 国外的前端数据库可视化库，非商用免费，国外大公司使用较多AntV 蚂蚁金服全新一代数据可视化解决方案二、主要介绍、关系与区别HighCharts与ECha
2021-01-01 17:13:04
1609
9
原创 Java:案例理解-接口回调
Java:案例理解-接口回调接口回调的设计在实际应用中很多，其概念单从文字角度比较难以理解那么下面就一个简单的实际应用案例理解建议：跟着动手敲一敲，画调用关系图，然后看注释反复理解案例要求：岳老板命令出去司机去修车，期间岳老板忙自己的事，司机修车完成后给岳老板报告;代码实现：回调接口/** * 回调函数接口 */public interface CallBack { /** * 报告方法， * 这就是回调方法 * 当司机修完车会主动调用这个方
2020-12-14 17:46:22
3676
17
原创 Java:基于TCP协议socket网络编程的文件传送
Java:基于TCP协议socket网络编程的文件传送先了解一下socket基本概念socket也叫套接字：是指在网路中不同主机上的应用进程之间，进行双向通信的端点的抽象。简单理解就是：两个主机之间要通信，就需要知道彼此的ip,端口号等信息，而一台主机这些信息的集合：就可以理解为一个端点，即为套接字双方通过套接字作为一种坐标，建立信息通道，形成连接(两点连接一条直线)简单理解了套接字的概念后，来看看如何通过java socket编程来实现两台主机文件的接收与发送:代码如下：发送方：i
2020-12-01 20:45:46
4188
19
原创 基于springboot的文件上传
基于springboot的文件上传第一步：在vo包下创建上传前端响应类import com.alibaba.druid.filter.AutoLoad;import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;/** * 上传响应参数 * @param <E> *///以下是lombok插件注解@Data@AllArgsConstructor@NoArgsCo
2020-11-03 20:57:03
10341
43
原创 基于JWT的springboot权限验证技术实现
基于springboot的JWT令牌权限验证技术简单实现JWT简介Json Web Token（JWT）：JSON网络令牌，是为了在网络应用环境间传递声明而制定的一种基于JSON的开放标准（(RFC 7519)。JWT是一个轻便的安全跨平台传输格式，定义了一个紧凑的自包含的方式用于通信双方之间以 JSON 对象行使安全的传递信息。因为数字签名的存在，这些信息是可信的。实现步骤：环境spring boot1、添加jwt依赖 <dependency> <gr
2020-10-29 20:22:33
5474
22
原创 Mybatis：Mybatis配置文件模板
Mybatis：Mybatis配置文件模板1、引入依赖 <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.4.6</version> </dependency>2、配置文件模板<?xml
2020-09-25 19:31:12
1608
原创 java web：Maven项目pom.xml需要导入的常用依赖
java web:Maven项目pom.xml需要导入的常用依赖1、引入本地仓库 <groupId>com.ydx</groupId> <artifactId>MyMaven(项目名)</artifactId> <version>1.0-SNAPSHOT</version>2、junit测试<dependency> <groupId>junit</group
2020-09-25 19:23:49
1879
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人