- 博客(15)
- 收藏
- 关注
原创 常用的git命令
本文整理了日常开发中最常用的Git命令分类,包含仓库操作、提交修改、分支管理、版本回退、远程同步、标签管理等6大类命令。收录了git init、add、commit、branch等基本操作命令,以及reset、rebase等高级用法,每种命令都配有简单说明。通过系统分类的命令列表,帮助开发者快速掌握Git的核心功能,满足90%以上的版本管理需求。所有命令都配有实际使用说明,无需记忆参数细节,适合随时查阅使用。
2025-07-28 15:52:03
130
原创 TCP/UDP讲解及主要区别
TCP和UDP是两大核心传输协议,主要区别在于可靠性与效率的权衡。TCP通过三次握手建立可靠连接,确保数据有序到达,适用于网页、文件传输等场景;UDP无连接、低延迟,适合视频会议、在线游戏等实时应用。TCP头部至少20字节,UDP仅8字节。选择时,数据完整性优先选TCP,实时性要求高则用UDP。部分应用如视频会议会同时使用两种协议。
2025-07-28 15:48:08
588
原创 HTML5、CSS3 和 ES6 的核心特性举例
本文介绍了现代Web开发的三大核心技术特性:1.HTML5新增语义化标签、多媒体支持和表单增强功能;2.CSS3提供选择器增强、过渡动画和弹性盒子布局;3.ES6引入块级作用域、箭头函数、模板字符串等新特性。这些技术改进使Web开发更高效,代码更可维护,为开发者提供了强大的工具集,构成了现代Web应用开发的基础架构。
2025-07-25 17:27:57
353
原创 面向对象设计思想与OOP意识
面向对象编程(OOP)是一种以对象为核心构建软件系统的编程范式。其核心包含四大特性:封装、继承、多态和抽象,以及SOLID五大设计原则。培养OOP意识需要建立对象思维、关系思维和接口思维,合理分配对象职责。实践建议包括:从需求识别对象、优先使用组合、保持类小而专注、运用设计模式和持续重构。通过掌握这些概念和实践,可以构建更灵活、可维护的软件系统。OOP思维需要不断实践来强化。
2025-07-25 17:08:50
325
原创 JavaScript 事件循环机制详解
本文解析了JavaScript事件循环机制,重点分析了async/await和Promise的执行顺序。核心要点包括:1)同步代码优先执行;2)微任务(Promise.then)优先于宏任务(setTimeout);3)await后面的代码作为微任务执行。通过具体代码示例,展示了执行顺序为:同步代码→微任务→宏任务→反复检查微任务。掌握调用栈、任务队列和事件循环的交互规则,可以准确预测异步代码的执行流程。
2025-07-20 15:29:50
286
原创 闭包详解:概念、应用场景与销毁方法
闭包是JavaScript中函数访问外部作用域变量的机制,具有数据封装、状态保持等特性。它通过函数嵌套实现,内部函数可以访问外部函数的变量,即使外部函数已执行完毕。闭包常用于创建私有变量、函数工厂、模块模式等场景,但需注意内存泄漏风险。为避免内存问题,可通过解除引用、IIFE或手动清理等方式销毁闭包。合理使用闭包能提升代码复用性和模块化,但过度使用会影响性能和代码可读性。
2025-07-20 15:09:05
548
原创 CSS 浮动与清除浮动详解
浮动布局在响应式设计中仍有其用途,但现代CSS布局技术(Flexbox/Grid)通常能提供更简单、更强大的解决方案。浮动是CSS中一种传统的布局方式,最初用于实现文字环绕图片的效果,后来被广泛用于网页布局。当元素浮动后,其父容器高度会"坍塌"(高度为0),这时需要使用清除浮动技术。浮动元素会脱离正常文档流,向指定方向移动直到碰到包含框或另一个浮动元素。浮动元素会变成块级元素(可以设置宽高)浮动元素后面的非浮动内容会环绕它。
2025-07-19 15:01:58
162
原创 useEffect 和 useMemo 的区别详解
处理副作用(如API调用、DOM操作、订阅等):可以返回一个清理函数(用于取消订阅等清理工作)昂贵的计算(如大型数组处理、复杂数学运算)当计算依赖特定props/state时。:内部的操作不会直接影响本次渲染结果。(如API调用、日志记录等)→ 用。:计算结果会直接用于本次渲染。(避免每次渲染都拼接字符串):直接参与本次渲染的返回值。避免子组件不必要的重新渲染。变化时获取数据(副作用):优化性能,避免重复计算。(且计算成本高)→ 用。当你需要在某些值变化时。当你需要在某些值变化时。记录日志等副作用操作。
2025-07-16 12:32:20
272
原创 React 的生命周期介绍
阶段类组件方法函数组件(Hooks)挂载更新卸载useEffect清理函数错误处理推荐:新项目优先使用函数组件 + Hooks,逻辑更简洁且易于复用。类组件在旧代码或特定场景(如 Error Boundaries)中仍有价值。
2025-07-16 09:22:52
353
原创 块级元素与行内元素详解
特性块级元素行内元素行内块元素是否换行是否否可设置宽高是否是默认宽度父元素100%内容宽度内容宽度包含关系可包含其他块级元素只能包含文本或行内元素同块级元素全部有效水平有效,垂直不影响布局全部有效典型元素img, input理解这些差异对于CSS布局和元素选择非常重要,特别是在构建响应式设计时。
2025-07-15 13:45:25
310
原创 BFC(块级格式化上下文)详解及应用
BFC(Block Formatting Context,块级格式化上下文)是Web页面中一个独立的渲染区域,它规定了内部块级元素的布局方式,并且与外部元素相互隔离。BFC的创建条件(满足以下任一条件即可):根元素(<html>浮动元素(float不为none绝对定位元素(position为absolute或fixeddisplay为table-cellflexgrid或overflow不为visible的元素contain为layoutcontent或paint的元素。
2025-07-15 13:41:50
318
原创 XSS详解
XSS(Cross-Site Scripting,跨站脚本攻击)是一种常见的 Web 安全漏洞,攻击者通过向网页注入恶意脚本,使其在用户浏览器中执行,从而窃取数据、劫持会话或进行其他恶意操作。:恶意脚本通过 URL 参数传递,服务器直接返回给用户浏览器执行。:恶意脚本通过修改 DOM 环境(而非服务器)触发,纯前端漏洞。:网站未对用户输入进行严格过滤,导致恶意脚本被注入并执行。当其他用户查看该评论时,脚本自动执行,窃取 Cookie。对用户输入进行转义或白名单过滤(如只允许字母、数字)。
2025-07-14 14:38:59
416
原创 CSRF攻击详解
CSRF(Cross-Site Request Forgery,跨站请求伪造)是一种网络攻击方式,攻击者诱骗用户在已登录的目标网站上执行非本意的操作。
2025-07-14 14:34:25
264
原创 前端html面试基础高频题汇总及解答
这篇文章总结了前端HTML面试中的高频基础问题,涵盖14个核心知识点。主要内容包括:HTML5新特性与移除元素、语义化标签的理解、WEB标准与W3C、SEO优化中的TDK、iframe的优缺点、微格式的应用、可替换与非可替换元素的区别、PageVisibility API用途、src与href的区别、表单自动完成关闭方法、语义化标签对比(title/h1、b/strong、i/em)、前端页面的三层结构等。文章通过对比分析、代码示例等方式,深入浅出地讲解了这些面试常见问题,既适合面试准备,也可作为学习参考。
2025-07-10 21:44:10
2011
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人