首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
重学系列
一诺滚雪球
创建于2023-05-22
订阅专栏
重新学习三剑客
等 34 人订阅
共76篇文章
创建于2023-05-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
IndexedDB 使用指南
前言 在上一篇文章介绍了前端跨页面通讯终极指南⑧:Cookie 用法全解析,下一篇是介绍前端跨页面通讯终极指南⑨:# IndexedDB 用法全解析,考虑到这种方式并不是常用,先介绍下IndexedD
前端跨页面通讯终极指南⑧:Cookie 用法全解析
前言 之前介绍了很多前端跨页面通讯的方案,今天介绍下Cookie,Cookie自身有“同源共享”的特性,但因为缺少数据变化的主动通知机制,只能使用“轮询”弥补这一缺陷。 本文将使用Cookie轮询,进
前端跨页面通讯终极指南⑦:ServiceWorker 用法全解析
前言 上一篇我们介绍了SharedWorker,今天要介绍一种与SharedWorker的“页面存活依赖”不同,即便在所有页面关闭后仍可后台运行,凭借“后台常驻”特性,实现跨页面、跨会话的通讯。它就是
前端跨页面通讯终极指南⑥:SharedWorker 用法全解析
前言 前面的文章已经介绍了postMessage、localStorage、messageChannel、broadcastChannel以及window.name。今天要介绍一种“多页面协同”场景的
前端跨页面通讯终极指南⑤:window.name 用法全解析
前言 在之前的文章里,介绍了 BroadcastChannel 的广播、postMessage 的灵活以及 MessageChannel 的精准。这些现代 API 为我们提供了标准的通信能力。 今天我
前端跨页面通讯终极指南④:MessageChannel 用法全解析
前言 上一篇介绍了Localstorage跨页面通讯的方式。在前面的文章中,介绍了多种跨页面通信方式,从适用于同源页面的 BroadcastChannel,到解决跨域的 postMessage。当多个
前端跨页面通讯终极指南③:LocalStorage 用法全解析
前言 上一篇介绍了BroadcastChannel跨页面通讯的方式。今天介绍一种我们非常熟悉的方式LocalStorage 。凭浏览器原生接口就能实现数据共享,用法简洁高效。需要注意,仅支持同源页面。
前端跨页面通讯终极指南②:BroadcastChannel 用法全解析
前言 上一篇介绍了PostMessage跨页面通讯的方式。有没有一种更简洁的方式,兄弟页面也能像父子页面一样通讯。今天就介绍一个更高效、更简洁的方案——BroadcastChannel API,它能轻
前端跨页面通讯终极指南①:postMessage 用法全解析
前言 公司后台项目微前端是使用iframe方式,跨页面通讯postMessage就需要我们必须掌握。比如,弹窗页与父页面的数据同步、多个标签页间的状态共享、嵌入的iframe与宿主页面的交互等。 本文
网页也懂黑夜与白天:系统主题自动切换
前言 不知道大家有没有遇到过,网页会根据系统设置的外观模式,显示不同的主题样式。这是如何实现的呢? 1、核心原理:认识 prefers-color-scheme 媒体查询 CSS原生媒体特性 pref
CSS奇技淫巧:用你意想不到的4种属性实现裁剪遮罩效果
背景 在公司开发图片裁剪功能时,需要实现一个裁剪框效果:选中区域清晰显示,而周围区域用半透明遮罩覆盖。正常我实现会用4个div分别盖住上、下、左、右四个区域用于裁剪框周围的遮罩。 本文将介绍几种纯CS
微信浏览器缓存机制大揭秘:为什么你总刷不出新页面?
缓存之谜:为何你的应用总是无法自动更新? 你是否也经历过这样的场景:线上刚修复完bug并已经发布,得到的反馈还是存在问题。所发布的应用是内嵌在小程序中,经常会出现发布后没有更新到最新的版本。只能无奈地
基于 Git Submodule 的代码同步融合方案
1、背景 公司一个业务是基于A项目和B项目的代码融合发布的新版本。其中A项目为主项目,B项目为子项目,现有代码同步方案: 在A项目中运行代码同步脚本(copy.js),需要将脚本中的默认源路径替换成B
纯CSS&JS实现:丝滑渐变过渡的动态导航栏
背景 在前端开发中,通常实现的导航栏切换时没有添加交互效果,今天就从0到1实现一个美观且交互流畅的导航栏。 直接看效果: 1.导航栏实现思路 实现的导航栏需要具备丝滑过渡动画,切换选项时,指示器通过自
Git Submodule 与 Subtree 全方位对比:使用方式与场景选择
前言 在 Git 依赖管理中,Submodule 和 Subtree 是两种主流方案,二者虽均能实现 “主仓库集成子仓库” 的需求,但核心机制、操作逻辑和适用场景差异显著。 本文将从核心原理、使用方式
深入理解与实战 Git Subtree
前言 除了Git Submodule,Git Subtree 也是一种高效的依赖管理工具。它通过将一个独立的 Git 仓库作为另一个仓库的子目录,实现代码的复用与集成,同时避免了 Submodule
深入理解与实战 Git Submodule
前言 我们经常会遇到需要在一个主项目中引用其他独立 Git 仓库的场景。例如,主项目需要使用一个通用的工具库、UI 组件库或者第三方开源模块。如果直接将这些外部代码复制到主项目中,会导致代码冗余、版本
你的网页还不会"看人"?3分钟让它拥有会追踪的眼睛
前言 你有没有见过那种超有意思的网页,上面的眼睛会跟着你的鼠标转?就像真的有人在盯着你看一样!看到实际的效果,我就跃跃欲试,看看这个是如何实现的。 话不多说,我们先看一下效果: 1. 核心思路 如果要
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
背景 在项目开发过程中,会遇到文字竖排(从上到下)的布局形式。通常我们常用的实现方式是: 将每个字符单独使用标签包裹,再通过 Flexbox排列 设置 固定宽度,强制换行 在CSS中为
不写一行JS!纯CSS如何读取HTML属性实现Tooltip
前言 日常开发中,Tooltip(提示框)是非常常见的。正常实现方式是依赖JavaScript监听hover事件,动态计算位置并插入DOM元素。 但你知道不?纯CSS其实也能“读取”HTML元素上
下一页