自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 月度员工绩效考核管理系统 - 源码免费(私信领取)

采用Spring Boot框架进行后端开发,结合前端技术(如Vue.js、React等)进行页面设计,数据库采用MySQL进行数据存储,确保系统的稳定性和性能。通过深入了解公司业务和员工管理需求,分析用户对员工绩效考核管理系统的需求,明确系统功能和特点,确保系统能够满足实际管理需求。本项目旨在设计并实现一个月度员工绩效考核管理系统,用于评估员工的工作表现,促进员工持续发展和提高工作效率。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 19:55:52 289 1

原创 校园管理系统的设计与实现 - 免费源码(私信领取)

采用Spring Boot框架进行后端开发,结合前端技术(如Vue.js、React等)进行页面设计,数据库采用MySQL进行数据存储,确保系统的稳定性和性能。通过深入了解学校管理流程和需求,以及教职员工、学生和家长的需求,分析用户对校园管理系统的需求,明确系统功能和特点,确保系统能够满足学校管理的实际需求。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 14:59:20 485 1

原创 基于SpringBoot的考务管理系统 - 源码免费(私信领取)

采用Spring Boot框架进行后端开发,结合前端技术(如Vue.js、React等)进行页面设计,数据库采用MySQL进行数据存储,确保系统的稳定性和性能。本项目旨在设计并实现一个基于Spring Boot的考务管理系统,以提高考试管理的效率,简化考试流程,确保考试的顺利进行。通过深入了解考务管理流程和需求,分析用户对考试管理系统的需求,明确系统功能和特点,确保系统能够满足考试管理的实际需求。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 11:25:33 575

原创 SpringBoot的旅游网站的设计与实现 - 源码免费(私信领取)

采用Spring Boot框架进行后端开发,结合前端技术(如Vue.js、React等)进行页面设计,数据库采用MySQL进行数据存储,确保系统的稳定性和性能。本项目旨在设计并实现一个基于Spring Boot的旅游网站,为用户提供便捷的旅游信息查询、预订服务,以及旅游资讯分享功能,提升用户旅游体验。通过市场调研和用户需求分析,了解用户对旅游网站的需求和偏好,明确系统的功能和特点,确保系统能够满足用户的旅游需求。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 10:27:46 1286 1

原创 基于SpringBoot的在线拍卖系统 - 源码免费(私信领取)

采用Spring Boot框架进行后端开发,结合前端技术(如Vue.js、React等)进行页面设计,数据库采用MySQL进行数据存储,确保系统的稳定性和性能。本项目旨在设计并实现一个基于Spring Boot的在线拍卖系统,提供一个安全、高效的平台,供用户进行拍卖活动,实现商品的快速交易。通过市场调研和用户需求分析,了解在线拍卖市场的特点和用户需求,明确系统的功能和特点,确保系统能够满足用户的需求。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 09:23:02 432

原创 基于SSM的停车位短租网站 - 源码免费(私信领取)

采用SSM框架进行后端开发,前端采用HTML、CSS、JavaScript等技术,数据库采用MySQL进行数据存储,确保系统的稳定性和性能。通过调研停车位租赁市场和用户需求,明确系统的功能需求和用户体验要求,确保系统满足用户的停车需求。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 08:17:29 594

原创 基于SpringBoot的教务管理系统 - 源码免费(私信领取)

采用Spring Boot框架进行后端开发,前端采用HTML、CSS、JavaScript等技术,数据库采用MySQL进行数据存储,确保系统的稳定性和扩展性。本项目旨在设计并实现一个基于Spring Boot的教务管理系统,以提升学校教务管理效率,优化教学资源配置,提高教学质量,满足学生、教师和管理人员的需求。通过调研学校教务管理流程和现有系统的问题,明确系统的功能需求和用户需求,确定系统的基本功能和特性。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-30 08:14:44 557 2

原创 基于ssm的汉服商城系统的设计与实现 - 源码免费领(私信)

设计并实现一个基于SSM(Spring + Spring MVC + MyBatis)的汉服商城系统,旨在为汉服爱好者提供一个购买、展示和交流的平台,推动汉服文化的传承和发展。通过市场调研和用户需求分析,了解汉服市场的需求和用户痛点,确定系统所需功能,确保系统能够满足用户的购物和交流需求。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户体验测试,确保系统的质量和可靠性。

2024-04-29 21:54:20 491

原创 【开题报告】基于大数据技术的财经新闻舆情监测与分析系统设计与实现 - 源码免费

