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

【Axure高保真原型】引导弹窗

今天和大家中分享引导弹窗的原型模板&#xff0c;载入页面后&#xff0c;会显示引导弹窗&#xff0c;适用于引导用户使用页面&#xff0c;点击完成后&#xff0c;会显示下一个引导弹窗&#xff0c;直至最后一个引导弹窗完成后进入首页。具体效果可以点击下方视频观看或打开下方…...

深入剖析AI大模型:大模型时代的 Prompt 工程全解析

今天聊的内容&#xff0c;我认为是AI开发里面非常重要的内容。它在AI开发里无处不在&#xff0c;当你对 AI 助手说 "用李白的风格写一首关于人工智能的诗"&#xff0c;或者让翻译模型 "将这段合同翻译成商务日语" 时&#xff0c;输入的这句话就是 Prompt。…...

CTF show Web 红包题第六弹

提示 1.不是SQL注入 2.需要找关键源码 思路 进入页面发现是一个登录框&#xff0c;很难让人不联想到SQL注入&#xff0c;但提示都说了不是SQL注入&#xff0c;所以就不往这方面想了 ​ 先查看一下网页源码&#xff0c;发现一段JavaScript代码&#xff0c;有一个关键类ctfs…...

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...

dedecms 织梦自定义表单留言增加ajax验证码功能

增加ajax功能模块&#xff0c;用户不点击提交按钮&#xff0c;只要输入框失去焦点&#xff0c;就会提前提示验证码是否正确。 一&#xff0c;模板上增加验证码 <input name"vdcode"id"vdcode" placeholder"请输入验证码" type"text&quo…...

深入解析C++中的extern关键字:跨文件共享变量与函数的终极指南

&#x1f680; C extern 关键字深度解析&#xff1a;跨文件编程的终极指南 &#x1f4c5; 更新时间&#xff1a;2025年6月5日 &#x1f3f7;️ 标签&#xff1a;C | extern关键字 | 多文件编程 | 链接与声明 | 现代C 文章目录 前言&#x1f525;一、extern 是什么&#xff1f;&…...

【Go语言基础【12】】指针:声明、取地址、解引用

文章目录 零、概述&#xff1a;指针 vs. 引用&#xff08;类比其他语言&#xff09;一、指针基础概念二、指针声明与初始化三、指针操作符1. &&#xff1a;取地址&#xff08;拿到内存地址&#xff09;2. *&#xff1a;解引用&#xff08;拿到值&#xff09; 四、空指针&am…...

【电力电子】基于STM32F103C8T6单片机双极性SPWM逆变(硬件篇)

本项目是基于 STM32F103C8T6 微控制器的 SPWM(正弦脉宽调制)电源模块,能够生成可调频率和幅值的正弦波交流电源输出。该项目适用于逆变器、UPS电源、变频器等应用场景。 供电电源 输入电压采集 上图为本设计的电源电路,图中 D1 为二极管, 其目的是防止正负极电源反接, …...

纯 Java 项目(非 SpringBoot)集成 Mybatis-Plus 和 Mybatis-Plus-Join

纯 Java 项目&#xff08;非 SpringBoot&#xff09;集成 Mybatis-Plus 和 Mybatis-Plus-Join 1、依赖1.1、依赖版本1.2、pom.xml 2、代码2.1、SqlSession 构造器2.2、MybatisPlus代码生成器2.3、获取 config.yml 配置2.3.1、config.yml2.3.2、项目配置类 2.4、ftl 模板2.4.1、…...

uniapp手机号一键登录保姆级教程(包含前端和后端)

目录 前置条件创建uniapp项目并关联uniClound云空间开启一键登录模块并开通一键登录服务编写云函数并上传部署获取手机号流程(第一种) 前端直接调用云函数获取手机号&#xff08;第三种&#xff09;后台调用云函数获取手机号 错误码常见问题 前置条件 手机安装有sim卡手机开启…...