XOR

学习ASP.NET Core Blazor编程系列十七——文件上传(上)

从本篇文章开始我们来讲在图书租赁系统中如何使用内置的文件上传组件进行文件上传功能的开发。本文的示例适合上传小型文件。本篇文章演示如何通过Blazor的内置组件InputFile将文件上传至服务器。 ......
文件 Blazor Core ASP NET

MySQL空间暴涨150G导致锁定,发生了什么

背景 12月1号中午突然收到大量报警,某客户环境操作数据库大量失败,报错信息如下图所示: 这个报错我是第一次见,一时间有点无所适从,但是从字面意思来看是MySQL目前处于LOCK_WRITE_GROWTH状态,拒绝执行当前的语句,一定是MySQL出问题了。 初定位 我随即登录阿里云控制台查看MySQ ......
MySQL 空间 150G 150

如何用 JavaScript 编写你的第一个单元测试

前言 测试代码是使代码安全的第一步。做到这一点的最好方法之一是使用单元测试,确保应用程序中的每个小功能都能发挥其应有的作用--特别是当应用程序处于边缘情况,比如无效的输入,或有潜在危害的输入。 为什么要单元测试 说到单元测试,有许多不同的方法。单元测试的一些主要目的是: 验证功能:单元测试确保代码做 ......
JavaScript 单元

React报错之Function components cannot have string refs

总览 当我们在一个函数组件中使用一个字符串作为ref时,会产生"Function components cannot have string refs"错误。为了解决该错误,使用useRef()钩子来得到一个可变的ref对象,这样你就可以在组件中作为ref使用。 这里有个示例用来展示错误是如何发生的 ......
components Function cannot string React

React报错之Too many re-renders

总览 产生"Too many re-renders. React limits the number of renders to prevent an infinite loop"错误有多方面的原因: 在一个组件的渲染方法中调用一个设置状态的函数。 立即调用一个事件处理器,而不是传递一个函数。 有一 ......
re-renders renders React many Too

React报错之Element type is invalid

总览 产生"Element type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got"错误有多个原因: 在导入组件时,将默 ......
Element invalid React type is

React报错之React.Children.only expected to receive single React element child

总览 当我们把多个子元素传递给一个只期望有一个React子元素的组件时,会产生"React.Children.only expected to receive single React element child"错误。为了解决该错误,将所有元素包装在一个React片段或一个封闭div中。 这里有个 ......
React Children expected element receive

ES6——Promise

一、ES6——Promise 1.1 Promise介绍与基本使用 Promise是ES6引入的异步编程的新解决方案。语法上promise是一个构造函数,用来封装异步操作并获取其成功或失败的结果。 1.1.1实例化Promise对象 实例化的promise对象的参数会接收一个函数类型的值 Promi ......
Promise ES6 ES

网络编程与通信原理

应用层:HTTP超文本传输协议,基于TCP/IP通信协议来传递数据;传输层:TCP传输控制协议,采用三次握手的方式建立连接,形成数据传输通道;网络层:IP协议,作用是把各种传输的数据包发送给请求的接收方; ......
网络编程 原理 网络

上周热点回顾(12.5-12.11)

热点随笔: · 这玩意也太猛了!朋友们,我在此严正呼吁大家:端好饭碗,谨防 AI! (why技术)· ChatGPT 会开源吗? (削微寒)· 用最少的代码打造一个Mini版的gRPC框架 (Artech)· 如何搭建一个自己的音乐服务器 (程序猿阿朗)· MySQL空间暴涨150G导致锁定,发生了 ......
热点 12.11 12.5 12 11

上周热点回顾(12.12-12.18)

热点随笔: · 瞧瞧别人家的API接口,那叫一个优雅 (苏三说技术)· 我做了第一个ChatGPT .net api聊天库 (BruceNeter)· 用Flutter写了个博客园APP (xiaoyaocz)· 玩 ChatGPT 的正确姿势「GitHub 热点速览 v.22.49」 (削微寒)· ......
12 热点 12.12 12.18 18

现代 CSS 高阶技巧,像 Canvas 一样自由绘图构建样式!

