近年来，网络开发的迅速演变，尤其是在前端开发领域。这种转变主要归功于无数涌现的框架和技术，它们旨在简化和增强构建引人入胜的用户界面的过程。然而，由于现有框架的丰富多样以及不断涌现的新框架，跟上前端趋势已成为一项艰巨的任务。对于新手来说，很容易感到不知所措，仿佛迷失在广阔的选择海洋中。
React Query 是什么？React Query 是由@TannerLinsley 创建的 npm 库。它是一个针对 React 应用的状态管理器，可以简化许多任务，例如处理 HTTP 请求状态、在客户端保存数据以防止多次请求、使用 hooks 共享数据等等。
本章主要内容 构建并启动Electron应用 生成package.json,配置成Electron应用 在你的项目中包含预先构建Electron版本 配置package.jso
作为Web开发人员，在 Web浏览器中存储数据以改善用户体验和提升Web应用程序性能是非常常见的。在大多数情况下，可供我们使用就是LocalStorage和SessionStorage。
最近开源了一款基于 Nextjs + Antd5.0 的管理后台系统，打算持续迭代到开发者能傻瓜式开发和部署管理后台的程度， 下面和大家分享一下最近的一些更新。
我们将创建一个日历应用，就像谷歌日历。这个应用可以让我们在月份、周和日之间进行切换。
今天聊一聊上手 next.js 使用中常会出现的一类报错：hydration fail，估计大部分使用过 next.js 开发的同学对下面的报错信息一定都很熟悉：
原型 图片发自简书App 需求 1.关闭浏览器时时间继续运行 2.刷新时保持当前状态 3.结束时间保存在客户端 <div c02
http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服
在之前的描述中，我们构建的页面多为静态页面。如果希望构建一个动态地，有交互的页面，就需要引入“状态”的概念
5. 从一个快速的首次加载开始 渐进式网站应用会很快启动并马上可用。在目前的状态中（step-04），我们的天气app启动很快，但是不可用。因为还木有数据。 我们要使用一个AJAX请求去获取数据，但是
LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility内，页面间共享状态。
我想使用model-view-controller体系结构模式并用纯JavaScript编写一个简单的应用程序。所以我着手做了，下面就是。希望能帮你理解MVC，因为这是一个很难理解的概念，刚接触时候会很疑惑。
本文将通过一个小教程向你介绍 IndexedDB，并将 IndexedDB 与其他可用方式进行比较。IndexedDB 用于在浏览器中存储数据，对于需要离线工作的 web 应用程序（如大多数进步的 web 应用程序）尤其重要。
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
本文将通过一个小教程向你介绍 IndexedDB，并将 IndexedDB 与其他可用选项进行比较。IndexedDB 用于在浏览器中存储数据，对于需要离线工作的 web 应用程序（如大多数进步的 web 应用程序）尤其重要。
最近，程序员群里流行一个比较火的一个视频，尤其是很多前端程序员都不由的赞叹此视频。视频内容是一个完全由前端完成的类似"量子纠缠"效果的项目。看完之后很多人表示前端白学了。原视频如下，作者为nonfigurativ。想象一下，当你在多个显示器前操作，每个显示器就像是一个窗口，通过这些窗口你可以观察到同一个3D场景的不同部分，而这一切都实现了无缝连接。这不仅仅是技术上的创新，更是用户体验上的大跃进！
AppStorage是应用全局的UI状态存储，是和应用的进程绑定的，由UI框架在应用程序启动时创建，为应用程序UI状态属性提供中央存储。
SSR(Server-Side Rendering)，在SPA(Single-Page Application)出现之前，网页就是在服务端渲染的。服务器接收到客户端请求后，将数据和模板拼接成完整的页面响应到客户端，客户端将响应结果渲染出来。如果用户需要浏览新的页面，则需要重复这个过程。随着Angular、React和Vue的兴起，SPA开始流行，单页面应用可以在不重载整个页面的情况下，通过ajax和服务器进行交互，高效更新部分页面，这无疑带来了良好的用户体验。然而，对于需要SEO、追求首屏速度的页面，使用SPA是糟糕的。如果我们想使用Vue，又需要考虑到SEO、首屏渲染速度，那该怎么办？好在Vue是支持服务端渲染的，接下来我们主要说的是Vue的服务端渲染。
LocalStorage是页面级的UI状态存储，通过@Entry装饰器接受的参数可以在页面内共享同一个LocalStorage实例。
在前文的描述中，我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。
由于没有提前做好复习，所以有点匆忙，腾讯一面问的不难，从vue，react，webpack等等，倒是没准备好，导致回答的满头大汗~~
为了保证的可读性，本文采用意译而非直译。 下列工具中的重要性与排序无关。 1.Webpack Bundle Analyzer 有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpac
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
当你构建 Web 应用程序时，你不只是编写单独运行的 JavaScript 代码，你编写的 JavaScript 正在与环境进行交互。了解这种环境，它的工作原理以及它的组，这些有助于你够构建更好的应用程序，并为应用程序发布后可能出现的潜在问题做好充分准备。
前端的数据存储方式，你除了用过 Cookies、localStorage 和 sessionStorage 外，还有用过其它的存储方式么？其实除了前面提到的 3 种存储方式，目前主流的浏览器还支持 Web SQL 和 IndexedDB。
Web或者移动应用的重心，由后台往前台挪动的两个标志是：客户端存储，客户端模型维护。在可见的未来，我们将会见证后端将不存储数据、由前端负责存储数据的应用。 写过一个又一个的应用，我仍然没有遇到一个业务逻辑复杂的应用。即，我需要在前台处理一系列复杂的业务逻辑，我需要不断的转换前端的数据模型，才能追得上业务的变化。 普通的 Web 应用里， 前台只需要负责显示即可，而后台相对应的提供数据。后台每次都为前端提供相应的数据，处理后显示即可。多数时候，提交的数据也是一次提交，不需要经过复杂的转换。 而复杂的 Web
❝ 本文介绍一些与前端数据存储有关，「有趣、好玩、有用」的开源库。除此之外，还会让你掌握各种 Web 存储方案的特点，赶紧来了解一下。 ❞
localforage主要提供了setItem、getItem和removeItem等方法，分别用于存储、获取和移除数据。此外，它还支持许多其他方法，如clear用于清空所有数据、key用于根据索引获取键名等等。
为了保证的可读性，本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ 下列工具中的重要性与排序无关。 1.Webpack Bundle Analyzer 有没
原文链接：https://www.sitepoint.com/avoiding-dom-blocking/
window作为全局变量，代表了脚本正在运行的窗口，将属性与方法暴露给JavaScript。
自 Hook 被引入 React 以来，Context API 与 Hook 库在应用状态管理中被一起使用。但是把 Context API 和 Hooks（许多基于 Hooks 的状态管理库建立在其基础上）组合的用法对于大规模应用来说可能效率不高。
Electron是一个基于Chromium的桌面应用程序框架，它可以让开发人员在不需要熟练掌握Web开发技术的情况下，快速地开发出高质量的桌面应用程序。在Electron中，开发人员可以使用各种各样的数据存储方式，包括文件系统、数据库等。其中，数据库是一种非常常见的数据存储方式，它可以方便地存储和管理各种数据，包括文本、图片、音频、视频等。
接上篇Vue组件通信-上篇文章介绍了Vue组件基本通信方式，主要解决父子组件通信。本篇文章重点介绍兄弟组件、跨级组件是如何通信的。
在 Next.js Conf 2023 上，Vercel 团队发布了 Next.js 14 版本。这个版本最大的亮点是不包含任何新功能。这种做法在技术界可能看起来不太常见，但这实际上是对 Next.js 稳定性和性能的一次重大提升。例如，Server Actions 特性现在被标记为稳定版本，这意味着开发者可以更简单、更安全地在服务器端进行用户认证。
我想用 model-view-controller 架构模式在纯 JavaScript 中写一个简单的程序，于是我这样做了。希望它可以帮你理解 MVC，因为当你刚开始接触它时，它是一个难以理解的概念。
Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。
（1）合理的 title、description 和 keywords，他们的搜索权重逐个减小 title 强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面 title 要有所不同；description 把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description 有所不同；keywords 列举出重要关键词即可。
React 的生态系统很大，为了解决 React 中比较困难的问题，你可以选择多种模块。大多数实际的 React 应用程序都有一些共同的需求，这些需求主要包括状态管理及路由。而解决这些需求最常用的是 Flux 及 React Router。
对于大多数 web 浏览器，web 存储 API 提供了在浏览器中存储键值对的机制。它通常分为 localStorage 和 sessionStorage，两者之间的主要区别是浏览器存储数据的时间。使用 sessionStorage，「一旦会话结束或浏览器关闭，数据就会被删除」。但是，localStorage 中的数据会一直保存到清除为止。
本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！
Linux 内核今年 30 岁了。这开创性的开源软件的三个十年，让用户能够运行自由软件，让他们能从运行的应用程序中学习，让他们能与朋友分享他们所学到的知识。有人认为，如果没有 Linux 内核，我们如今所享受的 开源文化 和自由软件的累累硕果，可能就不会应时而出现。如果没有 Linux 作为催化剂，苹果、微软和谷歌所开源的那些就不可能开源。Linux 作为一种现象，对开源文化、软件开发和用户体验的影响，是怎么强调都不为过的，但所有这一切，都滥觞于一个 Linux 内核。
抓包，找到sercret,进行base64编码 以上级别，40位16进制数，推测使用了sha1编码 注意
Zustand 的核心思想是将状态管理与组件分离，从而使得状态管理更加集中化，同时保持了 React 的响应性和组件的可重用性。它提供了一种简单的 API，使得开发者能够轻松地在应用程序中的任何地方访问和修改状态。 使用 Zustand，开发者可以通过创建一个 store 来存储和管理应用程序的状态。这个 store 是通过调用 createStore 方法并传入一个包含状态和操作的 object 来创建的。
原文：Build a React + Flux App with User Authentication 译者：nzbin 译者的话：这是一篇内容详实的 React + Flux 教程，文章主要介绍了如何使用 API 获取远程数据以及如何使用 JSON Web Tokens 进行用户身份认证。在阅读本文之后，我一直使用文章介绍的方法，通过搭建 Node 服务器，模拟接口数据进行前端开发。这篇文章发表于 2016 年 5 月，我是去年读的本文，但迟迟没有翻译，而现在准备重新学习 React ，所以把这篇文章翻
React Router v6是React应用程序的一个流行且功能强大的路由库。它提供了一种声明式的、基于组件的路由方法，并能处理URL参数、重定向和加载数据等常见任务。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