设计并实现一个基于大数据技术的财经新闻舆情监测与分析系统,旨在帮助用户及时了解金融市场动态,分析舆情对股市的影响,为投资决策提供数据支持。充分了解用户对财经新闻舆情监测与分析的需求,设计一个功能完善、易用高效的系统,能够实时监测各种媒体的新闻信息,分析舆情趋势和影响因素。采用大数据技术栈,包括Hadoop、Spark等,结合机器学习算法,如文本分类、情感分析等,实现系统的数据处理与分析功能。进行全面的系统测试,包括功能测试、性能测试、安全性测试和用户验收测试,确保系统功能和性能的稳定性和可靠性。

2024-04-29 16:20:46 591 3

原创 基于springboot新农人交流论坛 - 源码免费

采用Spring Boot框架进行开发,使用Thymeleaf模板引擎进行前端渲染,数据库采用MySQL进行数据存储,采用Spring Security进行用户权限管理,实现一个安全可靠的交流论坛系统。设计并实现一个基于Spring Boot的新农人交流论坛,旨在为新农人提供一个交流平台,促进农业信息的分享和交流,推动农村产业发展和农民增收。充分了解新农人的需求和痛点,设计一个符合农村实际情况、用户友好的交流论坛,提供多样化的功能和便捷的交流方式。

2024-04-29 10:45:07 554

原创 每天一个npm包 之 js-cookie

hello, 大家好,我是 前端学长Joshua (公众号)。热心于做开源,写文章。目的为帮助在校大学生,刚入职场的小伙伴可以尽快搭建自己的前端学习体系。如果你有学习上的困惑,欢迎关注我,找我交流,我实时回复大家。每天一个npm包 之 js-cookie特性介绍:js-cookie 是一个上手简单,轻量的,处理cookies的库有如下特点:在所有浏览器是可用允许所有的字符集支持 ES6 模块化, AMD 和 CommonJs 模块化符合 RFC 6265有wiki允许自定义编码、

2021-08-21 13:03:20 1826 1

原创 技术篇 - 如何使用 Promise.all()

如何使用 Promise.all()hello, 大家好,我是前端学长Joshua。热心于做开源,写文章,目的为帮助在校大学生,刚入职场的小伙伴可以尽快搭建自己的前端学习体系。如果你有学习上的困惑,欢迎关注我,找我交流,我实时回复大家。Promise.all() 的介绍Promise.all(promisesArrayOrIterable) 是javascript中的一个辅助函数。它可以帮助我们一次,并行处理多个promise, 然后将结果聚合到一个数组里边,这是聚合结果,不是说返回结果哦。它

2021-08-14 11:48:43 503

原创 并行执行多个独立的异步操作 - Promise.allSettled()

并行执行多个独立的异步操作 - Promise.allSettled()并行执行多个独立的异步操作 - Promise.allSettled()介绍如何使用Promise.allSettled()1.Promise.allSettled()2. example: 简单的使用Promise.allSettled()2.1. 所有promise已完成2.2 某个promise已拒绝2.3 所有promise已拒绝小结:兼容性:参考动下小手介绍Promise.

2021-08-07 17:34:48 1018

原创 每天一个npm包 之 qs

使用:解析成对象解析成数组字符串化null值的处理动下小手使用:下载代码: https://github.com/huangyangquang/npmEverydays/blob/master/2021%E5%B9%B4/7%E6%9C%88%E4%BB%BD/Joshua_qs执行node index.js, 查看输出结果var qs = require('qs');var obj = qs.parse('a=c')..

2021-08-01 19:46:55 789

原创 新技术篇 - Array.prototype.at()函数

相对索引方法之.at函数相对索引方法之.at函数对字符串的补充参考:社交信息 / Social Links:(Welcome to pay attention, 欢迎关注)Array.prototype 上的新的新方法 --- at 函数,可以让我们更加方便的访问到数组 和 字符串末尾的元素。在实际开发中,我经常需要去访问到数组或者是字符串中末尾的某个元素的。但是吧,通常使用的法子不是很好的,比如 my_array[my_array.length - N]。或者是使用可能没有什么

2021-07-24 18:17:00 673

原创 每天一个npm包 之 debug

每天一个npm包 之 debug每天一个npm包 之 debug介绍:毫秒之差通配符*环境变量格式化自定义格式对浏览器的支持对debug进行扩展动态设置检查调试目标是否已启用兴趣源码阅读如何判断是浏览器环境还是nodeJs环境呢?浏览器环境 / nodeJs环境 底层的打印是使用什么实现的呢?每一条打印出来的log, 后边都会随着一个时间,这个时间是怎么计算出来的呢?格式化是怎么现实的呢? 格式化的扩展是怎么实现的呢?参考:社交信息 / Social