在上一篇文章中 -- 现代 CSS 之高阶图片渐隐消失术,我们借助了 CSS @Property 及 CSS Mask 属性,成功的实现了这样一种图片渐变消失的效果: CodePen Demo -- 基于 @property 和 mask 的文本渐隐消失术 但是,这个效果的缺陷也非常明显,虽然借助了 ......
高阶 样式 技巧 Canvas CSS

现代 CSS 高阶技巧,完美的波浪进度条效果!

本文是 CSS Houdini 之 CSS Painting API 系列第三篇。 现代 CSS 之高阶图片渐隐消失术 现代 CSS 高阶技巧,像 Canvas 一样自由绘图构建样式! 在上两篇中,我们详细介绍了 CSS Painting API 是如何一步一步,实现自定义图案甚至实现动画效果的! ......
高阶 波浪 进度 效果 技巧

现代 CSS 高阶技巧,不规则边框解决方案

本文是 CSS Houdini 之 CSS Painting API 系列第四篇。 现代 CSS 之高阶图片渐隐消失术 现代 CSS 高阶技巧,像 Canvas 一样自由绘图构建样式! 现代 CSS 高阶技巧,完美的波浪进度条效果! 在上三篇中,我们详细介绍了 CSS Painting API 是如 ......
高阶 边框 解决方案 技巧 方案

开局一张图,构建神奇的 CSS 效果

假设,我们有这样一张 Gif 图: 利用 CSS,我们尝试来搞一些事情。 图片的 Glitch Art 风 在这篇文章中 --CSS 故障艺术,我们介绍了利用混合模式制作一种晕眩感觉的视觉效果。有点类似于抖音的 LOGO。 像是这样: 假设,我们有这样一张图: 只需要一个标签即可 <div clas ......
开局 效果 CSS

Docker进阶-Dockerfile建立一个自定义的镜像执行自定义进程

前言 docker对我来说是一个很方便的工具,,上一篇文章也写了docker基本的一些使用,这篇文章重点描述一下Dockerfile的使用,从零建立一个自己定制化的镜像,并可以执行我们需要的任务。 作者:良知犹存 转载授权以及围观:欢迎关注微信公众号:羽林君 或者添加作者个人微信:become_me ......
Dockerfile 进程 镜像 Docker

时间片差分调度法-充分利用MCU的资源

前言 通过该篇学习了嵌入式的任务调度(即时间片论法)后,了解到通过以1ms为调度时间单位轮询判断是否需要执行函数任务,那么下面介绍如何基于时间片论法的任务调度模式充分利用MCU的资源,姑且先称这种方式为时间片差分调度法。 充分利用MCU的资源指的是在不影响原有的函数调度情况下合理进行分配,避免MCU ......
时间 资源 MCU

CPU 和 CPU Core 有啥区别?多核 CPU?多个 CPU?

CPU 全称 Central Processing Unit,中央处理器,计算机的大脑,长这个样子: CPU 通过一个插槽安装在主板上,这个插槽也叫做 CPU Socket,它长这个样子: 而我们说的多核 CPU,一个 CPU 有几个核,这个核就是 Core 其实在很久之前是没有 Core 的概念的 ......
CPU 多个 Core

五年经验的前端社招被问:CPU 和 GPU 到底有啥区别?

首先来看 CPU 和 GPU 的百科解释: CPU(Central ProcessingUnit,中央处理器):功能主要是解释计算机指令以及处理计算机软件中的数据 GPU(Graphics ProcessingUnit,图形处理器;又称显示核心、显卡、视觉处理器、显示芯片或绘图芯片):GPU 不同于 ......
前端 经验 CPU GPU

手画图解,关于死锁,面试的一切都在这里了

什么是死锁(Deadlock) 死锁是指两个或两个以上的线程在执行过程中,因争夺资源而造成的一种互相等待的现象。若无外力作用,它们都将无法推进下去。 产生死锁的四个必要条件得烂熟于心: 互斥条件:进程要求对所分配的资源进行排他性控制,即在一段时间内某资源仅为一个进程所占用。此时若有其他进程请求该资源 ......

