- 博客(157)
- 收藏
- 关注
原创 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
原创 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
原创 前端项目开发之prettier安装和使用
前端项目开发之prettier安装和使用。Prettier 是一个流行的代码格式化工具,可以帮助你保持代码风格的一致性。以下是如何在 Visual Studio Code (VS Code) 中安装和使用 Prettier 的步骤。
2024-09-03 17:04:05 762
原创 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
原创 渲染十万条数据的方法之分批渲染
渲染十万条数据的方法之分批渲染。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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人