自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 react-intl实现国际化多语言切换

react-intl实现国际化多语言切换

2024-10-17 11:48:44 446

原创 Vue项目组件和React项目组件相互使用

Vue项目组件和React项目组件相互使用

2024-10-11 18:02:34 358

原创 用于注册自定义元素window.customElements的使用

用于注册自定义元素window.customElements的使用

2024-10-11 17:35:23 384

原创 js的问号(?)操作符的使用总结

js的问号(?)操作符的使用总结

2024-10-11 10:17:43 699

原创 非空断言操作符(!)

非空断言操作符(!)

2024-10-11 10:04:23 460

原创 react为什么不怕XSS

react为什么不怕XSS

2024-10-10 10:33:59 539

原创 fetch如何手动实现支持超时机制和进度机制

fetch如何手动实现支持超时机制和进度机制

2024-10-09 14:29:37 334

原创 什么是WebSocket

什么是WebSocket

2024-10-08 17:05:02 753

原创 hsl是什么css属性

hsl是什么css属性

2024-09-30 17:39:57 316

原创 JavaScript实现接口请求的超时机制方法汇总

JavaScript实现接口请求的超时机制方法汇总

2024-09-30 15:06:28 358

原创 JavaScript的Promise源码解析

JavaScript的Promise源码解析

2024-09-23 09:57:11 440

原创 如何理解变量提升和函数提升

如何理解变量提升和函数提升

2024-09-20 19:27:32 361

原创 React两种路由模式的实现原理

React两种路由模式的实现原理

2024-09-13 14:14:26 687

原创 React实现虚拟列表的优秀库介绍

React实现虚拟列表的优秀库介绍

2024-09-11 20:21:19 840

原创 React实现类似Vue的路由监听Hook

React实现类似Vue的路由监听Hook

2024-09-11 18:20:25 814

原创 replace的详解和常用的案例

replace 方法用于替换字符串中的子字符串或匹配正则表达式的部分。它返回一个新的字符串,并不改变原字符串。replace 方法可以接受两个参数:要替换的模式(字符串或正则表达式)和替换的内容(字符串或函数)。

2024-09-10 14:29:11 453

原创 提取子字符串的方法汇总

在 JavaScript 中,有多种方法可以提取子字符串。里面是常见的方法汇总。这些方法可以根据具体需求选择使用。slice 和 substring 方法是最常用的提取子字符串的方法,而 substr 方法在某些情况下也很有用。split、match 和 replace 方法提供了更强大的字符串处理能力。

2024-09-10 14:04:51 376

原创 渲染十万条数据的方法之虚拟列表

为了高效地渲染大量数据(如 10 万条数据),可以使用虚拟列表技术。虚拟列表只渲染可视区域内的元素,随着用户滚动动态加载更多元素,从而提高性能。以下是一个使用原生 JavaScript 和 React 实现虚拟列表渲染 10 万条数据的示例。

2024-09-09 17:57:45 902

原创 requestAnimationFrame原理和使用

requestAnimationFrame 是一个用于在浏览器中实现高效动画的方法。它告诉浏览器你希望执行一个动画,并在下一次重绘之前调用指定的回调函数来更新动画。浏览器会自动优化动画的刷新频率,以确保动画的流畅性和性能。

2024-09-09 17:15:40 425

原创 JavaScript的事件循环

JavaScript 的事件循环(Event Loop)是处理异步操作的机制。它允许 JavaScript 在单线程环境中执行异步代码,而不会阻塞主线程。以下是事件循环的工作原理和关键概念。

2024-09-06 14:36:41 1135

原创 软件开发专用术语介绍

在软件开发中,有许多专用术语用于描述系统性能、架构、开发过程等。以下是一些常见的术语及其解释

2024-09-06 10:42:36 920

原创 Promise的使用总结

Promise 是 JavaScript 中用于处理异步操作的一种机制。它提供了一种更清晰和更简洁的方式来处理异步代码,避免了回调地狱。以下是 Promise 的使用方法,包括创建 Promise、链式调用、错误处理、并行执行等。

