自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

科技改变世界,技术驱动未来。

科技改变世界,技术驱动未来。

  • 博客(84)
  • 收藏
  • 关注

原创 【Echarts】vue3实战演示,亲测可用,手把手教程!

 本篇文章演示如何快速且简单地在vue3中实现echarts图表。一些图表的样式,图表的参数等设置,需要大家自行进行查询学习。

2024-09-17 16:11:14 15557 19

原创 【Uni-App】嵌入悬浮球全局组件的详细教程和防踩坑点

近期接到一个业务需求是为为h5页面嵌入悬浮球,而且还得是全局(所有页面就可以看见了),在开发的过程中也遇到一些坑,在此和大家一起学习、讨论。

2025-03-28 17:25:22 842 5

原创 【组件化思想】常用框架(react/vue/小程序)的父子通信案例

的完整流程。

2025-03-24 09:50:20 202

原创 整理和总结微信小程序的高频知识点

近期萌生了一些想法,感觉可以做一个小程序作为产出。但小程序做得比较少,因此边做边复习。整理和总结了一些高频知识点和大家一起分享。封装程度:模板只是简单的代码片段复用,封装程度较低;组件则是高度封装的代码单元,包含结构、样式和逻辑。数据和样式隔离:模板没有数据和样式隔离,使用时可能会受外部环境影响;组件默认有样式隔离,数据和逻辑也相对独立。复杂度:模板使用简单,适合简单场景;组件相对复杂,需要处理生命周期、事件等,但能应对复杂需求。

2025-03-20 16:41:58 1694 2

原创 【前端面试题】对vue虚拟dom的理解

如果一个组件受响应式数据变化的影响,需要重新渲染时,它仍然会重新调用render函数,创建出一个新的虚拟dom树,用新树和旧树对比,通过对比,vue会找到最小更新量,然后更新必要的虚拟dom节点,最后,这些更新过的虚拟节点,会去修改它们对应的真实dom。在一个组件实例首次被渲染时,它先生成虚拟dom树,然后根据虚拟dom树创建真实dom,并把真实dom挂载到页面中合适的位置,此时,每个虚拟dom便会对应一个真实的dom。在渲染时,使用虚拟dom来替代真实dom,主要为解决渲染效率的问题。

2025-03-19 10:31:16 216

原创 春招,作为普通IT实习生的我有哪些想法和准备?

去年,在学校举办校园秋招招聘之前,我已经通过线上投递+线下面试找到实习,在一家人数规模100~200的公司当前端实习生,到现在已有四个多月,没有经历过秋招。关于查看招聘岗位及要求时的心态,这里往往有一个"陷阱":如果一开始不清楚自己的定位,看了很多招聘要求后,会突然感觉自己的技术技能很匮乏(但实际上可能是真的很匮乏 /狗头),无法达到招聘市场的要求,一时间竟还有点低沉,担心毕业后找不到工作。对即将毕业的大学生来说,秋招和春招是求职的好机会,也是一次尝试向社会进行"自我推销"的机会,体现自己的综合能力,

2025-03-18 16:40:09 253

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day10(第一期结束)

同义词+例句+常见搭配📄单词来源文章:Birmingham:New faces each day, but coordination is paying off | 伯明翰:每天都有新面孔,但协作正在取得成效。

2025-03-15 15:54:11 634

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day09

词性分类+同义词+例句+常见搭配📄单词来源文章:Housing migrants:Hostel environment | 住房移民:像住旅馆一样。

2025-03-14 17:20:09 671

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day08

同义词+例句+常见搭配📄单词来源文章:A 'breakthrough' in the four-day workweek | 实现四天工作周的“突破”一、单词分析:- (n.) 试验;试用同义词:experiment, test例句:The new drug is undergoing clinical trials.翻译:这种新药正在进行临床试验。常见搭配:clinical trial(临床试验), trial period(试用期)- (n.) 计划;方案。

2025-03-13 18:00:40 690

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day07

词性+同义词+例句+常见搭配📄单词来源文章:Green energy: Plug and pay | 绿色能源:即用即付

2025-03-12 20:41:39 757

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day06

