当前位置: 首页 > news >正文

前端学习汇总

一、打包工具

1.1、vite

vite:vite -- 开发环境 热更新_vite 热更新-CSDN博客

1.2、webpack

常用loader:webpack基础---常用loader_webpack 常用loader-CSDN博客

loader:webpack4和webpack5区别1---loader_webpack4与webpack5处理图片的不同-CSDN博客

代码压缩:webpack4和webpack5区别2---代码压缩_webpack4如何使用terser-CSDN博客

缓存:webpack4和webpack5区别3---缓存_cacheprune-CSDN博客

自动清除打包目录:webpack4和webpack5区别4---自动清除打包目录_webpack4打包目录清理-CSDN博客

二、框架

2.1、react

React setStateReact setState_enqueuesetstate-CSDN博客

react VS vue:react VS vue-CSDN博客

react合成事件:react合成事件_react的合成事件的好处-CSDN博客

react之错误边界:react之错误边界_react 错误边界-CSDN博客

react渲染:react重新渲染以及避免不必要的渲染_react重新渲染页面-CSDN博客

react-fiber:react-fiber-CSDN博客

react函数式组件和类式组件:react函数式组件和类式组件的区别_react类组件和函数组件区别-CSDN博客

2.2、vue

vue3相关:vue3相关_vue3 defaultprops-CSDN博客

2.3、uniApp

uniapp微信小程序开发物料:uniapp微信小程序开发物料-CSDN博客

uni-app相关:uni-app相关-CSDN博客

2.4、原生小程序

原生微信小程序开发物料:原生微信小程序开发物料_微信物料下载-CSDN博客

微信小程序---支付:微信小程序---支付_wx.requestpayment 支付单号与业务单号-CSDN博客

微信小程序---登录:微信小程序---登录_微信小程序手机号快速验证-CSDN博客

小程序性能优化:小程序性能优化_小程序按需注入-CSDN博客

小程序相关:小程序相关_wx.nexttick-CSDN博客

2.5、状态管理

vue、react和小程序的状态管理:vue、react和小程序的状态管理_统一 vue和react的状态管理-CSDN博客

2.6、移动端开发

三、TS

TS面试相关:TS面试相关_我ts定义了interface 多维对象没有值会不会报错-CSDN博客

四、工程化

多页面项目的按需打包:多页面项目的按需打包_多页面打包优化-CSDN博客

前端性能优化:前端性能优化-CSDN博客

git hooks:前端工程化之---git hooks_git hooks提交-CSDN博客

代码规范:前端工程化之---代码规范_.eslintrc.cjs-CSDN博客

git使用小技巧:git使用小技巧-CSDN博客

eslint+prettiereslint+prettier_eslint+prettierrc-CSDN博客

Eslint和Prettier:前端代码格式化工具Eslint和Prettier_前端格式化插件-CSDN博客

git的一些操作:理解Git的rebase、merge与版本控制技巧-CSDN博客

五、浏览器

cookie:浏览器之---cookie_网页中的超链接会涉及到cookie吗-CSDN博客

浏览器、JS相关:浏览器、JS相关-CSDN博客

六、Linux

Linux系统学习总结1:Linux系统学习总结(上)_linux系统课程总结-CSDN博客

Linux系统学习总结2:Linux系统学习总结(下)-CSDN博客

七、数据结构

7.1、数据结构

数组:数据结构---数组-CSDN博客

栈:数据结构---栈-CSDN博客

队列:数据结构---队列_enqueue-CSDN博客

链表:数据结构---链表-CSDN博客

散列表(哈希表):数据结构---散列表(哈希表)-CSDN博客

树与二叉树:数据结构--树与二叉树-CSDN博客

线性表:数据结构--线性表-CSDN博客

7.2、算法

算法特性:数据结构与算法1-CSDN博客

冒泡排序:排序算法---冒泡排序_冒泡排序 网页-CSDN博客

选择排序:排序算法---选择排序-CSDN博客