如何用 30s 给面试官讲清楚跳表

查找 假设有如下这样一个有序链表: 想要查找 24、43、59,按照顺序遍历,分别需要比较的次数为 2、4、6 目前查找的时间复杂度是 O(N),如何提高查找效率? 很容易想到二分查找,将查找的时间复杂度降到 O(LogN) 具体来说,我们把链表中的一些节点提取出来,作为索引,类似于二叉搜索树,得到 ......
30s 30

SpringBoot源码学习2——SpringBoot x Mybatis 原理解析(如何整合,事务如何交由spring管理,mybatis如何进行数据库操作)

阅读本文需要spring源码知识,和springboot相关源码知识 对于springboot 整合mybatis,以及mybatis源码关系不密切的知识,本文将简单带过 系列文章目录和关于我 涉及到spring ioc原理,可移步学习:Spring源码学习笔记12——总结篇IOC,Bean的生命周 ......
SpringBoot 源码 原理 事务 Mybatis

深入解读MySQL InnoDB存储引擎Update语句执行过程

参考b站up 戌米的论文笔记 https://www.bilibili.com/video/BV1Tv4y1o7tA/ 书籍《mysql是怎样运行的》 极客时间《mysql实战45讲》 系列文章目录和关于我 一丶Mysql整体架构 MySQL 可以分为 Server 层和存储引擎层两部分 1.Ser ......
语句 过程 引擎 InnoDB Update

系统建设-数据迁移

随着业务发展,我们的系统可能面临着改造升级。改造过程中往往避免不了数据模型的变动,这时候需要将老表老模型迁移到新表新模型,并且还要保证历史数据的迁移以及映射。 这就带来了一个问题,老表老模型如何迁移到新表新模型,以下是常用的两种方案 | 方案 | 是否支持回切 | 优点 | 缺点 | | | | | ......
数据 系统

JVM常用调优参数

JVM内存模型及常用参数 参数解释 -XX:SurvivorRatio:新生代中Eden区与两个Survivor区的比值。注意Survivor区有两个。如:为3,表示Eden:Survivor=3:2,一个Survivor区占整个新生代的1/5 -XX:TargetSurvivorRatio:对象动 ......
常用 参数 JVM

项目完成小结 - Django-React-Docker-Swag部署配置

前言 最近有个项目到一段落,做个小结记录。 内容可能会多次补充,在博客上实时更新哈~ 如果是在公众号阅读这篇文章,可以点击「查看原文」访问最新版本~ 这个项目是前后端分离,后端为了快,依然用我的DjangoStarter框架。前端一开始是小程序,后面突然换成公众号H5的形式,还好我用了Taro,大差 ......

基于.NetCore开发博客项目 StarBlog - (21) 开始开发RESTFul接口

前言 最近电脑坏了,开源项目的进度也受到一些影响 这篇酝酿很久了,作为本系列第二部分(API接口开发)的第一篇,得想一个好的开头,想着想着就鸽了好久,索性不扯那么多了,直接开写吧~ 关于RESTFul 网上很多相关的文章都要把RESTFul历史来龙去脉给复制一遍,所以我这就不重复了,现在主要的HTT ......
StarBlog 接口 NetCore RESTFul 项目

git相关问题解析,你想要的都有🔥

我是甜点cc,git版本管理工具,只要是软件开发人员都会使用到,了解git的使用会带来事半功倍的效果,git相关问题最全解析? ......
128293 问题 git

甜点cc的2022年回顾总结

希望我会像十七八岁时那样勇敢、无畏、做自己,充满无穷的力量,想去的地方一下子就能飞的到,无限膨胀,膨胀到全世界都知道我的存在! ......
甜点 2022

看完这篇,还不懂JAVA内存模型(JMM)算我输

欢迎关注专栏【JAVA并发】 前言 开篇一个例子,我看看都有谁会?如果不会的,或者不知道原理的,还是老老实实看完这篇文章吧。 @Slf4j(topic = "c.VolatileTest") public class VolatileTest { static boolean run = true; ......
模型 内存 JAVA JMM