自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 React原理学习

react原理 、diff算法

2022-07-26 09:14:35 253

原创 图的深度广度优先遍历(DFC与BFC)JavaScript版

graph.js创建一个js文件用于表示图这个类型,这个对象的键为节点,所对应的值为这个节点所连接的节点。 const graph={ 0:[1,2], 1:[2], 2:[0,3], 3:[3] }; module.exports=graph; 图的深度优先遍历,(DFC) const graph =require("./graph") console.log(graph) const visited=new Set(); const dfs...

2022-05-06 19:26:50 994

原创 vue3后台管理系统(https://github.com/noob-Jp/my-admin-vue3)

# my-admin-vue3 本项目是我第一次写vue3,vue2已经学了很长时间,早就想开始接触vue3,通过b站和github上项目的介绍我了解到好多成熟的vue3的后台管理的项目,并且也star了好多,但是光 收藏是不行的,必须自己多动手,所以也想自己做一个自己的vue3的后台管理,并且通过这个开始,来接触vue3。 在此之前我了解到完整的后台管理系统有 1. (vue-pure-admin):[vue-pure-admin](https://github.com/xiaoxian521/.

2022-04-20 08:01:04 9370 6

原创 力扣3.无重复字符的最长子串(滑动窗口问题)

给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入:"abcabcbb" 输出:3 解释:因为无重复字符的最长子串是"abc",所以其长度为 3。 来源:力扣(LeetCode) 链接:https://leetcode-cn.com/problems/longest-substring-without-repeating-characters 著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。 思路:定义一个左边界lef...

2022-04-10 12:55:39 184

原创 v-for 和 v-if的优先级(源码分析)app.$options.render

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="js/Vue.js"></script> <div id="demo"> <h1>v-for 和 v-if的优先级&.

2022-04-08 11:22:56 307

原创 力扣16. 最接近的三数之和(双指针)

给定一个包括 n 个整数的数组 nums 和 一个目标值 target。找出 nums 中的三个整数,使得它们的和与 target 最接近。返回这三个数的和。假定每组输入只存在唯一答案。 示例: 输入:nums =[-1,2,1,-4], target = 1 输出:2 解释:与 target 最接近的和是 2 (-1 + 2 + 1 = 2)。 来源:力扣(LeetCode) 链接:https://leetcode-cn.com/problems/3sum-closest...

2022-04-07 20:53:38 199

原创 力扣350. 两个数组的交集 II

给定两个数组,编写一个函数来计算它们的交集。 示例1: 输入:nums1=[1,2,2,1],nums2=[2,2] 输出:[2,2] 示例2: 输入:nums1=[4,9,5],nums2=[9,4,9,8,4] 输出:[4,9] 来源:力扣(LeetCode) 链接:https://leetcode-cn.com/problems/intersection-of-two-arrays-ii 著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。 ...

2022-04-05 21:50:01 434

原创 力扣16.11. 跳水板

1.面试题 16.11. 跳水板 /** * @param {number} shorter * @param {number} longer * @param {number} k * @return {number[]} */ var divingBoard = function(shorter, longer, k) { if(k===0) return []; if(shorter === longer) return [k*shorter]; let arr=

2022-03-29 13:16:07 156

原创 某公司 1 到 12 月份的销售额存在一个对象里

如下:{1:222, 2:123, 5:888},请把数据处理为如下结构:[222, 123, null, null, 888, null, null, null, null, null, null, null] let obj = {1:222, 2:123, 5:888}; const result = Array.from({ length: 12 }).map((_, index) => obj[index +1] || null); console.log(result) .

2022-03-27 09:25:20 213

原创 已知如下数组,编写一个程序将数组扁平化去并除其中重复部分数据,最终得 到一个升序且不重复的数组 var arr =

已知如下数组,编写一个程序将数组扁平化去并除其中重复部分数据,最终得 到一个升序且不重复的数组 var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]; 答:使用 Set 方法去重,flat(Infinity)扁平化 Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a-b}) //[1,2, 3, 4, 5, 6

2022-03-26 14:46:36 505

原创 Spring整合mybatis配置+声明式事务

导入依赖 <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.1.9.RELEASE</version> </dependency> &

2022-03-20 09:52:46 586

原创 SpringAOP 笔记

AOP为Aspect Oriented Programming 的缩写,意为:面向切面编程,他是一种可以在不修改原来的核心代码的情况下给程序动态统一进行增强的一种技术。 SpringAOP:批量对Spring容器中的bean的方法做增强,并且这种增强不会与原来方法中的代码耦合。 1.添加依赖 <!--SpringIOC相关依赖--> <dependency> <groupId>org.springframework&lt

2022-03-19 11:55:58 431

原创 Spring注解开发

IOC相关注解 @Component @Service @Controller @Repository DI相关注解 @Value 主要用于String,Integer等可以只直接赋值的属性注入,不依赖setter方法,支持SpEL表达式,例如 @Autowired Spring会给加了该注解的属性自动注入数据类型相同的对象注入。 @Qualifier 如果相同类型的bean在容器中有多个时,单独使用@Autowired就不能满足要求,这时候可以再加上@Qualifier来指定...

2022-03-19 11:05:42 666

原创 SpringIOC简易自制版