词性分类+同义词+例句+常见搭配📄单词来源文章:Cosmology:Black holes and dark energy | 宇宙学:黑洞与暗能量

2025-03-11 14:30:00 714 5

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day05

单词分析:词性分类+同义词+例句+常见搭配📄单词来源文章:Johnson:By any other name | 约翰逊:换汤不换药。

2025-03-10 14:30:00 820 3

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day04

单词分析:词性分类+同义词+例句+常见搭配📄单词来源文章:Academic freedom:Wanted: severe contests | 学术自由:希望激烈竞争

2025-03-09 20:42:16 886

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day03

​单词分析:词性分类+同义词+例句+常见搭配​📄单词来源文章:Indian cricket:Women at the crease | 印度板球:女性击球手。

2025-03-08 19:00:00 651

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day02

同义词+例句+常见搭配📄单词来源文章:Turkey:Seismic shock | 土耳其:地震冲击。

2025-03-07 19:04:54 1221 2

原创 程序员的英语学习| 当我开始用deepseek学习英语单词 Day01

📄本篇外刊选自:Global energy:Dodged penalties | 全球能源:逃脱了制裁。

2025-03-06 22:06:37 713

原创 分享react后台管理系统常见的组件/知识点

虽然各个前端的常用组件库已经非常完善,但做具体业务时,一般情况下,我们无法直接套用组件,需要自己进行撰写对应业务逻辑。这篇博客总结做react表单列表常见的组件/知识点。注意:本篇仅提供相关功能的核心知识点或关键代码。

2025-03-06 16:38:23 373 6

原创 程序员的英语学习 | Our lust for meat is eating the planet

📄📄外刊选自:Our lust for meat is eating the planet.| 我们对肉的渴望正在吞噬地球。

2025-03-05 21:56:01 928 2

原创 程序员的英语学习 | 外刊学习,让成长有迹可循

📄📄外刊选自:Scientists launch bid to bring dodo back to life | 科学家正努力复活渡渡鸟“。外刊学习,让成长有迹可循”

2025-03-04 17:23:13 271

原创 简单聊聊复杂度分析:前端开发中的性能优化利器

简单来说,复杂度分析就是用来评估代码性能的一种方法。时间复杂度和空间复杂度。时间复杂度:衡量代码执行的快慢,即代码运行时间与数据规模之间的关系。空间复杂度:衡量代码占用的内存大小,即代码运行时占用的存储空间与数据规模之间的关系。举个例子,如果你有一个数组,需要遍历它来找到某个特定的值,那么随着数组长度的增加,代码的执行时间和占用的内存也会增加。复杂度分析就是用来描述这种增加的趋势。

2025-03-04 10:00:05 884

原创 程序员的英语学习| 从单词到短语,从句子到世界。

📄📄外刊选自:Transatlantic histories:Return of the natives | 大西洋两岸的历史:土著的回归。

2025-03-03 18:20:37 796

原创 深入浅出理解编译器:前端视角

在前端开发的世界里,我们经常会听到 “编译器” 这个词。就拿 Babel 来说,在它的上,最显眼的一句话就是:“Babel is a JavaScript compiler”。那什么是 JavaScript 编译器呢?又该如何去学习和理解编译器呢?让我们一起来揭开它的神秘面纱。编译器,简单来说,就是一种电脑程序,它的主要工作就是把用某种编程语言写的源代码,转换成另一种编程语言。

2025-03-02 22:17:45 1116

原创 程序员的英语学习 | 贵在坚持

英语,是程序员绕不开的一道大关。举个简单的场景,当我们学习新的编程框架,像 React、Vue,官方文档往往是英文原版最及时、最详尽。为了综合提升英语水平,我准备做一个英语学习的博客系列,内容(主要来源于外刊)涉及:单词分析、短语与原句分析、写作技巧等,综合提升我们的英语水平,用英语能力为编程实力 “加码”。

2025-03-02 16:57:28 662

原创 JavaScript 垃圾回收与内存泄漏:原理与应对策略

