- 博客(82)
- 收藏
- 关注
RSS订阅原创 HTTP结构、版本、请求方法、HTTPS加密过程面试必备
HTTP 是无状态的应用层协议，用于在 Web 上传输数据，如 HTML 文件、图片等。
2024-10-04 23:19:18
862
原创 TCP三次握手和四次挥手全解析 面试必备
客户端收到服务器的确认连接信息，向服务器发送确认连接，此时TCP连接已经建立，客户端进入ESTABLISHED 状态。如果之前的请求由于网络恢复而到达服务器，服务器会再次发送确认，并认为这是一个新的连接请求，从而建立多条连接，这可能导致资源浪费和数据混乱。) 服务器收到连接请求，同意建立连接，然后向客户段发送确认连接信息，附带向客户端连接请求，此时服务器进入 SYN_RCVD(同步收到) 状态。==服务器端完成数据传输后，发送一个FIN报文段，请求关闭连接，进入LAST-ACK状态。
2024-10-02 19:05:52
987
原创 前端面试必备 OSI七层模型与TCP/IP协议基础知识
在数据链路层的时候说过了如果所有的使用互联网的用户在同一个网段中，会产生广播风暴，所以要将用户进行划分，让他们在不同的网段中，自己在自己的小网段中广播。因为TCP会进行三次握手四次挥手所以是可靠的，但是这样会降低速度UDP具有较好的实时性效率比TCP高UDP是没有三次握手四次挥手的，故此不稳定，但是速度快常用于直播，游戏这一层经常被叫数据段。MAC地址：每个网卡的唯一标识。在这一层通过（电，光，无线电波），会获取他们对应的传送信号，电压，转换成010101010101但是数据还未组织，它们的单位为bit，
2024-10-01 23:04:01
937
原创 HTTP状态码全解
301和302状态码都表示重定向，浏览器在接收到这些状态码后会自动跳转到新的URL地址，新的地址可以从响应的。在SEO方面，302的影响通常被认为优于301，因为302不会导致搜索引擎更改对旧网址的索引。用户看到的效果就是输入的地址A瞬间变成了地址B。
2024-09-30 22:31:24
897
原创 三篇文章速通JavaSE到SpringBoot框架 (下) Maven、 接口、MyBatis、Spring、SpringMVC、SpringBoot
Maven非Maven项目的缺点问题一：项目中的jar包资源需要我们自己从网上下载后，手动导入到项目中使用，不好管理。问题二：jar包版本控制麻烦Maven是使用Java语编写的基于项目对象模型(POM)项目管理工具软件，开发者可通过小段描述信息来管理项目构建、报告和文档。使用Maven可以更好的帮助我们完成项目的管理。Maven仓库中央仓库（CentralRepository）:Maven官方服务器。里面存放了绝大多数市面上流行的jar。允许用户注册后，上传自己的项目到官方服务器。网址在国
2024-09-28 23:33:45
2164
原创 三篇文章速通JavaSE到SpringBoot框架 (中) IO 进程线程 网络编程 XML MySQL JDBC相关概念与演示代码
分布在不同地理区域的计算机与专门的外部设备用通信线路互连成一个规模大、功能强的网络系统，从而使众多的计算机可以方便地互相传递信息、共享硬性、软件、数据信息等资源。设备之间在网络中进行数据的传输，发送/接收数据。注解其实就是代码里的特殊标记， 这些标记可以在编译、类加载、运行时被读取，并执行相应的处理通过使用注解，程序员可以在不改变原有逻辑的情况下，在源文件中嵌入一些补充信息。代码分析工、开发工具和部署工可以通过这些补充信息进行验证或者进行部署。
2024-09-26 22:37:35
1372
原创 三篇文章速通JavaSE到SpringBoot框架 上 JavaSE基础语法
这就是封装性的设计思想。也就是说，如果两个byte类型的数据进行运算，由于运算的类型最小为int，所以其结果不是byte类型而是int类型，所以无法赋值给byte的变量，需要进行强制类型转换。Java会生成相应的异常对象，Java系统寻找匹配的catch块，执行catch块代码，执行catch块后边的代码。发生在子类和父类中，当子类对父类提供的方法不满意的时候，要对父类的方法进行重写方法的重写有严格的格式要求。：模版下具体的产物可以理解为具体对象，对象就是一个一个具体的实例，就相当于这个模版下具体的产品。
2024-09-23 23:46:52
1163
原创 前端大数据渲染：虚拟列表、触底加载与分堆渲染方案
针对表格展示数据，用户提出要求前端在表格下面有一展示多少条数据的选项，如果要求一次性展示10000条数据，如果直接染会造成页面的卡顿，渲染速度下降，内容展示慢,如果有操作，操作会卡顿下面总结常见的几种大数据渲染方案。
2024-09-20 23:00:04
868
原创 掌握回流与重绘面试回答：优化网页加载与响应速度
回流是器染过程中的一个阶 涉及计算所有元素的位置和大小当DOM的结构发生任何改变时（例如元素的添加、 移除、移动或大小变化） 浏览器需要重新计算元素的几何属性 然后确定它们在页面上的确切位置文个过程是必需的 因为页面布局是动态的元素的变化可能影响它元的布局。但是我们要尽量避免或者减少回流的发生，因为这个过程也是非常消耗性能的。绘是浏览器染过程中的个步骤，它涉及到更新页面中元素的视觉表现 但不涉及这些元条的布局位置重绘发生在元素的外观变化时，如改变颜色、阴影或者透明度等。
2024-09-16 23:45:23
1219
原创 前端性能优化:如何有效提升网页加载速度 面试必备
进行性能优化的原因是因为：性能的体现对干产品的影响是非常大，那么为了保证用户的留存率和转化率，我们就需要提升应用的响应速度 交互体验。以保证竞争力。### 性能优化如何衡量
2024-09-13 23:22:55
1308
原创 如何利用 CSS 渐变实现多样化背景效果
总在平常看到像这样的图片 背景是如何实现的呢 背景效果的多样性和美观性直接影响用户体验。CSS 渐变为设计师提供了一种强大且灵活的方法来创建引人注目的背景。渐变是颜色之间平滑过渡的效果，通过调整渐变类型和设置，你可以轻松实现从简单到复杂的各种背景效果。在日常开发中 有很多需要用到渐变的地方，这片文章来总结一下来看MDN是如何说的CSS 渐变由 [] 数据类型表示，它是 [] 的一种特殊类型，由两种或多种颜色之间的渐变过渡构成。
2024-09-10 22:58:41
1367
原创 面试必备：从源码解析 Promise 方法的核心实现
手写Promise相关经常是各大公司手撕代码环节会被问到的问题,本文手把手带你实现一遍Promise的核心功能和方法。fn(result);});});fn(result);});});// Promise 中的 then 方法回调参数都是可选的，当调用 then 方法未传参数时，需要给默认值??});});});});
2024-09-08 17:53:42
1565
原创 TypeScript 在 Vue.js 中的应用指南
在前端开发中，TypeScript 和 Vue.js 的组合越来越受到青睐。TypeScript 的强类型系统和 Vue.js 的组件化架构相得益彰，可以帮助你编写更可靠和易维护的代码。如果你已经掌握了 TypeScript 的基本语法，但不太确定怎么将它与 Vue.js 配合使用，本文将带你一步步理解如何在 Vue.js 项目中应用 TypeScript，提升你的开发效率。
2024-09-05 23:39:53
933
原创 一些日常使用杂碎的vue3知识点
除了 Vue 内置的一系列指令 (比如v-model或v-show) 之外，Vue 还允许你注册自定义的指令 (Custom Directives)。自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。// 在模板中启用 v-focus我们想要在追加全局功能的时候都有什么呢//全局组件:app.component('ComponentName', Component)` 进行注册。
2024-09-04 23:10:53
1193
原创 前端跨域问题详解与解决方案指南
跨域问题通常是由浏览器的同源策略（Same-OriginPolicy，SOP）引起的访问问题同源策略是浏览器的一个重要安全机制，它用于限制一个来源的文档或脚本如何能够与另一个来源的资源进行交互同源策略要求两个URL必须满足以下三个条件才能认为是同源协议（Protocol）：例如，http和https是不同的协议。主机（Host）：例如，www.example.com和api.example.com是不同的主机端口（Port）：例如，默认的8080和8081端口被认为是不同的端口。
2024-09-02 23:36:16
1335
原创 面试必备：掌握BFC解决布局问题的核心要点
FC–Formatting Context 格式上下文在w3c上说context.context.正常流中的框属于格式设置上下文，该上下文可以是块或内联，但不能同时是两者。块级框参与块格式化上下文。内联级框参与内联格式上下文。
2024-08-31 23:38:40
1328
原创 面试中的SEO优化：从基本概念到实用策略
SEO对于Web站点很重要，有助于优化网页在搜索引擎中的排名，提升网站可见性和流量。掌握SEO技术可以确保网页结构和内容对搜索引擎友好，从而提高用户访问量和用户体验。而且SEO被面试问的很多。
2024-08-27 22:58:00
1294
原创 网站上线流程完全手册：域名、服务器与CDN
域名是网站的地址，类似于你的家在街上的位置。它让人们通过简单的名字（如）访问你的网站，而不是记住复杂的数字IP地址。每个域名背后都有一个对应的服务器IP地址域名分等级可以用百度的域名来解释域名的分级。假设我们以顶级域名 (TLD)com是顶级域名，类似于国家。它代表了一个域名的最高级别。二级域名baidu是二级域名，类似于省。在这个例子中，baidu是顶级域名com下的具体组织或公司名。三级域名www是三级域名，类似于市。它通常用于指示特定的服务或主机。在中，www通常指代网站的主机名。
2024-08-24 10:44:13
944
原创 实现 前端框架 SPA 路由功能：Hash 模式与 History 模式的手动实现
在前端框架（如 Vue.js、React 等）中，路由管理通常会配置一个router对象来定义 URL 路径与组件的映射关系。路径（path）: 这是浏览器 URL 的一部分，比如/home或/about。组件（component）: 这是与该路径相关联的 Vue 组件（或其他框架的组件），如Home.vue或About.vue。代码🌰},routes});对于现代开发的项目来说，稍微复杂一点的SPA，都需要用到路由。而vue-router正是vue的路由标配，且。
2024-08-20 23:22:44
1048
原创 vue案例-从0实现购物车
我们都很熟悉商品购物车功能，每次在某宝某东等平台购物时，喜欢的商品会被加入购物车，最终统一结算。购物车的这一功能让消费者能够轻松管理商品，包括添加、删除商品，以及选择特定的商品进行结算。随着操作的变化，购物车中的商品总价也会实时更新，从而帮助消费者更好地控制和查看购买清单。购物车项目是一个理想的Vue练手项目，因为它结合了实际应用场景和多种开发任务。实现购物车功能涉及数据绑定、组件化、计算属性和状态管理等Vue核心特性，能够帮助开发者掌握前端开发的关键技能。
2024-08-18 23:40:49
452
原创 吃透前端文件上传与文件相关操作 多文件上传 大文件切片上传 拖拽上传 后续还会更新 断点续传等等
最近在学文件上传的操作,所以想把学习到东西写成一文章这片文章是我以小白视角 慢慢学习并熟悉前端文件相关操作的流程总结出来的前端文件上传 我首先想到是
2024-08-15 21:33:34
1017
原创 【前端可视化】大屏可视化项目三 包含了横向柱形图、竖向柱形图、雷达图、环形图、关系图、数据云图、数据展示图和地图可视化等八个部分
那么到这里，咱们本章的主要内容就已经全部完成了。在本文章中，我们首先利用vite+ tailwindcss构建了一个大屏可视化的项目。然后通过echarts完成了大屏可视化的功能。在项目中，每一个图表都是一个单独的组件。我们还有可以有其他组件库比如antv并且利用G2库实现可视化另外，在本文章的最后，我为大家推荐一个echarts的图标库isqqy。这里面包含了各种各样的echarts图表，如果大家在开发中需要定制一些特定的图表的话，那么可以参考下这个网站的图表配置哦。
2024-08-09 23:43:34
562
原创 【前端可视化】 大屏可视化项目二 scale适配方案 g6流程图 更复杂的图表
第二个大屏可视化，整个项目利用scale进行按比例适配。图表更加复杂，涉及到图表的叠加，mark，地图，g6流程图的能等始终保持比例适配(本项目方案),始终满屏适配(项目一).echarts绘制较为复杂图表，更深入锻炼echarts.
2024-08-07 23:40:37
971
原创 vue3大屏可视化项目，包含地图，各种 图表，全屏适配方案
.始终满屏适配，这种方案一般用在屏幕变化不会特别的大项目，项目基本上不会用在比例非常不协调的大屏，设计图按1920*1080标准电脑屏幕比，所用的屏幕也基本在这个比例左右涉及图表知识点简单，主要有自定义色系，环形图，堆叠柱状图，折线图使用高德地图标点做中间地图
2024-08-04 08:17:28
1895
1
原创 vue3后台管理系统 vue3+vite+pinia+element-plus+axios上
使用vite作为项目脚手架# pnpm安装相应依赖# sass安装element-plus按需自动引入插件并在vite.config.js中配置plugins: [vue(),}),}),],resolve:{alias: {})注册elementplus的icon库删除helloworld组件和style.css 删除App.vue相应代码在src目录下创建router文件夹在其中创建index.js 并配置基本内容path:'/',children:[routes})
2024-07-30 20:46:37
710
原创 Grid网格布局,解决flex布局痛点
Flex布局是一种单轴布局模型，适合在一个维度（行或列）上对项目进行灵活的排列和对齐。它非常适合构建单一维度的布局，比如导航菜单、工具栏、侧边栏等。Grid布局则是一个二维的布局系统，可以同时控制行和列，以网格的形式精确布局项目。Grid适合构建复杂的多维度布局，例如整体页面的布局、文章列表或图像展示。在工作中flex应用非常广泛,但在使用flex布局有一些痛点 比如在使用justify-content:space-between;让子元素两端对齐，中间自动会分配间距 形成这种情况。
2024-07-17 19:05:13
644
原创 工作中项目git如何管理，冲突，push不上去如何解决
然后在pull request 让前端leader合并。有时候git pull会有冲突 那么什么会有冲突呢。这时候就需要你git pull 拉取最新代码了。head是本地写的 后面是pull拉的远程仓库。git checkout -b 分支名字。git push origin 分支名字。如果对你有所帮助就点个关注吧💗❤️💗。
2024-07-16 08:24:18
373
原创 全栈 Discord 克隆：Next.js 13、React、Socket.io、Prisma、Tailwind、MySQL笔记(一)
阅读本文你需要有。
2024-07-14 12:46:21
652
原创 小公司的Git工作流程
第一步 克隆远程仓库代码第二步 在main主分支上建立branch(分支)，在分支写你的代码(工作区)，本地测试第三步从main主分支本地测试通过后，先add(暂存区)再commit(本地库)，然后在push第四步 切换到main分支 进行代码合并 合并前先pull，避免代码冲突，在merge，merge成功后在push。
2024-07-13 22:48:24
505
原创 前端如何封装一个成熟的函数
在前端开发中，封装函数是一种关键的实践，它能帮助我们更有效地管理代码、提高代码复用性和可维护性。用更合理的数据结构和代码结构。
2024-07-03 20:29:22
350
原创 一个月速刷leetcodeHOT100 day16 搞懂贪心算法 以及相关题目
在对问题求解时，总是做出在当前看来是最好的选择。也就是说，不从整体最优上加以考虑，他所做出的仅是在某种意义上的局部最优解。心算法不是对所有问题都能得到整体最优解，但对范围相当广泛的许多问题他能产生整体最优解或者是整体最优解的近似解
2024-06-13 08:42:20
656
原创 一个月速刷leetcodeHOT100 day15 彻底搞懂回溯算法 以及相关题目
回溯算法采用试错的思想，它尝试分步的去解决一个问题。在分步解决问题的过程中，当它通过尝试发现现有的分步答案不能得到有效的正确的解答的时候，它将取消上一步甚至是上几步的计算，再通过其它的可能的分步解答再次尝试寻找问题的答案。
2024-06-07 21:17:17
1153
1
原创 一个月速刷leetcodeHOT100 day14 彻底搞懂二分搜索 以及相关题目
给你一个按照非递减顺序排列的整数数组nums，和一个目标值target。请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target，返回[-1, -1]。你必须设计并实现时间复杂度为O(log n)的算法解决此问题。**输入：**nums = [[3,4]**输入：**nums = [[-1,-1]**输入：**nums = [], target = 0[-1,-1]思路:两次while循环 寻找左边界和右边界或找到值后左右查找// 寻找左边界。
2024-06-06 17:45:33
564
原创 探究Vue源码:深入理解diff算法
在Vue中 组件初次渲染时，会调用 render 函数生成初始的虚拟 DOM 树。当组件的状态发生变化时，Vue 会重新调用 render 函数生成新的虚拟 DOM 树。而Diff 算法是用来比较新旧虚拟 DOM 树的差异，并且只对差异部分进行更新的算法,从而尽量减少性能开销。
2024-06-05 08:11:30
443
1
原创 一个月速刷leetcodeHOT100 day12 7道链表中等题
*输入：**head = [[7,null],[13,0],[11,4],[10,2],[1,0]]**输入：**l1 = [9,9,9,9,9,9,9], l2 = [9,9,9,9]**输入：**head = [[3,null],[3,0],[3,null]]**输入：**head = [3,2,0,-4], pos = 1。**输入：**l1 = [2,4,3], l2 = [5,6,4]**输入：**head = [1,2,3,4,5], n = 2。个节点组成的链表来表示输入/输出中的链表。
2024-05-28 21:45:06
926
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人