- 博客(36)
- 收藏
- 关注
RSS订阅
原创 JavaScript 从入门到高级
2024最新版JavaScript教程，包含常见面试题。从变量、函数、DOM操作，深入浅出解析语言精髓，搭配实例代码，助你成为JavaScript编程高手。
2024-05-08 16:53:31
2704
原创 Git常用命令
git config --global user.email “your email”git config --global credential.helper storegit config --list创建仓库git init克隆远程服务器仓库。
2024-12-27 12:44:55
506
原创 pnpm、Yarn 和 npm 的区别？
pnpm、Yarn 和 npm 都是 JavaScript 生态系统中流行的包管理工具，但它们在设计理念、性能特点和功能上存在一些差异。
2024-12-25 10:15:33
955
1
原创 Redux
redux-saga：redux-saga 使用 generator 函数来管理副作用（例如 API 请求），提供了更强大的控制流和错误处理机制。Redux 是一个用于 JavaScript 应用的状态管理库，旨在帮助开发者以一种可预测的方式管理应用状态。状态只读：唯一改变状态的方法是触发一个动作（action），动作是一个描述事件的普通对象。Store：存储整个应用的状态，并提供了获取状态、分发动作和注册监听器的方法。单一数据源：整个应用的状态被存储在一个单一的状态树（对象）中。什么是 Redux？
2024-12-23 16:28:20
356
原创 TypeScript
TypeScript是JavaScript的超集，TypeScript扩展了JavaScript的语法，TypeScript编译成JavaScript，让TypeScript可以运行在任何浏览器和Node环境中。TypeScript是一种给JavaScript添加特性的语言扩展。
2024-07-29 16:01:24
445
原创 Fetch请求的取消
在实际开发中，我们常常会遇到根据输入框输入的内容，实时去请求接口并将拿到的数据渲染到页面上，但是由于接口响应时间不可控，简单来说就是请求的顺序和响应的顺序不一致，就会导致你可能输入了12，但实际返回给你的是34。这种需求用防抖和节流是解决不了的，所以就需要用到。
2024-07-24 16:18:05
342
原创 同源策略中，页面间如何通信？
Broadcast Channel API是Web APIs的一部分，允许开发者创建一个频道，通过这个频道，同一个浏览器上下文中打开的不同文档可以互相发送字符串消息。这使得在不同的浏览器tab、窗口或者web worker之间共享数据变得简单而高效，特别适合于实时同步状态、通知更新或协调用户界面的行为。localStorage是一种客户端存储技术，它允许网页在用户的浏览器上保存数据，而且这些数据即使在浏览器关闭后仍能持久存在，直到用户明确清除或网站自身删除为止。当在同一个源下，一个页面通过。
2024-06-24 13:24:29
1012
原创 React常见面试题（2024最新版）
一种用于确定并计算两个对象（通常是虚拟 DOM 树）差异的算法。其核心目的是为了高效地更新用户界面（UI）。React 的 Diff 算法专注于找出新旧虚拟 DOM 树之间的最小变化集，以便尽可能快速且高效地将这些变化应用到实际的 DOM 上，以此达到 UI 的快速更新，同时减少不必要的重渲染，提升性能。分层比较（Tree Diff）：首先对树进行分层遍历，而不是一次性比较整个树的所有节点。这意味着 React 只会对位于同一层级的节点进行比较，而不会跨层级直接比较。这样可以显著减少比较的复杂性。
2024-06-12 17:22:23
2842
原创 如何在Visual Studio Code中禁用Less文件保存时自动编译为CSS的功能
【代码】如何在Visual Studio Code中禁用Less文件保存时自动编译为CSS的功能。
2024-06-11 17:59:09
794
原创 Redux 入门+面试题
redux 是一个状态管理库，它将项目中的数据集中的管理在一个 Store 里，使得存取都非常简单。单一数据源（Store）：Redux 设计中整个应用的状态存储在一个单一的 Store 中，使得状态管理集中且易于追踪。Actions：Actions 是把数据从应用传到 Store 的简单对象，描述了应用中发生的事情。每个 Action 都有一个必须的 type 属性，用来定义 Action 的类型。Reducers。
2024-06-07 15:37:46
661
原创 Promise入门指南：让异步编程变得简单
Promise为JavaScript的异步编程提供了一种更结构化、易于理解和维护的方式。通过掌握Promise的基本用法及高级特性，你可以更高效地管理异步流程，编写出既简洁又强大的代码。随着学习的深入，你还会发现更多与结合的高级技巧，让异步控制流更加流畅自然。希望这篇入门指南能为你开启Promise世界的大门！
2024-05-30 15:35:58
663
1
原创 React Fiber
综上所述，Fiber的引入不仅仅是技术上的升级，更是对React设计理念的一次革新，它使得React应用能够更高效、更灵活地应对各种复杂的UI需求和性能挑战。
2024-05-27 16:07:08
588
原创 CSRF 攻击
CSRF（Cross-Site Request Forgery，跨站请求伪造）攻击，是一种常见的网络攻击方式，它利用用户在已登录网站的凭证（如 Cookie、Session 等）向第三方网站发送非授权的请求。这种攻击之所以有效，是因为浏览器会自动携带用户在 A 网站的认证信息去访问 B 网站，如果 B 网站没有做好防护措施，就会误以为该请求是用户主动发起的并予以执行，从而可能执行恶意操作，如修改用户数据、进行非法转账等。
2024-05-21 11:22:56
719
原创 XSS 攻击
xss 攻击是什么?定义：跨站脚本攻击，指的是恶意攻击者，在web页面插入恶意代码。如何解决：过滤用户输入的非法字符；对于超链接进行内容检测；限制字符长度；进行数据传输加密；可以分为：dom型：用户输入恶意html代码，执行恶意js代码反射型：用户输入恶意js代码，执行恶意js代码存储型：用户输入恶意代码，服务器将恶意代码存储下来，再次访问时将展示恶意代码的页面保证接口数据安全的方案：token授权认证，未授权的用户无法获取数据；时间戳，每次请求带上当前时间
2024-05-20 14:23:48
455
原创 Webpack 5
探索Webpack 5新特性与优化实践：一篇全面指南。了解如何利用模块打包器Webpack 5加速你的前端开发流程，深入浅出讲解从零配置到高级优化技巧。
2024-05-15 21:45:00
1457
原创 JavaScript 异步编程的几种方式
JavaScript异步编程方案从最初的回调函数发展到现在的async/await，每一种方案都有其适用场景和优缺点。选择合适的方案能有效提升代码的可读性和可维护性。async/await由于其简洁的语法和良好的错误处理机制，已成为现代JavaScript异步编程的首选方案。
2024-05-14 11:40:48
611
原创 JavaScript 面试必看
在使用 JavaScript 编写代码的时候，有一种函数式编程的思想，而提到函数式编程，一定绕不开一个概念，那就是柯里化。柯里化是编程语言中的一个通用的概念（不只是 Js，其他很多语言也有柯里化），是指把接收多个参数的函数变换成接收单一参数的函数，嵌套返回直到所有参数都被使用并返回最终结果。更简单地说，柯里化是一个函数变换的过程，是将函数从调用方式：f(a,b,c)变换成调用方式：f(a)(b)©的过程。柯里化不会调用函数，它只是对函数进行转换。简单来说，就是将多个参数的函数转换为单个参数的函数。
2024-05-13 16:58:02
731
原创 一定要了解的前端趋势之Web Component
Web Components，前端技术的重要趋势，允许开发者创建可复用、封装良好的自定义界面元素，实现跨项目组件共享，提高开发效率与维护性，原生浏览器支持，引领前端进入新阶段的组件化时代。
2024-05-10 09:54:49
555
原创 localStorage、sessionStorage 和 Cookie 的区别？
详细介绍localStorage、sessionStorage、Cookie 三者的区别，初级前端最常见面试题。
2024-05-09 10:11:11
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人