排序
面试官: 你小子来聊聊你对 cookie 的理解✋✋✋
随着 Web 应用程序的出现,直接在客户端存储用户信息的需求也随之出现。这背后的想法是合理的:与特定用户相关的信息应该保存在用户的机器上。无论是登录信息、个人偏好,还是其他数据,Web 应用程...
面试官: 既然有了 cookie 为什么还要 localStorage????
Web Storage Web Storage 最终是网页超文本应用技术工作组在 Web Applications 1.0 规范中提出的。这个规范中的草案最终成为了 HTML5 的一部分,后来有独立称为自己的规范。Web Storage 的目的是...
?如何零配置快速搭建一个属于你自己的组件库
一个系统拥有大量的业务场景和业务代码,相似的页面和代码层出不穷,如何管理和抽象这些相似的代码和模块,这肯定是诸多团队都会遇到的问题。是不断拷贝代码还是抽象成 UI 组件或业务组件?显然后者...
MarkDown学习(一)——初识
前言 MarkDown大家应该都不陌生,我们日常总结知识点、创建个人博客等都能使用MarkDown。MarkDown是轻量级标记语言,标题段落等内容需要用对应的语法,要想用好MarkDown就要掌握其中的语法。 编...
”渐进式页面渲染“:详解 React Streaming 过程
引言 眨眼距离 React 18.2.0 发布已经过了一年多了。 越来越多的开发者从当初的观望心态,逐步已经将 React18 的新特性投入开发/生产中了,当然,笔者所在的团队也不例外。 今天这篇文章就和大...
computed和watch的区别,你真的了解吗?
前言? 在vue项目中我们常常需要用到computed和watch,那么我们究竟在什么场景下使用computed和watch呢?他们之间又有什么区别呢?记录一下! computed和watch有什么区别? 相同点:(过目一下,...
聊聊我理解的CSS-in-JS(二)
我正在参加「掘金·启航计划」,这篇文章我主要想从 CSS-in-JS 讲开去,谈谈我理解的 CSS-in-JS 的理念以及当下前端工程化中的主流 CSS 方案。 在我的上一篇博客聊聊我理解的 CSS-in-JS(一) 中...
前端面试题 – 96. hash 和 history 的区别?
hash和history是Web开发中常用的两个概念,它们都与浏览器URL相关。 Hash(哈希) URL中以#符号开始的部分被称为哈希部分。在Web开发中,通常使用哈希来实现页面内的导航或锚点定位。当浏览器的...
:has 语法,终于可以用了
首发于公众号 前端从进阶到入院,欢迎关注。 多年来,CSS 开发者一直希望能够根据元素内容来选择元素。虽然 CSS 提供了许多基于特征选择元素的选择器,但直到最近才有了根据元素内容选择元素的...
代码被搬运抄袭是一种什么体验?
版权声明:本人文章仅在掘金平台发布,请勿抄袭搬运,转载请注明作者及原文链接 ? 阅读提示:网页版带有主题和代码高亮,阅读体验更佳 ? 我被抄袭了!!! 今天(6.25)有一篇热门文章,标题叫...
用 React 封装一个可暂停并根据剩余时间继续的计时器集合钩子
我正在参加「掘金·启航计划」 useKeepIntervalMap 这个钩子用于需要统一管理多个可中途暂停并继续的计时器的场景;比如在游戏中多个函数需要统一暂停,并根据剩余时间继续开始。 我的这个塔防...
构建基于 Express 的 MVC 结构的 API 接口系统:完整指南与代码示例
这篇文章和#Node.js 实战入门指南并不关联,可以单独观看,并不承接前后,是为了给后面的第七章之后的内容做一个铺垫,希望能让大家有一个全局大概的概念,为后面的内容要可以更好的理解 摘要:...
深入了解CSS颜色混合函数color-mix
欢迎关注我的公众号:前端侦探 今天来介绍一下 Chrome 111+正式推出的 CSS颜色混合函数:color-mix()。 所谓颜色混合,顾名思义,就是将两种颜色按照一定的比例混合起来,和调色板比较像。到目...
大数据可视化
为什么前端要学习数据可视化? 1、市场需求: 应对现在数据可视化的趋势,很多企业场景需要用到,使用大数据可视化,让数据更加的直观,更有影响力 2、学习阶段需求: 学完布局的相关技术...
Rematch
前言 最近在搞一个新项目,涉及到状态管理工具的选型,组内同学有了不同的意见,我建议使用redux,但是组内更多的同学建议使用rematch,原因只有一个:简单。 一、Rematch是什么 Redux是一个出...
express JWT
jwt(json web token) 主要是做鉴权用的登录之后存储用户信息 下面这段就是生成的token(令牌) eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiaWF0IjoxNjg3Njc0NDkyLCJleHAiOjE2ODc3NjA4OTJ9...
「AntV」使用X6完成你的组态软件开发
关注技术方面可以直接跳转第二部分“实现”章节? 一、简介 1.组态背景: 组态软件是一种用于设计和配置工业自动化控制系统的软件。它通常用于工业控制、自动化和监控领域,用于创建人机界面(HM...
微前端(micro-app)使用手册
转载请注明出处,点击此处 查看更多精彩内容 micro-app 使用手册 micro-app 是借鉴了 Web Component 的思想,通过 Custom Element 结合自定义的 Shadow Dom,将微前端封装成一个类 Web Componen...
(源码篇03)webpack5的loader-runner源码浅析
本章知识点: Object.preventExtensions 和 Object.defineProperty 的用法和作用 webpack 中的 pitch loader和normal loader 的本质以及调度过程 loader-runner中巧用this指向和闭包实现异步loa...
我要再看一遍 ChatGPT 打字机流式回复(SSE&WebSocket)
前言 相信我们现在对 ChatGPT 已经非常熟悉了,知道它很强大,能够与我们人类进行自然语言的交流。在 ChatGPT 的网页端,我们最直观能感受到的除了它惊人的'聪明',另一个在视觉上的感受就是,...