单线程12138-CSDN博客

原创【基础夯实】TCP/IP 协议是怎么控制数据收发

对于第三点 TCP/IP 协议是怎么来控制数据在网络中的传递一知半解，最近查阅相关网络方面的书籍才彻底搞懂其原理。

2024-07-30 23:03:32 797

原创 vue + vite 图标导入总结

在页面中我们会使用到各种图标，为了保证图标在放大缩小不失真，通常会采用 SVG 来作为图标。SVG（Scalable Vector Graphics）是一种基于XML的矢量图像格式，它可以用来创建清晰的、可缩放的图形，无论放大多少倍都不会失真。/* 你可以通过CSS来控制SVG图标 */.my-iconwidth;height;fill;/* 这会让SVG填充颜色跟随父元素的颜色 */

2024-06-06 22:47:07 961 1

参照 ruoyi-vue 完成权限管理系统后台时，在大部分页面上都需要使用到表格。ruoyi-vue 做法是每个表格都单独完成，观察每个表格样式很接近，遂想封装一个通用表格组件来取代之前的代码。以下是 ruoyi-vue 的页面：极其糟糕的思路一：将通用表格组件仅抽取出一个 vue 文件，传入表格列表数据通过 v-for 循环生成，针对不同的列如状态，操作列需要实现不一样的样式和功能，采用 v-if 来判断。当多复用几个表格场景后就发现此种方式纯纯屎山，复用场景一多，看着都头皮发麻，在通用组件中还参杂业

2024-05-09 23:55:28 1065

原创 openApi3 规范及knife4j使用

OpenApi 规范，swagger3 结合 knife4j 完成接口设计

2024-03-12 21:52:19 3724

原创万字梳理 redis

前置环境准备：自己购买云服务器或者使用VMWare本地虚拟机，通过安装 C++ 库环境下载：通过 redis 官网获取下载地址，打开终端cd /opt进入 opt 文件夹，通过 wget 命令下载安装包进入目录，执行 make 命令，该过程需要一定的时间，出现以下结果表示安装成功进入目录，ll查看安装的目录redis-benchmark:性能测试工具redis-check-aof：修复有问题的AOF文件redis-check-rdb：修复有问题的dump.rdb文件。

2023-05-02 14:25:05 183

原创 vue-element-admin和ruoyi-vue权限控制

上份工作是做权限管理的项目，做过前端也做过后端，过程中只是对权限管理有一定了解，认证和鉴权具体实现并不清楚。利用闲暇时间学习和来弥补和完善整个权限认证体系。

2023-03-03 14:10:50 2754

原创 PlantUML 用代码画思维导图，时序图，流程图

PlantUML 是一个开源项目，支持通过脚本绘图。下面通过一些简单案例来完成思维导图，时序图，活动图。

2023-02-28 15:14:16 7298

原创万字总结网络请求和浏览器渲染机制

在浏览器地址栏输入正确的 url 到整个页面渲染完成都经历了什么，补全输入的网址，DNS解析拿到IP地址；遵循网络通信的协议将请求发送到目标IP，目标IP返回所需资源；浏览器拿到响应资源按照一定规则渲染页面

2023-02-14 19:34:06 317

原创从0开始canvas系列四 --- 运动模型

【扩展】匀速/加速/弹性运动要了解这运动，首先你必须得对速度（v），位移（s），时间（t），加速度（a）完全了解，如果你完全了解上述概念，那你就可以直接跳过往下看，不清楚那就往下看吧s=vt相信接受过九年义务教育的你，对于这个公式不会陌生吧，但是你真的完全了解它吗上述公式仅适用于匀速运动，且s和v都是矢量，正负代表方向匀速直线运动即速度大小和方向不变的运动，其相同时间位移量变化一致，即v=Δs/Δt 为定值，速度是矢量，他有大小和方向s=vt或者s = s1+v*t代码中的匀速直线运动

2022-05-07 10:26:04 484

原创从0开始canvas系列三 --- 图像像素级操作