插入排序:排序算法---插入排序-CSDN博客

快速排序:排序算法---快速排序-CSDN博客

力扣算法---拥有最多糖果的孩子:力扣算法---拥有最多糖果的孩子_力扣输出多个true-CSDN博客

力扣算法--交替合并字符串:力扣算法--交替合并字符串-CSDN博客

八、其他学习

8.1、鸿蒙

开发者证书考试地址:HarmonyOS--开发者证书考试地址_鸿蒙开发证书哪里考-CSDN博客

页面路由:HarmonyOS--路由管理--页面路由 (@ohos.router)_router.back鸿蒙中不刷新页面怎么解决-CSDN博客

组件导航:HarmonyOS--路由管理--组件导航 (Navigation)_navdestination-CSDN博客

装饰器:HarmonyOS--状态管理--装饰器_鸿蒙中常见的状态管理装饰器有哪些-CSDN博客

装饰器:HarmonyOS--UI范式基本语法--装饰器-CSDN博客

数据传输能力:HarmonyOS--数据传输能力-CSDN博客

关系型数据库:HarmonyOS--数据持久化--关系型数据库_鸿蒙使用sqlite数据库时,数据存放在什么文件里-CSDN博客

键值型数据库:HarmonyOS--数据持久化--键值型数据库_harmonyos 封装键值对数据库-CSDN博客

用户首选项:HarmonyOS--数据持久化--用户首选项_用户首选项的key为string类型-CSDN博客

生命周期:HarmonyOS--生命周期-CSDN博客

8.2、Java

Java入门1:Java入门(一)-CSDN博客

Java基础概念:IDEA集成开发环境及其项目结构详解与Java编程基础-CSDN博客

Java运算符和循环:Java运算符和循环(三)-CSDN博客

8.3、Dart

Dart学习相关:Dart学习相关-CSDN博客

九、工具类

9.1、charles工具

弱网测试:charles抓包工具之---弱网测试-CSDN博客

打断点:chlarles抓包工具之---打断点-CSDN博客

添加vConsole:charles抓包工具之---添加vConsole_charles rewrite-CSDN博客

9.2、canIuse

canIuse:"setTimeout" | Can I use... Support tables for HTML5, CSS3, etc

9.4、页面分析工具

页面分析工具:Microsoft Clarity - Free Heatmaps & Session Recordings

十、面试相关

10.1、面试

京东:深入理解Vue组件通信与性能优化:首屏加载与复用策略-CSDN博客

58:58面试总结-CSDN博客

字节:实现多列布局与浏览器缓存策略:技术详解-CSDN博客

10.2、面试题

前端面试整理:前端面试整理_语雀前端面试题-CSDN博客

冲刺2024面试季:冲刺2024面试季_vite生产环境为什么不用esbuild-CSDN博客

工作中遇到的问题:面试问题之工作中遇到的问题-CSDN博客

react相关面试题:react相关面试题-CSDN博客

解决json失真问题:lossless-json插件:高效解析长数字的JSON对象-CSDN博客

原生js实现点击按钮复制文本:原生js实现点击按钮复制文本_js实现复制粘贴到输入框-CSDN博客

响应式布局:什么是响应式布局?响应式布局有几种方法?-CSDN博客

相关文章:

前端学习汇总

一、打包工具 1.1、vite vite:vite -- 开发环境 热更新_vite 热更新-CSDN博客 1.2、webpack 常用loader:webpack基础---常用loader_webpack 常用loader-CSDN博客 loader:webpack4和webpack5区别1---loader_webpack4与webpack5处理图片的…...

蓝笔科技 | 超凡妈妈赋能计划-【北大生涯规划师特别企划】

12月27日,“超凡妈妈赋能计划-北大生涯规划师特别企划”在广州正式启动,据了解,本次超凡妈妈赋能计划是由广州蓝笔科技信息有限公司牵头发起并主办,中国关心下一代健康体育基金会作为公益支持单位,北京大学作为项目技术…...