2021-07-23 22:12:44 1164 3

原创 POST请求 之 对数据进行编码处理

POST请求 之 对数据进行编码处理URLSearchParamsURLSearchParams 的读取和转换操作url.searchParams让 URLSearchParams 作为Fetch的请求体(body)FormData让 FormData 作为Fetch的请求体(body)转换为 URLSearchParams将Fetch的body读取为 FormData其他可以作为Fetch的body的格式BlobsStringsBuffersStreams最后的福利:将 F

2021-07-13 20:49:54 894

翻译 翻译篇 - ES 模块预加载和完整性

翻译篇 - ES 模块预加载和完整性翻译篇 - ES 模块预加载和完整性生产环境中模块的优化模块预加载模块预加载例子:Polyfilling 模块预加载完整性限制号召一起行动JSPM Generator - 模块预加载生成器参考社交信息 / Social Links:生产环境中模块的优化当在生产环境中使用ES模块时,目前有两种主要的性能优化要应用-代码拆分和预加载。代码拆分优化可用于打包器(如 esbuild 或 RollupJS)中的原生 ES 模块。代码拆分确保对于任何

2021-07-10 23:04:29 1415

翻译 2021-07-01Object.hasOwn 替换掉 Object.prototype.hasOwnProperty

2021 年 6 月 25 日发布 · 标记为ECMAScript建议使用 Object.hasOwn() 方法,因为它使得 Object.prototype.hasOwnProperty() 更易于使用。阶段目前这个提案还在第三阶段Object.hasOwn提案为什么会出现呢?目前,这样的代码是很常见:const hasOwnProperty = Object.prototype.hasOwnProperty;if (hasOwnProperty.call(object, 'foo'))

2021-07-01 23:48:28 1065

原创 TC39、ECMA-262、ECMAScript 的一些事儿

TC39、ECMA-262、ECMAScript 的一些事儿你们会不会有这样的情况,就是对于某项技术、语言到底在哪可以了解到最新的规范?而这些规范又是否被支持?支持到什么程度?完全没有头绪。对于JavaScript,自从 ES6 规范发布以来,带来很多新的特性,而我们在消化这些大量的知识时,ES 规范也在不停的调整和增加内容。可是我们没有一个特定的流程和渠道来获取最新的资讯,这反而会越来越落后于前沿技术。所以,下边我就针对JavaScript做了一份相关的知识的总结:TC39、ECMA-262、

2021-06-28 01:31:20 372

原创 如何理解ES6 静态编译?

如何理解ES6 静态编译?如何理解ES6 静态编译?实例参考留坑社交信息 / Social Links:(Welcome to pay attention, 欢迎关注)请先阅读深入ES Module, 浅析原理ES6 模块编译时执行会有以下两个特点:import 命令会被 JavaScript 引擎静态分析,优先于模块内的其他内容执行。export 命令会有变量声明提前的效果。那么现在,我们来探究:为什么import 命令会被 JavaScript 引擎静态分析,

2021-06-01 02:29:26 921 3

转载 什么是Chrome稳定版,Beta版,Dev版和Canary版发布渠道?(转载)

什么是Chrome稳定版,Beta版,Dev版和Canary版发布渠道?(转载)Chrome稳定版,Beta,Dev,Canary发布渠道什么是Chrome Canary版本?什么是Chrome开发者频道?什么是Chrome Beta通道?什么是Chrome稳定版频道?附上小知识:参考:社交信息 / Social Links:(Welcome to pay attention, 欢迎关注)什么是Chrome稳定版,Beta版,Dev版和Canary版发布渠道?(转载)..

2021-05-20 11:55:25 2480

原创 浅析chrome新特性,追溯源头至HSTS

A safer default for navigation: HTTPSChrome 90开始,将会默认使用HTTPS协议打开URL。目前这个特性还在灰度没有完全发布。现象:Chrome 90之前的版本,当我们输入 example.com,chrome会默认访问 http://example.com,服务端如果配置了重定向,则会重定向到https://example.com.Chrome 90则会默认访问 https://example.com。可以参考第一篇了不起的Chrome浏览器:C

2021-05-18 15:34:17 196

原创 浅析:正则表达式修改字符串数字“10000”为“10,000”

问题抛出:如何将字符串“10000“,转为”10,000“这样的形式呢?我直接给出代码和结果,您是否理解这个正则呢?下面,请允许我解析下这个问题,然后顺带把这个正则给解释清楚。题目是要我们将字符串“10000“,转为”10,000“这样的形式:从正则表达式的角度出发,就是将字符串“10000“中的某个空字符串”“给替换为字符串”,“。那么,我们怎么去确定这个空字符串的位置呢?哈哈哈,这就是我们正则表达式最擅长的了。我可以通过正则表达式来构造出规则,然后匹配出这个空字符串”“。这个规则就是:

2020-09-20 23:31:52 739

原创 Vue2.0:双向数据绑定 之 监听对象,源码分析

前言:关于Vue2.0的双向数据绑定,会大致分为三个部分来讲解,分别是Vue对 对象 的监听,Vue对数组的监听以及和Vue双向数据绑定相关的API的分析。希望大家在看这篇文章的时候,先下载一份源码,然后一边看文章,一边对照源码,这样可以建立一个比较清晰的架构出来。当然,文章里也是会附上源码分析的。Vue源码下载:https://github.com/vuejs/vue看源码的时候,直接上src文件夹下找就ok啦。我下面来开始吧,这部分先讲解Vue对对象{}是怎么进行双向数据绑定的。双向数据绑定

2020-05-28 23:23:37 634

原创 javaScript之事件模型,你知道多少?

在javaScript中,采用异步事件驱动编程模型,在这种模型下,浏览器,文档对象,元素对象等发生一些动作的时候,我们可以迅速知道。在对事件模型进行深入探讨之前,我们先来认识些有关的概念,避免初学者到时候看得云里雾里。1.事件类型:是一个用来说明发生什么类型事件的字符串,由于事件类型是一个字符串,因此实际上有时会把事件类型叫做事件名字,比如:click, keyup…2.事件目标:就是这个事件在谁身上触发的,常见的有Window, Document和Element对象3.事件处理函数:就是触发某个事件

2020-05-20 22:53:15 170

原创 Set 和 Array 玩转 交/并/差集

这部分内容我实际上在我的文章中写过,但我感觉这部分是一个比较好的应用,所以就给独立出来。关于ES6给我们提供的新的数据结构,可以看下我这篇文章:(里面包含了这部分内容)ES6之深入Set 与 WeakSet的知识讲解要通过Set 和 Array 来玩转 交/并/差集,还得使用到一个小的知识点: …操作符。…操作符的作用在数组上时可以帮我们把把数组给展开,变成些散列的值,也可以把我们散列的值收集成一个数组。如下图:图片标注1: 就是…操作符的展开作用图片标准2: 就是…操作符的收集作用交 /

2020-05-18 17:58:47 167

原创 算法之链表的逆转

链表的逆转:可以有两种实现方法:一种是递归,一种是迭代下面代码是链表节点的构造函数,然后把每一个节点通过next属性(可以理解为指针)来联系起来。function Node(value) { this.value = value; this.next = null;}var node1 = new Node(1);var node2 = new Node(2);var node3 = new Node(3);var node4 = new Node(4);var node5 = new

2020-05-17 23:20:40 576

原创 ES6之深入Set 与 WeakSet的知识讲解

Set的概念:Set是ES6 提供的新的数据结构。它类似于数组,只有属性值,并且成员的值都是唯一的,没有重复的值。WeakSet的概念:WeakSet 结构与 Set 类似,weakSet的成员值是唯一的,并且 WeakSet 的成员只能是对象,而不能是其他类型的值传递参数的讲究:Set、WeakSet传递的参数必须具备迭代接口,比如:数组,字符串,arguments等,迭代接口就是指在原型上有:Symbol(Symbol.iterator)Set实例化是长什么样的?..

2020-05-09 18:28:36 1075

原创 Vue之单向数据流

数据流,表明的是数据流向,即数据传递。那么单向数据流就是我们的数据是单一方向传输。对于 Vue 来说,组件之间的数据传递具有单向数据流这样的特性。所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子 组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生更新时,子组件中所有的 prop 都将会刷新为 最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做 了,

2020-05-09 11:32:21 1764 1

原创 javaScript手撕代码之leetcode-最大正方形

题目:221. 最大正方形在一个由 0 和 1 组成的二维矩阵内,找到只包含 1 的最大正方形,并返回其面积。示例:输入:1 0 1 0 01 0 1 1 11 1 1 1 11 0 0 1 0输出: 4暴力解法:思路:循环遍历每一个元素,找出以这个元素为左上角,可能的最大边长为多少。然后判断从0到最大边长的正方形的对角线的元素的值是否满足要求,在判断对角线左下部分和右上部分的值是否满足要求。注意:break只跳出一层循环(不是一次循环)// 暴力解法let maximalSqu

2020-05-09 09:40:41 307

原创 JavaScript深入之call和apply的模拟实现

