自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 AI文生图网站测评

请生成一个文章内容配图,图片比例是3:2,文章主旨是AI既是机遇,也存在挑战和风险,要求图片风格是科技、互联网、AI相关,可以有关键词:AI,图片元素可以有互联网、电脑、科技等相关元素,整体颜色可以偏深蓝色。提示 更换输入,限制较为严格,修改后依然无法通过,没法使用,pass。输入提示词,直接跳转充值会员页面,pass~

2024-02-23 23:19:44 628 1

原创 Python之微信公众号自动化运营实践

1.抓取,得到一个初步的2.利用重写去重,得到优化后的文章内容3.通过推送至公众号后台4.审核修改后发送重点在前3步,希望通过前3步减少前期内容准备工作,最后仅需确认即可发布。当然上面的方法仅适用于公众号,其他类型比如内容为王的公众号可能参考意义有限。下面就开始吧!首先第一步:抓取每日最新资讯。

2024-01-07 23:24:17 1228 1

原创 Webpack5

打包工具:将框架(React、Vue),ES6,Less/Sass等语法编译成浏览器能识别的JS、CSS;css打包到js文件中,当js文件加载时会创建一个style标签来生成样式,这样对网站的用户体验不好,会出现闪屏现象。webpack本身只能处理JS、JSON等资源,其他资源需要借助loader,webpack才能解析。解决:使用MiniCssExtractPlugin,提取css成单独文件,通过link标签加载。的JavaScript语法,以便能够运行在当前和旧版本的浏览器或其他环境中。

2023-12-16 19:10:20 932

原创 《指数基金投资指南》读书笔记

对比一下银行储蓄,我们惊奇地发现,原来储蓄的收益是很难抵消通货膨胀所带来的货币贬值的。钱存在银行,虽然能拿到利息,但无法抵消钱本身的贬值。

2023-11-30 18:48:11 1199

原创 防抖与节流

通常情况下,当一个事件被频繁地触发时,如果不进行节流处理,可能会导致函数被连续执行多次,消耗过多的资源,甚至影响用户体验。如果在延迟时间内多次触发了同一个事件,防抖函数会取消之前的延迟执行,并重新开始计时,直到延迟时间内没有新的触发,最后才执行一次事件处理函数。:当用户滚动页面时,触发滚动事件的处理函数,但由于滚动事件的触发频率很高,使用防抖函数可以减少处理函数的触发次数,减轻浏览器的工作负担。,在前面的事件触发而未执行时,定时器会被不断清除和重设,以保证函数的调用频率符合预期。

2023-07-22 23:17:59 814

原创 Sass和Less

Sass和Less :CSS预处理器,让开发者更高效地编写cssSass基于Ruby,在服务器端处理。Less基于JavaScript,在客户端处理。

2023-07-15 15:52:02 876 1

原创 WebSocket

