- 博客(211)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 【JS】一文告诉你如何判断JS的数据类型？
typeof、Array.isArray()、instanceof、Object.prototype.toString.call()分别是什么，详细讲给你
2024-06-18 14:43:07
358
转载 CSS的Flex布局语法
一、Flex布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}
2021-12-10 16:55:01
37881
原创 前端使用Blob处理后台传输的文件流
调接口时添加 responseType: ‘blob’ return request('接口', { method: 'POST', responseType: 'blob', data:{ ...params, }, });对返回的文件流进行处理response为获取到的文件流(response: any) => { // 创建blob对象 const blob = window.URL.crea
2020-09-01 11:15:34
43506
原创 最全禁浏览器热键禁F5F12复制粘贴删除前进后退等
document.oncontextmenu = function(){ event.returnValue = false; } // 或者直接返回整个事件 document.oncontextmenu = function(){ return false; } // onselect...
2020-01-10 15:36:11
42710
原创 16 个 JavaScript 简写神技，提效 60%！
JavaScript 是一门强大且灵活的语言，拥有丰富的特性和语法糖。分享下 16 个最常用的 JavaScript 的简写技巧，掌握它们可以让我们编写出更简洁、更优雅的代码，并显著提升开发效率（增加摸鱼时间）。
2025-02-28 14:47:05
294
原创 抛弃 forEach，让数组遍历更高效
多年来，forEach 方法因其简洁易读的语法成为了我们处理数组的首选。然而，随着性能要求的提高和更多数组方法的出现，是时候重新评估我们的数组遍历策略了。
2025-02-28 14:24:43
172
原创 突发！这个400万开发者在用的VS Code插件存在恶意代码...
2月26日，VS Code热门主题插件 Material Theme 被发现包含恶意代码，随即被微软从市场移除。该系列插件总安装量接近1300万次，涉及以下五个插件：equinusocio.moxer-theme、equinusocio.vsc-material-theme、equinusocio.vsc-material-theme-icons、equinusocio.vsc-community-material-theme、equinusocio.moxer-icons。
2025-02-27 14:40:10
339
1
原创 前端自动化部署的极简方案
在现代软件开发中，自动化部署已经成为了一个不可或缺的环节。它可以大幅度提高开发效率，减少人为错误，并且使得整个部署过程更加可靠和可控。对于前端项目来说，自动化部署同样重要。本文将介绍一个极简的前端自动化部署方案，帮助你快速上手并享受自动化带来的便利。构建工具：使用 Webpack 或者 Rollup 等构建工具来打包和优化前端代码。版本控制：使用 Git 等版本控制系统来管理代码变更。CI/CD 工具。
2025-02-19 17:10:19
807
原创 前端工程化：从混沌到秩序
前端工程化是前端开发的必然趋势。它可以帮助我们更好地管理和维护大型前端项目，提高开发效率和代码质量，优化用户体验。通过采用脚手架、规范及架构设计、组件化、DevOps和性能与错误监控等核心实践，我们可以将前端开发从混沌带入秩序，实现高效、可靠和可扩展的前端应用。
2025-02-19 11:16:12
648
原创 聊聊单点登录（SSO）
单点登录（Single Sign-On，SSO）是一种身份验证方法，允许用户使用一组凭据（如用户名和密码）在多个相关但独立的系统中进行身份验证。这样，用户只需要登录一次，就可以访问所有需要身份验证的应用程序或服务，而无需在每个应用程序中都输入用户名和密码。
2025-02-18 17:21:28
916
原创 Chrome 的 API moveBefore() 与 insertBefore() 的对比
Chrome 的 API moveBefore() 与 insertBefore() 的对比
2025-02-17 14:17:26
1093
原创 使用 React 16+Webpack 和 pdfjs-dist 或 react-pdf 实现 PDF 文件显示、定位和高亮
使用 React 16+Webpack 和 pdfjs-dist 或 react-pdf 实现 PDF 文件显示、定位和高亮
2025-02-12 15:57:27
637
原创 大前端开发全流程拆解与关键要点
在当今的互联网时代，前端开发已经不再是简单的网页设计和交互实现。随着技术的进步和用户需求的变化，前端开发逐渐演变成一个复杂而多元化的领域，涵盖了从项目前期到上线的各个阶段。本文将从七个方面对大前端开发进行深入分析，帮助读者更好地理解和掌握这一流程。
2025-02-11 14:12:11
5290
原创 什么是DeepSeek？如何入门DeepSeek？
DeepSeek（深度求索）是一款由国内团队开发的开源人工智能工具库，专注于提供高效易用的AI模型训练与推理能力。它既包含预训练大语言模型（如DeepSeek-R1系列），也提供配套工具链，助力开发者快速实现AI应用落地。"instruction": "生成产品描述","input": "无线蓝牙耳机，降噪，30小时续航","output": "XX蓝牙耳机采用主动降噪技术..."
2025-02-10 17:14:58
7325
原创 CSS样式中长度单位含义解析：rpx、px、vw、vh、em、rem、pt
CSS样式中长度单位含义解析：rpx、px、vw、vh、em、rem、pt
2025-02-10 14:58:37
4190
原创 解决 Excel 打开 UTF-8 编码 CSV 文件乱码的问题
在日常数据处理工作中，我们经常会使用CSV文件进行数据的导入和导出。然而，当CSV文件采用UTF-8编码时，有时候在使用Excel打开这些文件时会遇到乱码的问题，这可能会影响数据的正确性和可读性。在本文中，我们将分享如何解决Excel打开UTF-8编码CSV文件乱码的BUG问题，并提供一些实用的方法。
2025-02-10 14:38:33
5342
1
原创 react-native fetch在具有http远程服务器后端的Android设备上抛出“Network request failed“错误
在具有http远程服务器后端的Android设备上，使用react-native fetch时抛出"Network request failed"错误。"Network request failed"错误通常表示在进行网络请求时出现了问题。可能的原因包括网络连接问题、服务器端错误、请求超时等。
2025-02-08 11:10:51
4354
原创 浏览器从输入url到页面显示都做了什么？
当你在浏览器中输入一个 URL 并按下回车键时，会发生一系列复杂的事件。这些事件涉及到多个系统和技术，包括 DNS 解析、HTTP 请求、服务器处理、内容传输和浏览器渲染等。下面我们将详细描述从输入 URL 到页面加载完成的整个过程。从输入 URL 到页面加载完成，整个过程涉及到多个系统和技术，包括 DNS 解析、TCP 连接、HTTP 请求、服务器处理、内容传输和浏览器渲染等。理解这个过程可以帮助我们更好地优化网站性能，提高用户体验。
2025-01-13 11:11:16
4899
原创 浅谈耦合和解耦
耦合和解耦是软件设计中两个非常重要的概念。它们直接影响到系统的可维护性、可扩展性和可靠性。下面我们将从通俗的角度来理解这两个概念，并探讨如何在实际开发中应用它们。在软件设计中，耦合指的是模块、组件或系统之间的依赖关系。简单来说，如果一个模块的更改可能会影响到另一个模块的行为，那么这两个模块就存在耦合。例如，假设你正在开发一个在线商店。你的系统中有一个“订单处理”模块和一个“库存管理”模块。如果“订单处理”模块直接调用“库存管理”模块的函数来更新库存，那么这两个模块就存在耦合。
2025-01-13 11:02:31
4523
原创 React 数据是怎样传递的
在 React 应用程序中，数据传递是非常重要的。它允许我们在组件之间共享信息和状态，从而构建出复杂的用户界面。本文将深入探讨 React 中的数据传递机制，包括 props、state 和 context API。我们还将通过实际例子来演示如何在项目中应用这些概念。
2025-01-03 10:06:30
4714
原创 React虚拟DOM：理解和应用
在现代前端开发中，React 是一个非常流行的 JavaScript 库，用于构建用户界面。它引入了一个名为“虚拟 DOM”（Virtual DOM）的概念，这个概念对于 React 的高效性能和易用性至关重要。本文将深入探讨 React Virtual DOM 的工作原理、优点以及如何在实际项目中应用它。React Virtual DOM 是一个轻量级的 JavaScript 对象，它是真实 DOM 的一个副本。
2025-01-03 10:01:57
5191
原创 React 19有哪些新特性？
React 19是React框架的最新版本，带来了许多令人兴奋的新更新、新特性和新Hooks。这些改进旨在提高开发效率、增强性能和简化代码结构。在本文中，我们将详细介绍React 19的主要更新和新特性，并提供实际的例子来帮助你更好地理解它们。
2024-12-19 10:48:51
1862
原创 前端：金额高精度处理
想必大家在用js 处理 数字的 加减乘除的时候，或许都有遇到过 精度不够 的问题，还有那些经典的面试题 0.2+0.1 !== 0.3，至于原因，那就是 js 计算底层用的是 IEEE 754 ，精度上有限制，那么Decimal.js 就是帮助我们解决 js中的精度失准的问题。
2024-12-18 11:06:51
549
原创 你还在苦于react开发分页吗？用它就对了
usePagination是一个React Hook，旨在简化分页组件的开发。它封装了大部分的分页逻辑，包括计算当前页码、总页数、每页显示的项目数量等，并提供了一些有用的回调函数来处理用户的分页操作。
2024-12-18 10:02:42
427
原创 try...catch 与 then...catch分别是什么？
在 JavaScript 中，异步编程是非常常见的。为了处理异步操作可能出现的错误，JavaScript 提供了两种主要的错误处理机制：try...catch 和 then...catch。这两种机制虽然都用于捕获和处理错误，但它们的使用场景和工作原理有所不同。
2024-12-17 11:01:45
364
原创 前端 Code Review 常见问题
在前端开发中，代码审查（Code Review）是一个至关重要的步骤。它不仅可以帮助团队成员之间共享知识和经验，还可以提高代码质量，减少错误和安全漏洞。以下是一些常见的前端 Code Review 问题和相应的解决方案。
2024-12-17 10:58:26
986
原创 react useRef、useContext、useReducer使用中遇到的问题及解决办法
react useRef、useContext、useReducer使用中遇到的问题及解决办法
2024-12-13 09:53:52
1287
1
原创 React useEffect使用中遇到的问题及决解方案
useEffectHook 是一个非常强大和常用的工具，用于在函数组件中处理副作用。虽然它看起来很简单，但在实际使用中可能会遇到一些问题和困惑。通过理解useEffect的工作原理，并遵循一些最佳实践，你可以更好地利用这个 Hook，并避免常见的错误。
2024-12-13 09:49:31
676
原创 React useState使用中遇到的问题及解决办法
useState Hook 是一个非常强大和常用的工具，用于在函数组件中管理状态。虽然它看起来很简单，但在实际使用中可能会遇到一些问题和困惑。通过理解 useState 的工作原理，并遵循一些最佳实践，你可以更好地利用这个 Hook，并避免常见的错误。
2024-12-13 09:46:34
651
原创 React Image Crop——在React应用中轻松实现图片裁剪功能
React Image Crop是一个用于在React应用程序中裁剪和调整图像的库。它提供了一个简单而强大的界面，允许用户选择和调整裁剪区域，并生成裁剪后的图像。
2024-12-11 09:45:16
1234
原创 react hooks使用 useState性能问题、使用 useEffect副作用管理问题、使用 useContext性能问题及解决办法
react hooks使用 useState性能问题、使用 useEffect副作用管理问题、使用 useContext性能问题及解决办法
2024-12-11 09:43:52
1238
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人