关于call,apply的实现原理,只要记住this指向里面的方法调用模式就可以了,就是 哪一个对象调用了这个函数,this就指向哪个对象。所以,我们可以把我们的修改this指向的参数作为一个对象的函数属性,通过这个对象调用它的函数属性,就可以达到改变this指向的问题。当对象上的函数方法执行后,保留其执行的返回结果,然后删除这个对象上的函数属性,最后返回保留的执行结果。这样一个bind,app...

2020-05-07 17:30:52 124

原创 javascript 之 模拟new关键字的功能

实现思路:1.变量初始化 获取到构造函数2.判断构造函数是不是一个函数3.创建新对象 并且指定新对象的原型为构造函数的原型4.执行构造函数里的代码 并且改变this指向为新对象 获取构造函数的返回值5.判断构造函数的返回值是不是引用值6.如果是,就返回这个引用值; 如果不是,就返回新对象代码实现:function objectFactory() { let newObject...

2020-05-07 14:59:18 193

原创 优化网络请求性能——节流

节流:就是预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行。好像水滴攒到一定重量才会落下一样应用场景:1.窗口调整2.页面滚动3.抢购点击以抢购疯狂点击为例子,进行节流操作如果不进行节流操作,就会可以有人通过脚本进行事件触发,在1s内触发几千次事件,然后像服务器发送数据请求,获取大量自己想要的商品,或者是恶意攻击。所以我们要进行节流操作。在一定时间内,事件只触发一次,...

2020-04-26 22:32:16 960

原创 优化页面请求性能——防抖

防抖:就是在函数需要频繁触发时,只有经过足够的时间后,才执行一次。好像公交司机会等人都上车后才出站一样。应用场景:1.实时搜索2.拖拽以实时搜索为例子:以百度的实时搜索,我输入NBA的过程中,如果不做防抖处理的话,就会每次输入一个数据,就会发送一个网络请求个服务器,请求相关关键字的数据,在把页面渲染出来。但是,我们的本质是想要搜索NBA,在输入NBA的过程中,一定会触发3次input...

2020-04-26 22:17:04 337

原创 前后端配合跨域之jsonp原理 及 代码封装

关于jsonp的关键点:1.src属性不受同源策略的限制;(是get请求)2.后端传递到cb里的数据格式一般是json格式,如果是其他数据格式传输的数据是有限的3.动态创建script是异步加载数据,所以我们无法确定数据什么时候回来。所以,我们通过传递参数的形式把我定义好的回调函数的名字给传递给后端。4.前端定义好回调函数。5.后端拿到我们传递过去的回调函数的名字,然后帮我们拼接成函数指...

2020-04-24 12:15:13 304

原创 leetcode算法之最长回文子串

下面要分享的是一道来自leetcode的简单算法题,让我们一起进步成长。使用语言:JavaScript题目:最长回文子串给定一个字符串 s,找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。示例 1:输入: “babad”输出: “bab”注意: “aba” 也是一个有效答案。示例 2:输入: “cbbd”输出: “bb”代码实现:中心扩展法:tip:...

2020-03-22 22:42:41 125

原创 你不知道的cookie

该文章参考了很多文章归纳总结出来的,一个相对全面的,关于cookie的介绍。下面的参考文章的链接,首页在这里感谢各位博主的辛苦付出;因为博主们的文章写得比较好,所以,我就直接截图附上,但是一定不会影响各位读者的阅读。参考连接:https://www.jianshu.com/p/090b971c048bhttp://www.w3cbus.com/bom/cookie.htmlhttps:...

2020-03-22 12:01:27 487

原创 算法之腐烂的橘子

下面要分享的是一道来自leetcode的简单算法题,让我们一起进步成长。使用语言:JavaScript说明:使用到队列 + 多源广度搜索题目:// 994. 腐烂的橘子// 在给定的网格中,每个单元格可以有以下三个值之一:// 值 0 代表空单元格;// 值 1 代表新鲜橘子;// 值 2 代表腐烂的橘子。// 每分钟,任何与腐烂的橘子(在 4 个正方向上)相邻的新鲜橘子都会腐烂...

2020-03-05 11:48:37 529

原创 Mnogodb基本指令之操作文档

插入文档:db.COLLECTION_NAME.insert(document)https://www.runoob.com/mongodb/mongodb-insert.html注意:1.文档的数据结构和 JSON 基本一样。所有存储在集合中的数据都是 BSON 格式。BSON 是一种类似 JSON 的二进制形式的存储格式,是 Binary JSON 的简称。2.如果该集合不在该数据...

2020-03-03 09:46:12 404

空空如也

空空如也

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

TA关注的人

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