- 博客(29)
- 收藏
- 关注
RSS订阅原创 深度挖掘：前端架构设计与现代化实践
在当今数字化浪潮中，前端开发不再仅仅停留在界面呈现的层面，而是逐渐成为整个应用架构中至关重要的一环。本文将深入研究前端架构设计与现代化实践，探讨前沿技术和最佳实践，并提供对前端开发者如何提高其架构设计能力和实践水平的深刻见解。
2024-01-25 10:45:22
1673
原创 前端常见安全问题以及解决方案汇总
在处理前端安全问题时，我们意识到安全性是一个不断演进的过程。通过采取一系列措施，如设置安全头部、使用 HTTPS 加密传输、及时更新第三方依赖并引入安全监控，我们可以有效地降低潜在的安全风险。此外，数据脱敏和定期审查安全措施也对保障前端应用程序的安全性至关重要。综上所述，领会并实践这些前端安全原则，将有助于确保用户数据和系统的安全，为用户提供更可靠的在线体验。
2024-01-24 20:52:51
1209
原创 提升网站性能与内存管理：打造高效的前端体验
通过综合运用上述策略，开发者可以显著提升网站性能和内存利用率。这些技巧不仅改善用户体验，还有助于提高搜索引擎排名、用户转化率，从而为业务带来长期成果。同时，持续关注新的性能优化方法和内存管理最佳实践将有助于保持前端应用在性能方面的领先优势。
2024-01-22 11:00:56
1062
原创 前端跨域请求处理方法详解
在Web开发中，由于浏览器的同源策略限制，前端经常会面临跨域请求的问题。针对这一挑战，我们可以采用多种方法来解决跨域请求问题。本文将介绍常见的跨域请求处理方法，以及它们的实现原理和适用场景。
2024-01-22 09:38:40
1003
原创 JavaScript 类型指南
JavaScript作为一种动态类型语言，支持多种数据类型。其原始数据类型包括数字、字符串、布尔值、空、未定义以及符号（ES6引入），而引用数据类型则包括对象、数组、函数、日期以及正则表达式。随着ECMAScript标准的不断更新，JavaScript在功能和性能上得到了显著改进，并且逐渐成为一门广泛应用的通用编程语言，已经不仅仅局限于前端开发，在后端开发（Node.js）以及移动应用开发等领域也有着广泛的应用。
2024-01-20 11:17:06
990
原创 ahooks 深入探究 useRequest 和 useLocalStorageState
在本篇博客中，深入探讨了 ahooks 中的两个重要 Hooks —— useRequest 和 useLocalStorageState。通过详细的介绍和实际示例，希望读者能够更好地理解如何利用这些 Hooks 构建出强大而优雅的 React 组件。同时，强调了最佳实践，并提供了一些建议，帮助更好地在实际项目中应用这些强大的自定义 Hooks。希望在你的下一个 React 项目中，能够充分发挥 ahooks 的优势，打造出更加精妙的用户界面。
2024-01-06 15:27:35
1125
原创 深入探索前端开发 --- TypeScript
TypeScript 是一个强大的工具，它能够改善前端开发体验，提高代码质量并降低维护成本。引入了静态类型、类型推断和类似功能，TypeScript 为 JavaScript 带来了更强大的表现力。在当今快速发展的 Web 开发领域，TypeScript 无疑是一种值得学习和应用的技术。通过本文的介绍，希望读者能够更加深入地了解 TypeScript，并在实际项目中应用它，从而提升自身的开发能力和项目质量。
2023-12-27 20:16:57
827
原创 前端环境部署全套实践指南
通过学习Webpack配置，我掌握了创建基本项目结构并成功引入React和TypeScript的方法。在Webpack配置方面，我深入了解了webpack.base.ts、webpack.dev.ts和webpack.prod.ts这些配置文件的编写方式，以及如何处理静态资源、配置环境变量和设置文件别名。此外，我还学会了引入Less、Sass（Scss）和Stylus，并处理CSS3前缀兼容以及其他常用资源的方法。
2023-12-23 14:41:27
942
原创 实现图片上传的 Node.js 详细讲解
在Node.js中，实现图片上传需要使用一些核心模块和第三方库。本文将介绍如何通过Express框架和Multer中间件实现图片上传功能。首先，确保你已经安装了Node.js和npm。然后创建一个新的项目文件夹，并在其中初始化npm。时，你会看到一个简单的图片上传表单。选择一张图片，并点击上传按钮，图片将会被上传到服务器上的。这就是使用Node.js实现图片上传的基本步骤，希望本文能对你有所帮助！使用Multer中间件处理文件上传。文件，用于创建一个简单的表单提交页面。
2023-12-16 10:18:55
68
原创 Node.js 中的鉴权令牌解析与实践
在现代 Web 开发中，安全性是至关重要的。随着前后端分离架构的普及和复杂性的提升，我们需要一种有效的方式来进行用户身份验证和授权管理。在 Node.js 中，使用令牌（Token）来进行鉴权已经成为了一种非常流行和有效的方式。本文将详细介绍 Node.js 中常见的鉴权令牌类型，并结合历史背景和实际示例进行解析和实践。鉴权令牌是一种用于验证用户身份和权限的机制。它通过将用户信息进行加密生成一个特定格式的令牌，并在用户请求中携带这个令牌来验证用户的身份和权限。
2023-12-15 09:21:34
69
原创 初始TypeScript必看
TypeScript作为JavaScript的超集，提供了丰富的新特性和设置，使得开发者能够更好地管理复杂项目并提高代码的质量和可维护性。TypeScript作为JavaScript的超集，引入了许多新的功能和设置，使得开发者能够在编写代码时获得更好的类型检查、更丰富的面向对象编程支持以及更强大的工具生态。TypeScript通过引入静态类型系统，使得开发者可以在编码阶段指定变量的类型，并利用类型推断等功能帮助开发者更好地捕获潜在的类型错误。：允许开发者编写可重用的组件，从而提高代码的灵活性。
2023-12-09 16:45:40
31
原创 数据驱动实现学生管理系统
数据驱动视图是指通过数据来驱动页面的显示和行为，使得页面的展示和交互元素可以根据数据的变化而自动更新。这种开发模式通常使用前端框架或库来实现，例如Vue.js、React等。
2023-12-02 15:20:56
71
1
原创 JavaScript数组遍历方法大全
数组作为JavaScript里面最强大的数据类型，在很多情况下，我们都要对不同格式的数组进行数据提取，这就避不开对数组进行遍历，本篇博客我将整理出大量的遍历数组的方法。
2023-11-25 14:02:08
85
原创 js闭包详解
闭包是指那些能够访问自由变量的函数。所谓“自由变量”，指的是在函数中使用的，但既不是函数参数也不是函数局部变量的变量。闭包在创建时就会和它们所引用的自由变量形成一个封闭的包 —— 一个闭包。简单来说，一个闭包就是一个函数以及该函数声明时所在的词法环境的组合。
2023-11-18 14:54:00
49
1
原创 隐藏元素的方法大全
在前端开发中，我们可能需要根据不同的场景来隐藏页面上的某些元素。隐藏元素是一个基本操作，但背后却有各种实现方式，每种方法都有其用武之地。本文将详细介绍几种常见的隐藏元素的方法，并提供相应的代码示例。
2023-11-18 14:44:34
105
1
原创 大型伦理剧---JavaScript继承
在JavaScript中，继承是一种重要的概念，允许我们创建一个对象，并从其他对象中继承属性和方法。有多种方式可以实现继承，每种方式都有自己的优缺点和适用场景。下面我们将详细解释每种继承方式的工作原理和使用方法。
2023-10-31 19:56:56
70
1
原创 什么是瀑布流布局？怎么实现？
瀑布流又称瀑布流式布局，是一种多列等宽不等高的一种页面布局方式。视觉表现为参差不齐的多栏布局。随着页面滚动条向下滚动，这种布局会不断加载数据并附加至当前的尾部。是一种多列等宽不等高的一种页面布局方式，用于图片比较复杂，图片尺寸比较复杂时可以使用的一种展示方式，这种展示方式可以使页面比较美观，让人有种错落有致的感觉。瀑布流是一种允许用户不断往下滑动，页面自动刷新呈现内容的交互形式。瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式。
2023-10-25 19:00:58
355
1
原创 十大经典排序算法（下）
排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。
2023-10-24 19:52:57
30
原创 十大经典排序算法（上）
排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。
2023-10-24 19:13:41
32
原创 Swiper详解
swiper是一款轻量级的轮播图插件，开源、免费、稳定、使用简单且功能强大，由纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果，是架构移动终端网站的重要选择！
2023-10-21 15:00:43
2760
1
原创 JavaScript之ECharts 入门级教程
<title>第一个 ECharts 实例</title>-- 引入 echarts.js -->
2023-10-16 14:26:06
2032
1
原创 HTML，CSS中面试常见问题合集
href表示超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系，src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档中，例如js脚本，img图片和frame等元素。
2023-10-07 19:10:52
48
1
原创 全网首发 JavaScript历史遗留问题补充说明
] + {} 会返回 '[object Object]'，这是因为它被解释为一个空数组（[]）后紧跟着一个对象字面量（{}），JavaScript 将其视为字符串拼接的操作，因此将空数组转换成空字符串，然后将对象字面量转换成字符串 '[object Object]'，最终结果为 '[object Object]'。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。原始数据类型直接存储在栈（stack）中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储。
2023-09-27 09:36:54
144
1
原创 JavaScript：精度问题
JavaScript 内部只有一种数字类型Number，也就是说，JavaScript 语言的底层根本没有整数，所有数字都是以IEEE-754标准格式64位浮点数形式储存，1与1.0是相同的。这个标准定义了表示浮点数的格式（包括负零-0）与反常值（denormal number）），一些特殊数值（无穷（Inf）与非数值（NaN）），以及这些数值的“浮点数运算符”；例如，可以将小数乘以一个较大的倍数，将其转换为整数，并进行相应的运算，最后再将结果除以相同的倍数转换回浮点数。
2023-09-23 14:36:12
229
1
原创 Javascript内存管理
高级语言解释器嵌入了“垃圾回收器”，它的主要工作是跟踪内存的分配和使用，以便当分配的内存不再使用时，自动释放它。首先我们将所有的对象标记为0，在进行一次对象遍历后，将所有存活的对象标记为1，将所有标记为0的对象清除，如何将标记为1的对象再次标记为0，方便下一次处理。第一和第三部分在底层语言中是明确的，但在像 JavaScript 这些高级语言中，大部分都是隐含的。大多数内存管理的问题都在这个阶段。上面是我们理论上的解释，但是实际上，在进行循环引用时，引用次数绝对不可能为0，这将导致无法回收，内存无法释放。
2023-09-18 16:20:03
119
原创 利用css3完成一部分类似使用JavaScript实现的功能
固定定位实现的，但是“回到顶部”模块在页面存在于最上方时是不会显示的，一般这里会运用JavaScript当中的事件监听鼠标滚轮的下滑数值来改变“回到顶部”模块的显示。布局思路和实现思路和实现JavaScript的排他效果类似。近期在研究css选择器的时候，突然发现可以利用hover加上兄弟选择器，去逐级寻找拥有默认样式的属性，并清楚其默认样式，达到类似JavaScript的排异效果。排异思想一直都是利用JavaScript实现的，当选中其中一个元素时，要清楚其他兄弟元素的样式，从而实现独立存在的效果。
2023-09-02 10:09:30
40
原创 HTML布局方式（静态布局，弹性盒子布局，双飞翼布局，圣杯布局）
首先，我们要知道现在讨论的三种布局方式都是为了实现框架的版心区域居中，在缩放页面的时候先减少两侧的空白区域，最后在让中间区域增加滚动条。
2023-08-23 19:18:37
196
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人