当前位置: 首页 > 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等能够根据代码…...

【C++】类和对象( 类的定义、实例化、 this指针、 C++和C语言实现Stack对比)

小编主页详情<-请点击 小编gitee代码仓库<-请点击 本文主要介绍了类和对象&#xff08; 类的定义、实例化、 this指针、 C和C语言实现Stack对比&#xff09;&#xff0c;内容全由作者原创&#xff08;无AI&#xff09;&#xff0c;并带有配图帮助博友们更好的理解&#x…...

保姆级教程:在ROS2 Humble上,用Orbbec Astra Pro深度相机搞定单目标定(附常见镜像问题解决)

保姆级教程&#xff1a;ROS2 Humble与Orbbec Astra Pro深度相机单目标定实战指南 深度相机在机器人视觉、三维重建等领域扮演着关键角色&#xff0c;而精确的相机标定则是确保数据可靠性的第一步。本文将手把手带你完成Orbbec Astra Pro在ROS2 Humble环境下的单目标定全流程&am…...

DeepSpeed v0.19.0 重大更新:训练稳定性、ZeRO、FPQuantizer、DeepCompile、Sequence Parallelism 全面增强,20 位贡献者带来 28 次提交

如果你正在关注 DeepSpeed 的最新版本&#xff0c;那么 v0.19.0 绝对值得重点解读。 这次更新覆盖范围非常广&#xff0c;从 版本号更新、Transpose 重构、进程组关闭卡死修复、ZeRO 相关修复、CPU offload 梯度问题修复、DeepCompile 兼容性修复、PyTorch 版本选择、FPQuantiz…...

2026年10款论文降AI率平台实测:从90%降至10%的硬核之选

现在学校对 AIGC 的检测越来越严格&#xff0c;降低 AI 率成了毕业生最头疼的问题。我当初写论文的时候&#xff0c;就因为 AI 率太高差点栽跟头&#xff0c;熬夜一遍遍手动修改&#xff0c;结果不仅 AI 率没降下来&#xff0c;查重率还越改越高&#xff0c;整个人都快崩溃了。…...

从卡尔曼滤波到Mamba:状态空间模型(SSM)的‘前世今生’与技术演进图谱

从卡尔曼滤波到Mamba&#xff1a;状态空间模型的技术演进与未来展望 状态空间模型&#xff08;State Space Models, SSM&#xff09;这一概念最早可追溯至20世纪60年代的控制理论领域&#xff0c;如今却在深度学习时代焕发出全新的生命力。当我们谈论Mamba、S4这些突然走红的新…...

FPGA资源吃紧?看Artix7-35T如何“精打细算”实现MIPI视频解码与HDMI输出

Artix7-35T极限优化&#xff1a;在资源受限FPGA上实现MIPI-HDMI全流程处理 当医疗内窥镜或工业检测设备需要嵌入式图像处理时&#xff0c;工程师们常常面临一个残酷的现实&#xff1a;既要实现复杂的MIPI视频处理流水线&#xff0c;又不得不使用Artix7-35T这类入门级FPGA。这颗…...

Sitara处理器PRU-ICSS架构解析:工业自动化信息传输系统设计实战

1. 项目概述&#xff1a;工业自动化中的信息传输挑战与Sitara方案在工业自动化领域&#xff0c;信息传输的实时性、可靠性与灵活性&#xff0c;直接决定了生产线的“智商”与“反应速度”。想象一下&#xff0c;一条高速运转的汽水装瓶线&#xff0c;如果无法在毫秒级内感知到原…...

UE5动画进阶:用Control Rig的Aim节点,5分钟搞定角色头部平滑跟随任意Actor

UE5动画进阶&#xff1a;Control Rig的Aim节点实现角色头部动态跟随 在游戏开发中&#xff0c;角色与环境的动态交互是提升沉浸感的关键要素之一。想象一个场景&#xff1a;NPC能够自然地跟随玩家的移动而转动头部&#xff0c;或是怪物精准锁定目标时的头部动作——这些细节往往…...

零成本获取全球股票数据:AKShare开源金融数据接口完整指南

零成本获取全球股票数据&#xff1a;AKShare开源金融数据接口完整指南 【免费下载链接】akshare AKShare is an elegant and simple financial data interface library for Python, built for human beings! 开源财经数据接口库 项目地址: https://gitcode.com/gh_mirrors/ak…...

保姆级教程:用Python+OpenCV高效切割Potsdam语义分割数据集(附完整代码)

PythonOpenCV实战&#xff1a;Potsdam语义分割数据集高效切割全流程解析 第一次接触Potsdam数据集时&#xff0c;面对那些6000x6000像素的巨幅航拍图像&#xff0c;我的GPU在训练时直接报显存不足的错误。这让我意识到&#xff0c;高分辨率图像的切割预处理不是可选项&#xf…...