IOC使用 Demo.java package com.sangeng; import com.sangeng.dao.UserDao; public class Demo { public static void main(String[] args) { ClassPathXmlApplicationContext classPathXmlApplicationContext = new ClassPathXmlApplicationContext("beans.x..

2022-03-19 09:56:56 177

原创 SpringIOC笔记bean的配置

lazy-init的作用,可以控制bean的创建时间,如果设置为true就是第一次获取该对象时才去创建。 <bean class="com.alibaba.druid.pool.DruidDataSource" lazy-init="true" id="dataSource" name="dataSource2,dataSource3"> <property name="driverClassName" value="${jdbc.driver}">&lt..

2022-03-19 09:48:54 230

原创 SpringIOC笔记DI依赖注入

DI依赖注入 DI依赖注入set方法 ​ <bean class="com.sangeng.domain.Student" id="student"> <!-- name属性用来指定要设置哪个属性 value属性用来设置要设置的值 ref属性用来给引用类型的属性设置值,可以写上Spring容器中bean的id --> <property name.

2022-03-19 09:10:56 239

原创 通过反射创建类的对象

Class<?> clazz=Class.forName(className); Constructor<?> constructor=clazz.getContructor(); Object obj=constructor.newInstance();

2022-03-18 21:01:45 308

原创 springboot+mybatisplus的增删改查操作(评论区见源码地址)

此demo的项目结构 用idea创建好一个springboot的基础项目之后,在pom.xml文件中加入以下依赖, <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3...

2022-02-22 17:39:30 880 1

原创 Nginx配置到centos7中出现500问题

这里前提是已经安装好了nginx,如没安装则使用下面的命令安装, yum install nginx 安装好之后进入etc/nginx/ 打开nginx.conf 开始配置 location / { root /etc/zjp/www/dist; index index.html; try_files $uri $uri/ /index.html; } loca

2022-02-19 19:30:44 2124 1

转载 JavaScript 数组的函数 map/forEach/reduce/filter

1.map // map //作用:对数组进行遍历 //返回值:新的数组 // 是否改变:否 var arr = [2, 5, 3, 4]; var ret = arr.map(function(value) { return value + 1; }); console.log(ret); //[3,6,4,5] console.log(arr); //[2,5,3,4] 2.forEach // forEach 方法 // 作用:遍历数组的每一项 // 返回值:undefined //

2022-02-12 11:57:04 134

转载 vue中的虚拟DOM

虚拟dom简单来说就是一个普通的JavaScript对象,包含tag,props,children三个属性。 <div id="app"> <p className="text">lxc</p> </div> 上边的HTML代码转为虚拟DOM如下: { tag:"div", props:{ id:"app" }, children:[ { tag:"p",

2022-02-12 10:53:09 361

原创 call、apply、bind的使用(改变this指向)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str='你好'; var ob...

2022-02-10 21:20:43 426

原创 深拷贝与浅拷贝

浅拷贝:只复制引用,而未复制真正的值,改变值会影响原来的值。 深拷贝:是复制真正的值,改变值不会影响原来的值。

2022-02-10 21:03:09 218

原创 防抖(闭包加定时器)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>防抖</title> </head> <body> <div>ssssss</div> <div>ssssss</div> <div&gt...

2022-02-10 20:53:06 476

原创 个人总结的Git命令

1.git status :查看状态 2.git add . :工作区(编辑区)添加到暂存区 3.git commit -m "备注说明":暂存区提交到分支 4. git pull origin master :拉取远程代码到本地 如果远程仓库的代码版本高于本地仓库,则无法正常推送,需要先执行git pull,获取最新版本,在推送即可。 5.git push origin master : 推送本地代码到远程 6.git remote add origin git@gitee.com:zjp66...

2022-02-09 21:23:54 232

原创 svg的基本使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-02-07 10:08:12 176

原创 我的安卓大作业

gitee地址 https://gitee.com/zjp666777/android-big-homework.git 一、业务需求分析 (1)、登录注册功能,注册输入账号与密码以及二次确认密码,可以通过查询数据库判断是否已经有输入的账户名,并且在数据库创建时用unique关键字设置了账户的唯一性,登录时根据数据库账号密码进行匹配,如符合则登录成功,否则给出相应提示。登录成功后保存登录用户的id传到其他页面进行其他发表以及查询对应发表的动态的功能。 (2)、app首页是每一个用户发表的来自他

2022-01-24 00:12:35 5359

原创 vue笔记

安装axios: npm i axios -S immediate选项: 默认情况下,组件在初次加载完毕之后不会调用watch侦听器,如果想让watch侦听器立即被调用,则需要将immediate设置为true deep选项: 当watch监听的是一个对象,如果对象中的属性值发生了变化,则无法被监听到。此时需要使用deep选项设置为true 计算属性vs侦听器 计算属性和侦听器侧重的应用场景不同 计算属性侧重监听多个值的变化,最终计算并返回一个新值 ...

2021-12-24 15:27:07 537

原创 webpack笔记

webpack笔记

2021-12-15 09:38:05 1133

原创 微信小程序项目前后端分离

# wx_treehole #### 介绍 树洞微信小程序 #### 软件架构 软件架构说明 #### 安装教程 1. egg_tree为项目后端,需要有Node环境,npm, 进入文件夹中,安装依赖npm install egg_tree文件夹放到编辑器中,进去egg_tree 文件夹运行npm run dev,(提前配置config目录下的config.default.js中的数据库信息)。 2. treehole-test为项目前端部分,将该部分代码添加到微信开...

2021-12-14 16:01:14 6706 1

nvm setup.zjp

nvm 安装包, Node 版本管理工具 nvm ls // 查看目前已经安装的版本 nvm install 10.5.0 // 安装指定的版本的nodejs nvm use 10.5.0 // 使用指定版本的nodejs nvm list available //显示可下载版本的部分列表 nvm uninstall 10.5.0 //删除已安装的指定版本,语法与install类似 nvm alias //给不同的版本号添加别名 nvm unalias //删除已定义的别名 `nvm reinstall-packages <version>` //在当前版本node环境下,重新全局安装指定版本号的npm包 nvm current //显示当前的版本

2023-04-27

canvas黑洞粒子效果,静态资源+react组件版本

在线预览地址:http://www.bootstrapmb.com/item/2845/preview

2022-11-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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