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

观成科技:隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具&#xff0c;该工具基于TUN接口实现其功能&#xff0c;利用反向TCP/TLS连接建立一条隐蔽的通信信道&#xff0c;支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式&#xff0c;适应复杂网…...

MPNet:旋转机械轻量化故障诊断模型详解python代码复现

目录 一、问题背景与挑战 二、MPNet核心架构 2.1 多分支特征融合模块(MBFM) 2.2 残差注意力金字塔模块(RAPM) 2.2.1 空间金字塔注意力(SPA) 2.2.2 金字塔残差块(PRBlock) 2.3 分类器设计 三、关键技术突破 3.1 多尺度特征融合 3.2 轻量化设计策略 3.3 抗噪声…...

Lombok 的 @Data 注解失效,未生成 getter/setter 方法引发的HTTP 406 错误

HTTP 状态码 406 (Not Acceptable) 和 500 (Internal Server Error) 是两类完全不同的错误&#xff0c;它们的含义、原因和解决方法都有显著区别。以下是详细对比&#xff1a; 1. HTTP 406 (Not Acceptable) 含义&#xff1a; 客户端请求的内容类型与服务器支持的内容类型不匹…...

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

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

MongoDB学习和应用(高效的非关系型数据库)

一丶 MongoDB简介 对于社交类软件的功能&#xff0c;我们需要对它的功能特点进行分析&#xff1a; 数据量会随着用户数增大而增大读多写少价值较低非好友看不到其动态信息地理位置的查询… 针对以上特点进行分析各大存储工具&#xff1a; mysql&#xff1a;关系型数据库&am…...

django filter 统计数量 按属性去重

在Django中&#xff0c;如果你想要根据某个属性对查询集进行去重并统计数量&#xff0c;你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求&#xff1a; 方法1&#xff1a;使用annotate()和Count 假设你有一个模型Item&#xff0c;并且你想…...

Linux-07 ubuntu 的 chrome 启动不了

文章目录 问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了&#xff0c;报错如下四、启动不了&#xff0c;解决如下 总结 问题原因 在应用中可以看到chrome&#xff0c;但是打不开(说明&#xff1a;原来的ubuntu系统出问题了&#xff0c;这个是备用的硬盘&a…...

C++.OpenGL (10/64)基础光照(Basic Lighting)

基础光照(Basic Lighting) 冯氏光照模型(Phong Lighting Model) #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...

EtherNet/IP转DeviceNet协议网关详解

一&#xff0c;设备主要功能 疆鸿智能JH-DVN-EIP本产品是自主研发的一款EtherNet/IP从站功能的通讯网关。该产品主要功能是连接DeviceNet总线和EtherNet/IP网络&#xff0c;本网关连接到EtherNet/IP总线中做为从站使用&#xff0c;连接到DeviceNet总线中做为从站使用。 在自动…...

AspectJ 在 Android 中的完整使用指南

一、环境配置&#xff08;Gradle 7.0 适配&#xff09; 1. 项目级 build.gradle // 注意&#xff1a;沪江插件已停更&#xff0c;推荐官方兼容方案 buildscript {dependencies {classpath org.aspectj:aspectjtools:1.9.9.1 // AspectJ 工具} } 2. 模块级 build.gradle plu…...