自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 联想拯救者Y7000内存升级指南:8G变16G再战三年

联想拯救者Y7000笔记本内存升级指南:确认有空闲插槽后,建议购买同品牌同规格的8GB内存组成双通道。拆机时需断电防静电,按顺序摆放螺丝,安装后检查是否识别为16GB。8G变16G再战三年。

2025-07-21 17:01:32 3154 4

原创 前端框架-框架为何应运而生?

随着Web技术的不断发展,框架本身也在持续演进,以适应新的开发需求和技术环境。

2025-12-02 17:21:41 726

原创 计算机找工作必看:从0到1到10的进阶思考

发现问题 → 分析痛点 → 设计方案 → 落地实施

2025-11-26 16:00:00 698

原创 前端框架:从零开始轻松学

本合集,将带你了解前端框架的种类,并为你提供从零开始学习的建议,让你能够顺利入门,打造出色的前端项目!

2025-11-24 16:00:00 786

原创 JavaScript进阶-var、let、const 的区别

分类梳理JavaScript进阶的知识点,巩固知识点,汲取新知识。

2025-11-21 17:45:00 729

原创 计算机找工作必看:思考比敲键盘更重要

写代码也需要这种工匠精神,为什么我们就不该关注"用什么螺丝"呢?

2025-11-19 17:25:49 245

原创 前端学习手册-JavaScript数组遍历12种高效方法(十七)

本文介绍了JavaScript数组的12种遍历方法对比,根据具体场景选择合适的遍历方法,可以提高代码的可读性、性能和维护性。

2025-11-12 15:30:00 312

原创 计算机找工作必看:如何在简历中写项目经历?

业务的定义没有固定答案——它可以是一个具体的小任务,也可以是由许多环节组成的大项目,取决于分析的角度和实际需求。

2025-11-10 15:00:00 301

原创 JavaScript 常见的保留字大全以及注意事项

JavaScript 保留字不可用作变量名、函数名等标识符,使用前请确认其合法性以避免语法错误。

2025-11-03 10:35:43 264

原创 前端学习手册-ECMAScript 6 入门(十六)

ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现。

2025-10-29 16:12:04 142

原创 前端学习手册-ECMAScript 6 入门(十五)

ES6的几个重要特性:这些特性都是现代JavaScript开发中的常用语法,掌握它们能显著提升开发效率。

2025-10-23 18:00:00 162

原创 前端学习手册-ECMAScript 6 入门(十四)

ES 是 ECMAScript 的简称,它就是 JavaScript 的标准化规范。是时候拥抱这些新特性,让你的代码更简洁高效了!

2025-10-20 17:30:00 396

原创 面试紧张?3招让你轻松胜出

找工作本来就是双向选择,做好充足的准备,保持轻松的心态,反而能更好地展现真实的自己。

2025-10-17 14:10:51 237

原创 前端学习手册-H5+CSS3+JS响应式网站(十三)

HTML5+CSS3+JS实战:打造炫酷响应式网站

2025-10-09 15:08:49 404

原创 前端防重复提交(第一道防线)实战方案

在日常开发中,重复提交问题是一个常见但容易被忽视的技术痛点。

2025-09-29 17:30:00 415 1

原创 前端学习手册-JavaScript函数回调地狱(十二)

解决回调地狱的三种方案:1) Promise链式调用,提供线性代码结构和集中错误处理;2) async/await语法(推荐),使异步代码类似同步代码,显著提升可读性;3) Promise.all实现并行操作提高性能。建议优先使用async/await,注意添加错误处理,保持函数职责单一,合理选择方案提升代码质量。

2025-09-26 15:03:07 237

原创 前端学习手册-JavaScript函数与回调(十一)

回调函数是作为参数传递给另一个函数的函数,在特定事件或条件发生时被调用。4. 定时器函数(如setTimeout、setInterval等)3. 数组的高阶函数(如forEach、map、filter等)使代码更优雅可读性更强?1. 异步API调用(如AJAX请求、文件读写等)回调函数本质上是一个函数,作为另一个函数的参数。2. 事件处理(如点击事件、键盘事件等)多层嵌套会导致回调地狱,应尽量避免。五、匿名函数(没有名字的函数)1.使用命名函数作为回调。2.使用匿名函数作为回调。3.使用箭头函数作为回调。

2025-09-22 19:45:00 339

原创 前端学习手册-JavaScript基础语法(十)

本文介绍了JavaScript基础语法中的运算符、条件控制语句和循环语句。适合初学者。

2025-09-19 20:00:00 326

原创 前端学习手册-JavaScript基础语法(九)

前面学习的html和css 知识,你“能独立写出完整页面布局”了,可以画出静态的页面了。接下来学习JavaScript ,JavaScript 可以让网页动起来,实现交互功能,还可以做服务器和 App!

2025-09-15 09:25:14 425