程序运行时需要占用内存资源。操作系统或运行时环境会根据程序的需求分配内存。然而,如果程序中不再使用的内存没有被及时释放,就会导致内存占用不断增加。轻则影响系统性能,重则导致程序崩溃。这种现象被称为内存泄漏。在 JavaScript 中,内存泄漏通常是由于开发者未能正确管理变量引用或未释放不再使用的资源导致的。例如,全局变量、闭包、事件监听器等都可能成为内存泄漏的源头。JavaScript 的垃圾回收机制虽然可以自动管理内存,但开发者仍然需要关注内存泄漏的问题。

2025-02-28 11:30:38 775

原创 深入理解 JavaScript 中的深拷贝与浅拷贝

深拷贝和浅拷贝是 JavaScript 中常见的概念,它们的区别在于是否递归拷贝对象的所有层级。浅拷贝只复制第一层属性或元素,而深拷贝会递归地复制所有内容。常见的浅拷贝方法包括直接赋值、、扩展运算符、slice()和concat();而深拷贝可以通过或手写递归实现。

2025-02-27 10:05:02 566

原创 深入理解 JavaScript 中的 this 指向

正值春招火热招聘阶段,我近期在复习JavaScript的相关知识点,其中“this”知识点是前端面试中高频面试内容,因此整理和总结一篇相关知识点文章和大家分享!this全局环境:非严格模式下指向全局对象,严格模式下指向undefined。构造函数:使用new时,this指向新创建的对象。显式绑定:通过callapplybind可以显式改变this的指向。上下文对象:通过对象调用函数时,this指向该对象。箭头函数this指向外层作用域。

2025-02-26 11:12:35 1043 6

原创 浏览器事件循环-Promise面试题目

承接前面的“浏览器事件循环”文章,收集和整理了一些题目,难度有所递增,有兴趣的朋友可以看一下。如果想知道正确答案,请自行运行代码。

2025-02-25 10:01:07 129

原创 【Express】常用中间件用法:会话管理、输入验证(文章附有代码示范)

前面我写的express专栏中很少涉及express中间件的用法,因此现在补充一些常用的中间件。并展示如何将它们有效地结合起来,以构建一个功能更强大、更安全的 Express 应用。

2025-02-24 11:30:24 1394 4

原创 通俗易懂的浏览器事件循环指南(含async/await)

JavaScript是单线程的,这意味着它一次只能执行一个任务。为了处理异步操作(比如定时器、网络请求等),浏览器引入了事件循环机制。不断地从任务队列中取出任务并执行。事件循环的工作流程可以简单概括为以下几个步骤:执行同步代码。执行微任务队列中的所有任务。执行一个宏任务。重复上述过程。

2025-02-23 10:39:05 962 3

原创 通俗易懂的DOM1级标准介绍

DOM1级标准是W3C(万维网联盟)在1998年发布的第一个正式DOM规范。它的主要目标是定义如何通过JavaScript来访问和操作HTML和XML文档。简单来说,DOM1级标准为我们提供了一套API,让我们可以通过代码来读取、修改、添加或删除网页中的元素。DOM1级标准是DOM发展史上的第一个正式规范,它定义了如何通过JavaScript来操作HTML和XML文档。虽然它没有涉及事件模型,但它为我们提供了获取元素、修改内容、创建和删除元素等核心功能,为后续的DOM2级和DOM3级标准奠定了基础。

2025-02-22 21:12:20 788 4

原创 【JavaScript】深入理解模块化

简单来说,模块就是把一个复杂的程序按照特定规则(规范)拆分成多个独立的块(文件),然后再组合在一起。模块内部的数据和实现细节是私有的,仅通过向外暴露的接口(方法)与其他模块进行通信。这就好比一个工厂,工厂内部的生产流程和原料是保密的,但会通过特定的渠道将生产好的产品供应给其他地方使用。

2025-02-22 10:36:10 915 2

原创 通俗易懂的DOM事件模型指南

DOM(文档对象模型)是浏览器用来表示和操作HTML文档的一种方式。我们可以把它想象成一棵树,每个HTML标签(比如<div><button>)都是树上的一个节点。DOM事件就是当用户或浏览器做了某些操作时(比如点击按钮、页面加载完成等),浏览器会触发的“信号”。