从0开始canvas系列从0开始canvas系列一 — canvas画布从0开始canvas系列二 — 文本和图像从0开始canvas系列三 — 图像像素级操作图像像素级操作imageData对象大家都知道图片是由许多的像素点构成的，canvas对图像的操作也是基于像素点的，所有的像素点信息都可以存放在imageData实例中ImageData() 构造函数返回一个新的实例化的 ImageData 对象，此对象由给定的类型化数组和指定的宽度与高度组成new ImageData([arr

2022-05-01 10:21:33 1204

原创从0开始canvas系列二 --- drawImage

canvas画布简单案例经过第一期从0开始canvas系列，相信大家对于canvas都有了一定的了解，下面我们通过一个案例巩固下上一期的canvas案例一：霓虹灯特效<canvas id="canvas"></canvas><script> const canvas = document.getElementById('canvas'); //canvas充满窗口 canvas.width = window.innerWidth;

2022-04-21 23:36:20 779

原创从0开始canvas系列一 --- canvas画布

什么是canvascanvas是HTML5新增的元素，通过javascript脚本来完成图形的绘制。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。简单来说，canvas提供了一张画布，调用getContext属性（可以是2d或者WebGL 3d）定义画笔，通过设置图像的填充或者描边属性，定义图形的绘图方式，完成一次图形的绘制，每次绘制都是已绘制路径作为一个绘制单元每一次绘制过程可以总结为以下步骤 //获取画布const canvas=document.querySel

2022-04-10 23:34:17 5402

原创 Vue3源码学习 --- 响应式一

响应式系统响应式系统可以说 vue 的驱动器，当读取模板中的数据时触发 getter，此时收集渲染函数；模板中的数据被修改触发 setter，此时执行收集到的渲染函数。vue 响应式的实现的核心思想是数据劫持，在 vue2 中是通过 Object.defineProperty 实现，vue3 是通过 proxy 实现。这些都是一些基本知识点，对于响应式系统除了数据劫持外还做了什么。副作用函数和简单的响应式系统在说明响应式系统的功能时，有提到两个关键的名词：模板中的数据和渲染函数。其中渲染函数就是副作用

2022-04-05 20:29:12 1010

原创 vue 源码学习总纲

vue 源码学习

2022-04-02 16:04:34 1407

原创一文读懂 offset client scroll 如何计算元素尺寸

计算元素的尺寸，可以通过以下offset client scroll getBoundingClientRect 四种方式来获得，本文详细说明下四种api的使用方式。

2022-03-22 23:36:18 437

原创前端基础面试题总结---网路/CSS/JS篇

前端面试题

2022-03-20 14:54:36 937

原创如何用 JavaScript 实现Promise

如何用 JavaScript 实现Promise，promise 的加深理解，手动实现promise

2022-03-18 23:28:52 1499

原创 JavaScript 继承的实现方式

javascript 继承

2022-03-12 14:15:44 1370

原创 JavaScript你必须了解的知识---prototype和proto

先说结论：prototype是函数上默认的属性，指向所有实例共享的方法和属性，新创建的（实例）对象可以通过__proto__指向创造它的prototype访问共有属性和方法prototype（原型对象）每一个JS对象一定关联着另外一个JS对象(也许是null，但是它一定是唯一的)。这个另外的对象就是所谓的原型对象。每个对象从它的原型对象中继承属性和方法上面是js权威指南上对原型的说明，看完之后是不是仍然一脸懵逼，别着急在了解prototype之前先说一说创建对象的一些事情对象的创建对象直接

2020-09-22 23:01:23 209

原创 React入门指南

文章目录React简要总结起步JSX简介在浏览器环境处理JSXJSX 使用注意事项元素渲染组件类组件函数组件组件间通信props和stateprops类组件props获取函数组件中props获取statestate状态的修改类组件state的声明和使用函数组件state的声明和使用（搭配hook使用）组件生命周期ref类组件中使用refhookhook规则state hook --- useStateEffect Hook --- useEffectuseEffect 执行顺序useRef自定义hookHo

2020-09-17 11:15:01 621

qq_41361668的博客