原创 计算机找工作必看:面试高分技巧结构化答题法

面试不是考试,而是展示你如何思考的过程。好的结构就像好的UI,让面试官轻松get到你的亮点。

2025-09-11 05:30:00 906

原创 计算机找工作必看:简历这样写轻松拿Offer

结合广大毕业生找工作的诸多痛点,针对毕业生求职过程中遇到的常见难题,希望能提供实用的建议。首先从简历撰写入手分享技巧,后续还将陆续推出项目介绍、面试准备、实战技巧及技术提升等专题内容。

2025-09-09 09:35:01 649

原创 Sourcetree:前端开发必备Git可视化神器

解决多人开发中代码合并冲突的实用技巧:通过Jira查询多个提交记录(使用\|间隔符),按时间顺序遴选可避免冲突。

2025-09-08 17:45:00 277

原创 前端学习手册-网站18大模块详解(八)

介绍了网站的18个常见模块组成,包括头部、导航栏、横幅、侧边栏、主内容区等核心元素,以及表单、分页、社交媒体链接等功能组件。这些模块认知是前端开发的基础,对后续学习框架和优化技术具有重要意义。

2025-09-04 17:45:00 718

原创 如何从程序员到Leader的转变?

分享了担任前端团队Leader的实战经验。技术选型要综合考虑团队成员上手难度、技术可靠性和业务匹配度,优先选择成熟方案。排期管理需细化任务、让执行者自评时间并预留缓冲期。带新人要注重实操指导,通过代码评审传授规范,并帮助融入团队氛围。核心观点是:做技术决策要务实,管理要注重细节和人性化。

2025-09-01 15:50:39 903

原创 前端学习手册-CSS 布局大法(七)

掌握本篇后,你将迈入“能独立写出完整页面布局”的阶段。

2025-08-25 17:08:19 355

原创 前端学习手册-position定位详解(六)

CSS的position属性用于控制元素定位方式,主要有五种取值:static(默认,正常文档流)、relative(相对原位置偏移)、absolute(脱离文档流,相对于定位父元素)、fixed(相对于视口固定)和sticky(滚动到临界点时固定)。这些定位方式配合top/right/bottom/left属性使用,可实现浮动菜单、固定导航栏、悬浮按钮等常见布局效果。其中sticky结合了relative和fixed特性,是较新的定位方式。掌握这些定位方式的区别和应用场景,能够实现更灵活精准的页面布局。

2025-08-21 16:48:11 344

原创 前端学习手册-盒子模型详解(五)

CSS盒子模型将网页元素视为由四部分组成的矩形盒子:内容(content)、内边距(padding)、边框(border)和外边距(margin)。主要分为标准模型(content-box)和怪异模型(border-box)两种:标准模型的width仅包含内容宽度,而怪异模型的width包含内容、内边距和边框。当外层元素固定宽度,内层元素使用百分比并设置padding/border时,使用怪异模型可以保持内外元素尺寸一致。通过box-sizing属性可切换模型类型,默认是标准模型。

2025-08-18 14:29:39 287

原创 前端学习手册-CSS(四)

摘要:CSS是用于美化HTML页面的层叠样式表,通过属性修饰标签使页面更美观。其基础语法写在<style>标签内,样式表分为行内、内嵌和外部三种类型。CSS通过选择器匹配标签,包括标签选择器、ID选择器、类选择器和通配选择器。CSS采用盒子模型布局,每个标签被视为包含内容区(content)、内边距(padding)、边框(border)和外边距(margin)的盒子,这些属性共同决定标签的显示效果和布局位置。

2025-08-11 18:12:24 408

原创 前端学习手册-HTML(三)

HTML是超文本标记语言,用于描述网页结构和内容。它通过标记标签定义网页元素,如标题、段落、链接等。HTML文档由基本框架构成,包含DOCTYPE声明、html、head和body标签。常用标签包括文本格式化(h1-h6、p)、多媒体(img)、列表(ul/ol)、表格(table)和表单(form)等。HTML5新增更多功能,建议通过官方文档系统学习。作为一种标记语言而非编程语言,HTML由浏览器解析后呈现为可视化网页。掌握HTML基础是网页开发的第一步。

2025-08-07 14:48:56 268

原创 2025年下半年软考倒计时3个月

下半年软考报名即将开始,中级软件设计师对前端开发者含金量较高。软考改革后难度加大,持证可享受职称直评、落户加分、职业晋升等多项福利。备考建议立即行动,通过视频学习、真题练习制定计划。组队备考可提升效率,把握最后窗口期冲刺11月考试。

2025-08-06 10:31:28 318 1

原创 你还在写一堆 if-else 吗?