2025-02-21 20:49:33 528

原创 深度剖析 JavaScript 继承:多样方式与优劣解析

在 JavaScript 编程领域,继承是优化代码结构、提升复用性的关键特性。它让对象能获取其他对象的属性和方法,为开发者带来极大便利。JavaScript 提供了多种继承途径。下面,我们深入探究这些继承方式及其优缺点,通过代码案例,希望可以为大家提供帮助或者思考。JavaScript的多种继承方式各有长短,在实际项目开发中,我们需要依据具体需求和场景来选择合适的继承方式。如果注重属性的独立性和传参灵活性,借用构造函数继承是个好选择;若希望兼顾属性独立和方法共享,组合继承更为合适;

2025-02-21 10:03:03 471

原创 深入理解 JavaScript 闭包:理论与实践的完美结合

MDN 对闭包的定义是:闭包是指那些能够访问自由变量的函数。那什么是自由变量呢?自由变量是指在函数中使用的,但既不是函数参数也不是函数的局部变量的变量。简单来说,闭包 = 函数 + 函数能够访问的自由变量。从理论角度讲,所有的 JavaScript 函数都是闭包。因为函数在创建时就会将上层上下文的数据保存起来,哪怕访问的是简单的全局变量,这也相当于访问自由变量,此时使用的是最外层的作用域。即使创建它的上下文已经销毁,它仍然存在(比如,内部函数从父函数中返回);在代码中引用了自由变量。

2025-02-20 17:52:03 601

原创 express+Vue2进行项目实战-景点后台管理系统(上篇)

本项目做一个景点后台管理系统,采用前后端分离,前端使用Vue2进行开发,后端使用express搭建本地服务器,数据库用mysql。背景:前面做了一个express专栏,从入门:搭建简单的服务器,再到进阶:使用数据库集成(增删改查)操作。然后就结束专栏内容。后期考虑可以补充项目实战,做一个大家都能从0到1上手的项目实战,于是这次的项目实战来了!

2025-02-20 15:26:41 1827

原创 【koa】06-第三阶段内容以及代码示范(专栏完结)

掌握Koa应用的性能优化技巧,能够对项目进行优化和调试。:学习如何优化Koa应用的性能,包括启用gzip、缓存静态资源、使用 Redis 缓存数据库查询等。

2025-02-19 10:40:00 314

原创 【微信小程序】vant组件库的tab标签页展示(优化代码)

近期使用微信小程序原生技术,搭配vant组件库进行组件开发,其中在标签页以及其下内容的展示,发现了一些可优化的地方。

2025-02-18 20:01:53 518

原创 【koa】05-koa+mysql实现数据库集成:连接和增删改查

前面我们已经介绍了第二阶段的第1-4点内容,本篇介绍第5点内容:数据库集成(koa+mysql)本篇文章会使用到:koa+sequelize+mysql+apipost(用于测试http方法)

2025-02-18 10:36:45 823

原创 深入理解函数式编程:一等公民的函数、纯函数与柯里化

最近在复习JavaScript中的知识点,其中有个重要内容是:函数式编程。其中有三个重要的概念:一等公民的函数、纯函数和柯里化。通过这篇文章和大家一起探讨这三个概念,并通过代码示例来加深理解。PS:文章用的JavaScript编写代码示范。

2025-02-17 15:40:30 523 2

原创 【koa】04-第二阶段中篇-静态文件服务和错误处理(文章附有代码仓库)

代码仓库链接放在文章底部。上篇文章,我们介绍了第二阶段的第1-2点的内容,这篇文章接着讲第3-4点的内容:学习如何使用koa-static中间件来提供静态文件服务。:掌握如何在Koa中处理错误,包括全局错误捕获和中间件中的错误处理。

2025-02-17 10:10:51 938

设计模式-创建型模式(代码示范)

设计模式-创建型模式(代码示范)

2025-02-17

常用且实用的设计模式-创建型、结构型、行为型模式

常用的设计模式,适合前端面试复习时使用

2025-02-17

空空如也

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

TA关注的人

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