【电路笔记 TMS320C6***DSP】C6748 EDMA3配置笔记 寄存器配置+影子通道寄存器+配置示例

目录 参照资料内存映射寄存器分类影子通道寄存器传输中断PaRAM参数SRC、DSTA_B_CNT、CCNTSRC_DST_BIDXSRC_DST_CIDXOPTopt示例 链接传输LINK_BCNTRLD (LinkAddress/BCountReloadParameter)示例代码示例配置:块传输示例配置:矩阵转置示例配置:…...

2025新春烟花代码(二)HTML5实现孔明灯和烟花效果

效果展示 源代码 <!DOCTYPE html> <html lang"en"> <script>var _hmt _hmt || [];(function () {var hm document.createElement("script");hm.src "https://hm.baidu.com/hm.js?45f95f1bfde85c7777c3d1157e8c2d34";var …...

apollo内置eureka dashboard授权登录

要确保访问Eureka Server时要求输入账户和密码&#xff0c;需要确保以下几点&#xff1a; 确保 eurekaSecurityEnabled 配置为 true&#xff1a;这个配置项控制是否启用Eureka的安全认证。如果它被设置为 false&#xff0c;即使配置了用户名和密码&#xff0c;也不会启用安全认…...

后台管理系统全屏功能实现

后台管理系统中有一个比较常见的功能就是全屏显示&#xff0c;以方便用最大的屏幕查看系统&#xff0c;特别是在小屏模式下。 对于 screenfull 而言&#xff0c;浏览器本身已经提供了对用的 API&#xff0c;点击这里即可查看&#xff0c;这个 API 中&#xff0c;主要提供了两个…...

风电叶片市场竞争激烈:开启绿色能源新篇章的巨大潜力

一、引言 面对全球气候变化的严峻挑战&#xff0c;可再生能源的开发与利用已成为各国共识。风电&#xff0c;作为技术最成熟、最具规模化开发条件的可再生能源之一&#xff0c;正以前所未有的速度发展。而风电叶片&#xff0c;作为风电机组的核心部件&#xff0c;其技术创新与…...

【Unity3D日常开发】Unity3D中适用WEBGL打开Window文件对话框打开/上传文件

推荐阅读 CSDN主页GitHub开源地址Unity3D插件分享QQ群&#xff1a;398291828小红书小破站 大家好&#xff0c;我是佛系工程师☆恬静的小魔龙☆&#xff0c;不定时更新Unity开发技巧&#xff0c;觉得有用记得一键三连哦。 一、前言 Unity3D发布的WEBGL程序是不支持直接的I/O操…...

C# 或 .NetCore 如何使用 NPOI 导出图片到 Excel 文件

今天在本文中&#xff0c;我们将尝试使用NPOI库将图像插入到 Excel 文件的特定位置。请将以下逻辑添加到您的写作方法中&#xff0c;在 Excel 文件中添加图像&#xff08;JPEG、PNG&#xff09;,我已经有一个示例 jpeg 文件 - Read-write-excel-npoi.jpg &#xff0c;我们将尝试…...

Lambda expressions in C++ (C++ 中的 lambda 表达式)

Lambda expressions in C {C 中的 lambda 表达式} 1. Parts of a lambda expression (Lambda 表达式的各个部分)1.2. Parameter list (Optional) References lambda /ˈlm.də/&#xff1a;the 11th letter of the Greek alphabet (希腊语字母表的第 11 个字母)https://learn.m…...

【Rust自学】11.4. 用should_panic检查恐慌

喜欢的话别忘了点赞、收藏加关注哦&#xff0c;对接下来的教程有兴趣的可以关注专栏。谢谢喵&#xff01;(&#xff65;ω&#xff65;) 11.4.1. 验证错误处理的情况 测试函数出了验证代码的返回值是否正确&#xff0c;还需要验证代码是否如预期的去处理了发生错误的情况。比…...

高斯函数Gaussian绘制matlab

高斯 约翰卡尔弗里德里希高斯&#xff0c;&#xff08;德语&#xff1a;Johann Carl Friedrich Gau&#xff0c;英语&#xff1a;Gauss&#xff0c;拉丁语&#xff1a;Carolus Fridericus Gauss&#xff09;1777年4月30日–1855年2月23日&#xff0c;德国著名数学家、物理学家…...

获取客户端真实IP地址

当处理来自客户端的请求时&#xff0c;尤其是在存在代理服务器的情况下&#xff0c;可能需要考虑多种HTTP请求头&#xff0c;以尽可能准确地获取用户的真实IP地址。以下是考虑了X-Forwarded-For、Proxy-Client-IP、WL-Proxy-Client-IP、HTTP_CLIENT_IP、HTTP_X_FORWARDED_FOR的…...

Kotlin学习(一)

1. Kotlin 作用域函数 如果同学们已经在项目中用过 Kotlin 语言&#xff0c;那么一定见过 let 函数&#xff01;因为每当 Kotlin 检测到某个对象可能为空时&#xff0c;会自动帮我们修改为用 let 函数实现&#xff1a;user.name?.let{ textView.text it }。这里的 let 函数就…...

鸿蒙UI开发——日历选择器

1、概 述 在项目开发中&#xff0c;我们时常会用到日历选择器&#xff0c;效果如下&#xff1a; ArkUI已经为我们提供了组件&#xff0c;我们可以直接使用&#xff0c;下面针对日历组件做简单介绍。 2、CalendarPickerDialog 接口定义如下&#xff1a; // 定义日历选择器弹…...

2025-1-9 QT 使用 QXlsx库 读取 .xlsx 文件 —— 导入 QXlsx库以及读取 .xlsx 的源码 实践出真知,你我共勉

文章目录 1. 导入QXlsx库2. 使用 QXlsx库 读取 .xlsx 文件小结 网上有很多教程&#xff0c;但太费劲了&#xff0c;这里有个非常简便的好方法&#xff0c;分享给大家。 1. 导入QXlsx库 转载链接 &#xff1a;https://github.com/QtExcel/QXlsx/blob/master/HowToSetProject.md…...

React中createRoot函数原理解读——Element对象与Fiber对象、FiberRootNode与HostRootNode

【2024最新版】React18 核心源码分析教程&#xff08;全61集&#xff09; Element对象与Fiber对象 在 React 中&#xff0c;Element 对象 和 Fiber 对象 是核心概念&#xff0c;用于实现 React 的高效渲染和更新机制。以下是它们的详细解读&#xff1a; 1. Element 对象 定…...

利用Python实现Union-Find算法

Union-Find&#xff08;又称 并查集&#xff09;是一种高效解决 动态连通性问题 的算法。它主要提供两种操作&#xff1a; Union(x, y)&#xff1a;将元素 x 和 y 连接。Find(x)&#xff1a;找到元素 x 所属的集合的标识符&#xff08;通常是集合的根节点&#xff09;。 常用…...

【LeetCode: 912. 排序数组 + 归并排序】

&#x1f680; 算法题 &#x1f680; &#x1f332; 算法刷题专栏 | 面试必备算法 | 面试高频算法 &#x1f340; &#x1f332; 越难的东西,越要努力坚持&#xff0c;因为它具有很高的价值&#xff0c;算法就是这样✨ &#x1f332; 作者简介&#xff1a;硕风和炜&#xff0c;…...

AI时代来了,我们不再需要IDE了

大家好&#xff0c;我是编程乐趣。 最近在思考一个问题&#xff0c;那就是AI这么强大。 未来有没有可能&#xff0c;我们就不需要不需要开发工具了&#xff0c;只需一个浏览器就可以开发软件了。 一、AI带来的变化 1、代码生成与补全 AI工具如GitHub Copilot等能够根据代码…...

三维GIS开发cesium智慧地铁教程(5)Cesium相机控制

一、环境搭建 <script src"../cesium1.99/Build/Cesium/Cesium.js"></script> <link rel"stylesheet" href"../cesium1.99/Build/Cesium/Widgets/widgets.css"> 关键配置点&#xff1a; 路径验证&#xff1a;确保相对路径.…...

从零实现富文本编辑器#5-编辑器选区模型的状态结构表达

先前我们总结了浏览器选区模型的交互策略&#xff0c;并且实现了基本的选区操作&#xff0c;还调研了自绘选区的实现。那么相对的&#xff0c;我们还需要设计编辑器的选区表达&#xff0c;也可以称为模型选区。编辑器中应用变更时的操作范围&#xff0c;就是以模型选区为基准来…...

【第二十一章 SDIO接口(SDIO)】

第二十一章 SDIO接口 目录 第二十一章 SDIO接口(SDIO) 1 SDIO 主要功能 2 SDIO 总线拓扑 3 SDIO 功能描述 3.1 SDIO 适配器 3.2 SDIOAHB 接口 4 卡功能描述 4.1 卡识别模式 4.2 卡复位 4.3 操作电压范围确认 4.4 卡识别过程 4.5 写数据块 4.6 读数据块 4.7 数据流…...

剑指offer20_链表中环的入口节点

链表中环的入口节点 给定一个链表&#xff0c;若其中包含环&#xff0c;则输出环的入口节点。 若其中不包含环&#xff0c;则输出null。 数据范围 节点 val 值取值范围 [ 1 , 1000 ] [1,1000] [1,1000]。 节点 val 值各不相同。 链表长度 [ 0 , 500 ] [0,500] [0,500]。 …...

Cinnamon修改面板小工具图标

Cinnamon开始菜单-CSDN博客 设置模块都是做好的&#xff0c;比GNOME简单得多&#xff01; 在 applet.js 里增加 const Settings imports.ui.settings;this.settings new Settings.AppletSettings(this, HTYMenusonichy, instance_id); this.settings.bind(menu-icon, menu…...

【Java_EE】Spring MVC

目录 Spring Web MVC ​编辑注解 RestController RequestMapping RequestParam RequestParam RequestBody PathVariable RequestPart 参数传递 注意事项 ​编辑参数重命名 RequestParam ​编辑​编辑传递集合 RequestParam 传递JSON数据 ​编辑RequestBody ​…...

前端开发面试题总结-JavaScript篇(一)

文章目录 JavaScript高频问答一、作用域与闭包1.什么是闭包&#xff08;Closure&#xff09;&#xff1f;闭包有什么应用场景和潜在问题&#xff1f;2.解释 JavaScript 的作用域链&#xff08;Scope Chain&#xff09; 二、原型与继承3.原型链是什么&#xff1f;如何实现继承&a…...

Spring AI与Spring Modulith核心技术解析

Spring AI核心架构解析 Spring AI&#xff08;https://spring.io/projects/spring-ai&#xff09;作为Spring生态中的AI集成框架&#xff0c;其核心设计理念是通过模块化架构降低AI应用的开发复杂度。与Python生态中的LangChain/LlamaIndex等工具类似&#xff0c;但特别为多语…...

稳定币的深度剖析与展望

一、引言 在当今数字化浪潮席卷全球的时代&#xff0c;加密货币作为一种新兴的金融现象&#xff0c;正以前所未有的速度改变着我们对传统货币和金融体系的认知。然而&#xff0c;加密货币市场的高度波动性却成为了其广泛应用和普及的一大障碍。在这样的背景下&#xff0c;稳定…...

从 GreenPlum 到镜舟数据库:杭银消费金融湖仓一体转型实践

作者&#xff1a;吴岐诗&#xff0c;杭银消费金融大数据应用开发工程师 本文整理自杭银消费金融大数据应用开发工程师在StarRocks Summit Asia 2024的分享 引言&#xff1a;融合数据湖与数仓的创新之路 在数字金融时代&#xff0c;数据已成为金融机构的核心竞争力。杭银消费金…...