文章摘要: 本文通过网购订单状态管理案例,阐述了状态模式的设计优势。传统if-else处理多状态时会导致代码臃肿、维护困难,而状态模式将每个状态封装为独立类(如新订单、处理中等),通过多态实现状态转换。示例用JavaScript实现了5种订单状态类,每个类包含状态转换和行为逻辑,上下文类Order负责状态切换和UI更新。相比条件分支,状态模式具有逻辑清晰、扩展性强等优点,能优雅处理复杂状态流转,适合电商等需要管理多状态的场景。

2025-08-05 12:12:15 380

原创 前端学习手册-必备技能(二)

前端开发必备核心技能包括:掌握HTML/CSS/JavaScript三大基础技术,熟悉响应式设计和主流框架(React/Vue),了解Git版本控制和API交互。前端主要负责页面结构、样式设计和交互实现,后端处理业务逻辑和数据处理,前后端通过API实现分离协作。开发流程包含页面构建、服务器搭建、数据库交互等环节,采用前后端分离架构可提升开发效率和系统可维护性。该知识体系为Web开发奠定了坚实基础。

2025-07-30 14:33:07 352

原创 前端学习手册-什么是前端(一)

网页的点击、输入、浏览、任何互动,都离不开前端

2025-07-25 17:16:57 211

原创 前端工程师的成长之路

《非科班前端工程师的六年成长之路》:一位非科班出身的前端开发者分享6年从业心得。从大学意外接触编程开始,经历实习被拒、求职困境,最终通过小公司积累经验站稳脚跟。建议新人坚持学习,选择性接项目提升能力,并分享了运营技术公众号和备考软考的经验。强调持续学习的重要性,认为前端成长是长期过程,需要保持耐心和毅力。

2025-07-18 15:24:23 189

原创 前端边界场景容错处理:让你的代码稳如泰山

前端开发中接口异常处理至关重要,避免因数据问题导致页面崩溃。常见问题包括:1)解构赋值时未处理undefined/null;2)数组遍历前未校验类型;3)对象属性访问缺乏安全措施。解决方案:使用默认值、可选链操作符(适度)、类型检查、try-catch捕获异常。同时需注意内存管理(清除定时器/事件监听)和递归边界。开发原则:不信任任何外部数据,TypeScript可帮助规避大部分类型问题。良好的容错机制是保证应用稳定性的关键。

2025-06-17 14:08:33 362

原创 微前端Micro-App的应用和分析

微前端是一种将前端应用拆分为独立模块的开发架构,支持不同技术栈(Vue/React等)的子应用独立开发、部署和运行。主应用通过动态加载子应用容器实现集成,需解决应用隔离、通信机制、性能优化和路由管理等核心问题。该架构具有无侵入式接入(5KB轻量)、样式隔离(自动前缀或ShadowDOM)和沙箱隔离等特点,特别适用于整合遗留系统、多团队协作等场景,但存在严格沙箱模式兼容性和跨域加载等限制。通过微前端可实现技术栈无关的模块化开发,降低系统耦合度。

2025-05-27 15:16:23 515

原创 vue3 学习

组合式API:这是 Vue 3 的最大亮点,替代 Vue 2 的 Options API 选项式。:使用 Vue 3 + Vue Router + Pinia 构建一个博客系统。:Vue 3 官方推荐的开发工具,替代 Vue 2 的 Vetur。:Vue 3 官方推荐的构建工具,速度快且配置简单。:用 Vue 3 搭建一个展示个人项目的网站。响应式数据:ref、reactive等的区别。组件化开发:组件的 Props、生命周期钩子。node版本需要高一点 v18.20.6。

2025-02-19 16:52:16 217

原创 Vue 组件的<style>标签上 添加的scoped属性

当在 Vue 组件的标签上添加scoped属性后,Vue.js 在编译组件时,会为每个组件的元素添加一个唯一的数据属性。对于带有scoped属性的标签中的 CSS 选择器,会自动添加这个数据属性选择器来限制样式的作用域。根据这个唯一hash值,我们能够知道页面的层级结构,哪些是属于一个组件的,哪些是多个组件嵌套的。3.开发过程中,样式冲突可能会是一个大问题,合理使用全局css。1.限制样式的作用域,只在当前的页面组件有效。2.避免样式污染,影响到其他组件。

2024-11-28 15:15:30 523 1

原创 闭包问题及其应用

1.函数内部的可以读取外部的全局变量,但是函数外部不能读取函数内部的局部变量。为了能够在函数外部读取到函数内部的局部变量,在内部再定义一个函数。2.闭包就是将函数内部和函数外部连接起来的一座桥梁。let n=999;alert(n);return f2;result();// 9993.缺点:使用闭包会占内存资源,过多的使用闭包会导致内存溢出等。4.闭包的主要用途有两个:4.1保护函数内的变量不受全局访问或修改。避免全局污染,将变量设置为私有变量。

2024-07-04 17:34:15 266

原创 TypeScrip的使用

用脚手架搭项目的时候可以选择是否使用TypeScript。示例:用vue3+TS。

2023-06-12 17:42:48 171 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除