WebSocket是一种在单个TCP连接上进行全双工通信的协议。它允许在浏览器和服务器之间建立实时的、双向的通信,从而使得实时的Web应用程序成为可能。主要用途:实现实时的Web应用程序,例如在线游戏、聊天应用程序、股票市场行情等等。(传统的HTTP协议是一种请求-响应协议,客户端需要不断地向服务器发送请求,服务器才能返回响应。这种方式在实现实时通信时效率很低,因为客户端需要不断地发送请求,而服务器也需要不断地返回响应。

2023-06-12 08:13:25 1512

原创 微服务技术(SpringCloud、Docker、RabbitMQ)

微服务是分布式架构(分布式:把服务拆分)的一种。单体架构:将业务的所有功能集中在一个项目中开发,打成一个包部署。架构简单;部署成本低耦合度高分布式架构:根据业务功能对系统进行拆分,每个业务模块作为独立项目开发,称为一个服务。降低服务耦合;有利于服务升级拓展分布式架构要考虑的问题服务拆分粒度如何?服务集群地址如何维护?服务之间如何实现远程调用?服务健康状态如何感知?单一职责:微服务拆分粒度更小,每一个服务都对应唯一的业务功能,做到单一职责,避免重复业务开发面向服务:微服务对外暴露业务接口。

2023-05-21 22:09:32 1224 2

原创 TypeScript基础

Todo:使用webpack打包ts代码部分看不太懂,后面需补充一下打包部分(vite)的知识,遇到时可再查。1.node环境 2.npm i -g typescript 3.tsc 项目文件。

2023-05-01 16:51:41 691

原创 《黑客与画家》读书笔记

如果你不爱一件事,你不可能把它做得真正优秀,要是你很热爱编程,你就不可避免地会开发你自己的项目。你把整个程序想清楚的时间点,应该是在编写代码的同时。目前还存在的最大的手工艺人群体就是程序员。真正重要的是做出人们需要的东西。实现某个构思会带来更多的构思。你需要去做一些人们需要的东西。而不是去解决真正重要的问题。业余时间他们写了什么软件。上线运营(别管bug)从用户的角度看待问题。

2023-04-29 21:41:53 676

原创 前后端分离开发项目部署

前端请求路径Request URL: http://192.168.138.100/api/employee/login。1.在服务器B中安装jdk、git、maven、MySQL,使用git clone命令将git远程仓库的代码克隆下来。1.在服务器A中安装Nginx,将前端打包好的dist目录上传到Nginx的html目录下。2.将自动化部署shell脚本上传到服务器B,通过chmod命令设置执行权限。2.修改Nginx配置文件中的nginx.conf。3.执行自动化部署脚本文件,自动部署项目。

2023-04-05 16:38:54 272

原创 Swagger

使用Swagger只需要按照规范去定义接口及接口相关的信息,再通过swagger衍生出来的一系列项目和工具,就可以做到生成各种格式的接口文档,以及在线接口调试页面等等。Knife4j是为Java MVC框架集成Swagger生成Api文档的增强解决方案。官网:https://swagger.io/

2023-04-05 14:16:49 265

原创 Nginx基础

早期的网站流量和业务功能都比较简单,单台服务器就可以满足基本需求,但随着互联网的发展,业务流量越来越大且业务逻辑也越来越复杂,单台服务器的性能及单点故障问题就凸显出来了,因此需要多台服务器组成应用集群,进行性能的水平扩展以及避免单点故障的出现。一个位于客户端和原始服务器(origin server)之间的服务器,为了从原始服务器获得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。,通过代理服务器转发请求,最终访问到目标服务器。

2023-04-05 10:52:51 384

原创 Redis基础

Redis is an open source,in-memory datastructure store,used as a database,cache,and message broker.Redis是一个开源的内存中的数据结构存储系统,它可以用作:数据库、缓存和消息中间件。key seconds value:设置指定key的值,并将key的过期时间设为seconds秒。key value:只有在key不存在时设置key的值。key value:设置指定key的值。key:获取指定key的值。

2023-04-03 11:06:34 332

原创 Linux基础

4.安装SSH连接工具 SSH(Secure Shell),建立在应用基础上的安全协议,通过SSH连接工具可以实现从本地连接到远程的Linux服务器常用SSH连接工具:Putty,secureCRT,xshell,finalshell。RPM(Red-Hat PackageManager)RPM软件包管理工具,是红帽Linux用于管理和安装软件的工具,如果当前系统中已经安装MySQL数据库,安装将失败。一种在线安装方式,本质上还是rpm安装,自动下载安装包并安装,安装过程中自动解决库依赖问题。

2023-03-24 16:23:52 1417

原创 SpringBoot

SpringBoot是由Pivotal团队提供的框架,其设计目的是用来简化Spring应用的初始搭建以及开发过程。创建新模块,选择Spring初始化(Spring Initializr),并配置模块相关基础信息选择当前模块需要用到的技术集(Web--Spring Web)开发控制器类(Controller)运行自动生成的Application类类/配置文件SpringSpringBootpom文件中的坐标手动添加勾选添加web3.0配置类手动制作无。

2023-02-10 00:00:34 575

原创 SpringMVC

,均属于web层开发技术。SpringMVC是一种基于Java实现MVC模型的轻量级。优点:使用简单,开发便捷(相比于Servlet);SpringMVC技术与Servlet技术功能相同(

2023-02-04 12:24:43 158

原创 Spring:AOP

切入点(Pointcut):匹配连接点的式子,在SpringAOP中,一个切入点可以只描述一个具体方法,也可以匹配多个方法。通知(Advice):在切入点处执行的操作,也就是共性功能,在SpringAOP中,功能最终以方法的形式呈现。,粒度为执行方法、抛出异常、设置变量等,在Spring中,理解为方法的执行。切面(Aspect):描述通知与切入点的对应关系。连接点(JoinPoint):程序执行过程中的。,一种编程范式,指导开发者如何组织程序结构。通知类:定义通知的类。

2023-02-01 13:10:39 220

原创 is not defined at HTMLInputElement.onclick

vue中像上面showPic.js中写的方法为什么不在window下?是因为单页面组件中函数写在setup(){}?可以看到在window里有我们写的aaa方法,onclick事件能正常调用。vue项目中一小部分功能想要使用原生的onclick 事件,发现报错。onclick事件调用的方法必须是全局变量或者说是window的方法。在纯原生项目里测试,没有出现此报错(在window里有我们写的方法)综上,考虑onclick调用的方法可以是window的方法,全局方法和window方法的区别?

2023-01-30 08:45:43 5431

原创 Mybatis基础

用于简化JDBC开发,免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。Mapper代理开发。

2023-01-26 23:09:05 68

原创 Spring控制反转(IoC)和依赖注入(DI)

1.spring 2.SprinMVC 3.Maven高级 4.SpringBoot 5.MyBatisPlus。最终效果:使用对象时不仅可以直接从IoC容器中获取,并且获取到的bean已经绑定了所有的依赖关系。IOC(Inversion of Control)控制反转:对象的创建控制权由程序转移到外部。解决方案:使用对象时,在程序中不主动使用new产生对象,转换为由。在IoC容器内将有依赖关系的bean进行关系绑定(DI),高效整合其他技术,提高企业级应用开发与运行效率。--> 代码耦合度高。

2023-01-22 19:29:37 781

原创 node版本升级:与node-sass、sass-loader版本不兼容问题以及npm install时报错问题解决方法

node 版本与node-sass、sass-loader版本不兼容问题npm install 时报错 run `npm audit fix` to fix them, or `npm audit` for details

2022-07-26 17:05:29 9506

原创 Vue3组合式API:getCurrentInstance

vue3 getCurrentInstance API

2022-07-19 14:57:18 14429 5

原创 JDBC知识点

JDBC体系结构JDBC接口(API)包括两个层次:面向应用的API:Java API,抽象接口,供应用程序开发人员使用(连接数据库,执行SQL语句,获得结果) 面向数据库的API:Java Driver API,供开发商开发数据库驱动程序使用。JDBC是sun公司提供的一套用于数据库操作的接口,java程序员只需要面向这套接口编程即可。不同的数据库厂商,需要针对这套接口,提供不同实现,不同的实现的集合,即为不同数据库的驱动。——面向接口编程JDBC程序编写步骤:...

2022-04-29 15:45:40 817

原创 JS日期时间戳/字符串格式相互转换

一、将字符串格式日期'YYYY-MM-DD'转为时间戳var timeStamp = new Date('2021-11-30').getTime()//1638230400000二、将时间戳转换为字符串格式日期'YYYY-MM-DD'var date = new Date(timeStamp);//Tue Nov 30 2021 08:00:00 GMT+0800var year = date.getFullYear();var month = date.getMonth() + 1

2021-11-30 19:29:05 1968

原创 Java数组

一、顺序结构二、分支结构1.if-else结构

2021-11-28 16:11:55 169

原创 Java基本语法:变量、运算符、流程控制

1.关键字和保留字(1)关键字(Keyword)被Java语言赋予了特殊含义,用作专门用途的字符串,关键字中的字母都为小写。(2)保留字(reserced word)现有Java版本尚未使用,但以后版本可能回作为关键字使用。避免保留字:goto、const2.标识符(Identifier)3.变量(1)整型声明long型变量,必须以"l"或"L"结尾。(2)浮点型定义float类型变量时,变量要以"f"或"F"结尾。...

2021-11-27 23:46:22 468

原创 Java概述

1995年SUN(Stanford University Network)公司推出Java高级编程语言。2009年,Oracle(甲骨文)公司收购SUN。2014年,发布JDK8.0版本。Java技术体系平台Java SE(Java Standard Edition)标准版 支持面向桌面级应用的Java平台,提供了完整的Java核心API Java EE(Java Enterprise Edition)企业版 为开发企业环境下的应用程序提供的一套解决方案,主要针对Web应用程

2021-11-27 16:03:12 338

原创 windows常用命令行指令

常用DOS命令dir 列出当前目录下的文件以及文件夹 md 创建目录 rd 删除目录 cd 进入指定目录 cd.. 退回到上一级目录 cd\ 退回到根目录 del 删除文件 exit 退出dos命令行 常用快捷键左右箭头 移动光标 上下箭头 调阅历史操作命令 Delete和Backspace 删除字符 ...

2021-11-27 11:28:55 935

原创 《这就是软件工程师》读书笔记

第一部分 行业地图选择:一线和次一线城市机会巨大1.北京2.上海、深圳、杭州3.成都、广州、南京、厦门4.福州、苏州软件工程师的四大台阶: 阶段 能力 1 新手阶段 执行力 2 进阶阶段 设计能力 3 高手阶段 融会贯通的能力 .

2021-10-30 12:04:46 587

原创 Vue生命周期图详解

内容参考:超详细vue生命周期解析(详解)_ら陈佚晨的博客-CSDN博客_vue生命周期

2021-10-28 17:11:09 107

原创 JS中关于 undefined / null / ‘’ 的思考

项目中变量初始化以及后端传值遇到时区分不清,在此总结一下。一、定义undefined:已声明但未赋值的变量,会默认被赋值为undefined var a;//a默认被赋值为undefinednull:尚未创建的对象; 表示缺少,变量尚未指向任何对象二、何时使用?undefined:清空变量的值和类型var person = undefined; // 值为 undefined, 类型是undefinednull:清空对象,释放变量引用的对象,表示变量未指向任何对象。

2021-10-25 11:09:32 263

原创 Vue条件渲染v-if和v-show区别以及v-if/show闪现的思考

一、v-if和v-show区别以下摘自vue官方文档区别 v-if v-show 原理 初始渲染时条件为假,什么也不做;—直到条件第一次变为真时,才会开始渲染条件块。 在切换过程中,条件块内的事件监听器和子组件适当地被销毁和重建。 不管初始条件是什么,元素始终会被渲染并保留在 DOM 中。 切换元素的 CSS的display属性 优缺点 有更高的切换开销 更高的初始渲染开销 适合情况 运行时条件很少

2021-10-22 16:18:22 304

原创 Vue项目目录结构划分

1.assets 资源(图片img和css资源)2.common 公共的js文件(const.js公共的常量;utils.js工具方法)3.components 组件(common多个项目通用的组件;content 当前项目用到的独特组件)4.network 网络请求5.router 路由6.store Vuex资源管理7.views 页面...

2021-09-19 15:44:03 148

原创 axios

axios请求方式:axios(config)axios.request(config)axios.get(url[,config])axios.delete(url[,config])axios.head(url[,config])axios.post(url[,data[,config]])axios.put(url[,data[,config]])axios.patch(url[,data[,config]])import axios from 'axios'//1.ax

2021-09-03 15:59:39 169

原创 关于Promise的一些问题

Promise(ES6)是异步编程的一种解决方案。链式编程,当网络请求非常复杂时,就会出现回调地狱。new Promise((resolve,reject)=>{ setTimeout(()=>{ //成功时调用resolve resolve('Hello World') //失败时调用reject reject('error mesage') },1000)}).then((data)=>{

2021-09-03 13:33:39 67

原创 Git代码拉取与同步

版本控制(版本迭代,版本管理器)版本控制(Revision control)是一种在开发过程中用于对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。常见的版本控制工具:Git、SVN(Subversion)、CVS(Concurrent VersionsSystem)...Git:分布式版本控制,没有中央服务器,每个人的电脑就是一个完整的版本库,工作时不需联网。SVN:集中式版本控制系统,版本库集中放在中央服务器,工作时首先要从中央服务器得到最新

2021-09-02 20:31:00 8863 1

原创 Vue-cli搭建项目基础框架

CLI(Command-Line Interface,命令行界面),Vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。NPM(Node Package Manager),NodeJS包管理和分发工具//webpack全局安装npm install webpack -gVue CLI的使用安装Vue脚手架:npm install -g @vue/cli拉取2.x模板:npm install -g @vue/cli-initVue CLI2初始化项目

2021-08-31 20:56:15 148

原创 Vue-Router

路由表本质上是一个映射表,决定了数据包的指向。1.后端渲染:jsp:java server page 后端路由:后端处理URL和页面之间的映射关系2.前后端分离:后端只负责提供数据,不负责任何阶段的内容前端渲染:浏览器中显示的网页中的大部分内容,都是由前端写的js代码在浏览器中执行,最终渲染出来的网页3.单页面富应用阶段SPA(在前后端分离的基础上加了一层前端路由)整个网页只有一个html页面前端路由的核心:改变URL,但页面不进行整体的刷新。(1)URL的hash...

2021-08-30 05:14:12 231

原创 Vuex详解

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex:响应式,多个组件共享状态的插件Vuex应用场景:(1)用户的登录状态、用户名称、头像、地理位置信息等等。token(2)商品的收藏、购物车中的物品等等创建文件夹store,存放Vuex相关代码//index.jsimport Vue from 'vue'import Vuex from 'vuex'//1.安装插

2021-08-29 21:41:27 100

空空如也

空空如也

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

TA关注的人

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