2024-09-06 10:21:38 1090

原创 什么是jsonp请求

JSONP(JSON with Padding)是一种解决跨域请求问题的技术。它允许网页从不同的域名请求数据,而不受同源策略的限制。JSONP 通过动态创建 `script` 标签来实现跨域请求,因为 `script` 标签不受同源策略的限制。

2024-09-06 09:54:05 545

原创 xhr、ajax、axois、fetch的区别

XMLHttpRequest (XHR)、AJAX、Axios 和 Fetch API 都是用于在不重新加载整个页面的情况下与服务器进行通信的技术和库。它们在处理超时、终止请求、进度反馈等机制上有一些显著的差异。以下是它们的详细比较:

2024-09-04 19:52:49 1873

原创 CSS实现优惠券透明圆形镂空打孔效果等能力学习

CSS实现优惠券透明圆形镂空打孔效果等能力学习

2024-09-04 16:27:45 771

原创 前端项目开发之prettier安装和使用

前端项目开发之prettier安装和使用。Prettier 是一个流行的代码格式化工具,可以帮助你保持代码风格的一致性。以下是如何在 Visual Studio Code (VS Code) 中安装和使用 Prettier 的步骤。

2024-09-03 17:04:05 762

原创 前端数据结构

前端数据结构

2024-09-03 10:43:10 669

原创 React监听数据变化的原理

React监听数据变化的原理

2024-09-02 15:12:40 682

原创 vue2和vue3双向绑定的原理

vue2和vue3双向绑定的原理

2024-09-02 14:35:50 1117

原创 CMD 模块化规范

CMD(Common Module Definition)是由 SeaJS 提出的模块化规范,主要用于浏览器端的 JavaScript 模块加载。CMD 规范与 AMD(Asynchronous Module Definition)规范类似,但在模块定义和依赖处理上有一些不同。CMD 规范更强调依赖的就近使用。

2024-09-02 10:32:45 439

原创 什么是单点登录

单点登录(Single Sign-On,简称 SSO)是一种认证机制,允许用户使用一个单一的登录凭证(如用户名和密码)访问多个独立的软件系统或应用程序,而无需在每个系统或应用程序中重复登录。SSO 提高了用户体验和安全性,简化了用户管理。

2024-08-30 18:21:57 1134

原创 Linux系统安装Docker(以 Ubuntu 为例)

Linux系统安装Docker(以 Ubuntu 为例)

2024-08-30 11:05:50 650

原创 CentOS7安装Docker的步骤

CentOS7安装Docker的步骤

2024-08-30 10:49:24 519

原创 windows安装Docker的步骤

windows安装Docker的步骤

2024-08-30 10:42:05 1050

原创 grid布局实现移动端H5响应式排列正方形格子布局

grid布局实现移动端H5响应式排列正方形格子布局

2024-08-29 21:27:45 273

原创 渲染十万条数据的方法之分批渲染

渲染十万条数据的方法之分批渲染。requestAnimationFrame 是一个浏览器提供的 API,用于在下一次重绘之前执行回调函数。它通常用于优化动画和其他需要高频率更新的操作。

2024-08-28 21:37:43 578

原创 js生成唯一标识符(例如key或者id)

js生成唯一标识符(例如key或者id)。前端遍历渲染的时候,往往需要唯一标识符用作key或者id,当然可以使用第三方优秀的库,如 uuid 或 nanoid。下面不用第三方库的情况下,js生成独一无二的key或者id的方案

2024-08-28 17:24:04 384

原创 高德地图Web端(JS API)实战使用

React H5中,高德地图API实战使用封装

2024-08-23 17:34:49 482

原创 H5实现带电话号码跳转到手机呼叫

H5实现带电话号码跳转到手机呼叫

2024-08-23 10:48:35 345

原创 H5判断当前移动端是横屏还是竖屏的方法汇总

H5判断当前移动端是横屏还是竖屏的方法汇总

2024-08-23 10:32:22 648

空空如也

空空如也

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

TA关注的人

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