自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 权威链接Canonical URL在SEO中的重要性你是否了解?Canonical URL的深度解析及使用指南

同一个页面有多个链接(既有www.a.com/123,又有 a.com/123?utm_source=wechat),打印版与原页面内容完全一样,移动端与桌面端内容完全一样,但URL或域名不同,这些对于搜索引擎来说都影响非常大

2025-07-24 14:29:35 1027

原创 为什么你分享的文章没人点?或许没搞懂这个「隐形SEO工具」

你有没有遇到过这样的情况: 辛辛苦苦写了篇干货文,分享到朋友圈/微信群,结果显示的是一串枯燥的链接,连张图都没有;或者标题被截断,描述是无关的自我介绍,别人扫一眼就划走了?

2025-07-10 12:14:12 628

原创 从零开始手撸一个二维码生成器

每天扫码支付、加好友、连WiFi,你有没有想过这黑白方块背后到底藏着什么猫腻?作为前端工程师,咱们不只要会用`qrcode.js`这类第三方库,更要知道这玩意儿是怎么从一段字符串变成手机能认的图案的。

2025-07-08 22:47:59 1197

原创 AI时代如何拓展Web前端开发的边界

你是不是也和我一样,时不时会想:我们每天敲打的 HTML、CSS 和 JavaScript,除了做出一个个酷炫的网页,还能玩出什么新花样?当 AI 这波巨浪席卷全球的时候,身为连接用户与数字世界的桥梁,Web 前端会被淘汰吗?还是会迎来一次前所未有的“升级”呢?

2025-07-07 15:13:35 900

原创 告别繁琐!用 Excalidraw 绘制手绘风格的技术图,让你的文档更有“温度”

我们都懂,图表是技术沟通的“万金油”。传统的绘图工具要么显得过于“严肃刻板”,缺乏亲和力;要么操作复杂、学习曲线陡峭;再或者就是那烦人的版权限制,让人望而却步。

2025-07-02 22:28:58 2307

原创 从零到一通过Web技术开发一个五子棋

五子棋的规则简单易懂,但其背后的Web开发原理却能涵盖前端交互、游戏状态管理,甚至还能拓展到实时通信。它不仅是前端入门的绝佳实践项目,更能让你体验到亲手创造一个互动产品的巨大成就感。通过这个项目,你将不再是只会切图的“页面仔”,而是能让页面“活”起来的魔法师!

2025-06-30 22:40:28 1564

原创 动手用Web技术开发一个数独游戏

数独游戏之所以广受欢迎,在于它规则简单、老少皆宜,并且能够有效锻炼逻辑思维能力。今天,就一起探索如何通过 Web 开发技术亲手实现它,深入理解其中的技术奥秘。

2025-06-25 18:20:48 1098

原创 动手用 Web 实现一个 2048 游戏

2048 游戏,这款曾经风靡全球的数字益智游戏,以其简洁的规则和深度的策略性吸引了无数玩家。它不仅是一款娱乐产品,更是许多初学者学习编程和前端开发的绝佳练手项目。今天,就来一起探索如何通过 Web 技术,一步步实现一个属于我们自己的 2048 游戏。

2025-06-23 18:31:37 1309

原创 【前端练手必备】从零到一,教你用JS写出风靡全球的“贪吃蛇”!

还记得诺基亚上的经典游戏“贪吃蛇”吗?那个让我们消磨了无数时光的简单快乐,现在你也可以亲手创造它!本文将带你从零开始,仅用HTML、CSS和JavaScript,一步步构建出属于你自己的Web版贪吃蛇。全文干货满满,包含核心原理拆解、完整代码示例及常见“踩坑”指南

2025-06-17 18:53:47 1189

原创 Google Search Console 做SEO分析之“已发现未编入” 与 “已抓取未编入” 有什么区别?

在 Google Search Console (GSC) 中,“已发现 - 尚未编入索引”(Discovered - currently not indexed) 和 “已抓取 - 尚未编入索引”(Crawled - currently not indexed) 是两种不同的状态

2025-06-16 18:40:58 1834

原创 如何通过 noindex 阻止网页被搜索引擎编入索引?

在一些网站中,通过robots.txt可以控制哪些站点资源或目录能被搜索引擎索引,但是随着站点页面增加,之前允许的索引页面常常不希望被索引,如果直接修改 robots.txt,影响会比较大,所以页面级的控制就很有必要。

2025-06-15 14:39:59 1612

原创 建站SEO优化之站点地图sitemap

很早以前一直觉得站点地图可有可无,反正搜索引擎爬虫都会自己去爬站内各种连接。但是对于一个新站或经常更新的站点来说,站点地图很重要性,是快速告诉搜索引擎站内有哪些内容或更新了哪些内容。并且还能针对不同以页面配置优先级等。

2025-06-11 13:57:55 1083 1

原创 个人建站做SEO网站外链这一点需要注意,做错了可能受到Google惩罚

我们都知道给网站增加外链能提升网站在搜索引擎中的排名。为了增加搜索引擎中的排名,你是否做过这样的事,通过在一些互联网平台发表软文或评论方式在各做外链?

2025-06-10 12:52:47 1160

原创 一文搞懂SEO优化之站点robots.txt

建站后千万别忘记配置 robots.txt 爬虫规则,对于搜索引擎发现你的站点非常重要,除了主动到搜索引擎平台提交网站之外,也要主动告诉搜索引擎网站里都有哪些网页?哪些希望被抓取?哪些不希望被抓取?

2025-06-09 13:15:53 1232

原创 网页常见水印实现方式

在数字化时代,网页水印已成为版权保护、信息溯源的核心技术。今天就从明暗水印原理、前后端实现方案、防篡改机制等维度展开解析,结合主流技术实现代码,探讨水印技术的攻防博弈与最佳实践。

2025-05-13 17:38:27 1593

原创 Node.js中那些常用的进程通信方式

在 Node.js 中,子进程是指通过主 Node.js 进程创建的独立进程。它们可以运行系统命令(如 `ls`、`git` 等)或其他脚本(如 Python、Shell 脚本等)。主进程和子进程之间可以通过标准输入输出(stdin、stdout、stderr)或 IPC(进程间通信)进行数据交换。

2025-05-12 17:59:28 1659

原创 浅谈微前端沙箱机制

微前端的沙箱隔离机制是确保多个子应用在同一页面中独立运行的核心技术,主要通过JS隔离和CSS隔离两大维度实现

2025-05-07 14:21:32 1317

原创 实现篇:手把手打造一个番茄时钟

实现自己的番茄时钟应用其实很容易,可以通过本实例代码也可直接轻松实现

2025-05-06 12:35:50 1644

原创 Vue3响应式原理那些事

Vue3 的双向响应式原理是其核心机制,通过Proxy代理与依赖收集系统实现数据与视图的自动同步

2025-05-05 16:41:04 1878

原创 实现篇:二叉树遍历收藏版

二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。在文件存储、金融决策、语言编译、数据压缩等方面广泛应用。

2025-04-30 14:14:39 1565

原创 Vue3开发常见性能问题知多少

Vue3 通过 Proxy 实现响应式系统,虚拟 DOM 的优化以及编译器的改进,显著提升了性能。然而,在实际开发中,仍然会遇到一些性能瓶颈,主要集中在响应式数据、虚拟 DOM 更新、组件渲染等方面

2025-04-29 11:15:04 1377

原创 Vue3组件常见通信方式你了解多少?

在 Vue3 的开发中,组件是构建应用的核心单元。组件之间的通信是确保数据流动和功能协作的关键。如果通信机制设计不当,可能会导致代码混乱、性能下降或难以维护。

2025-04-28 11:40:44 1177

原创 实现篇:LRU算法的几种实现

LRU(Least Recently Used,最近最少使用)是一种缓存淘汰策略,核心思想是优先淘汰最久未被访问的数据,适用于有限容量的缓存场景。其运作逻辑基于时间局部性原理,即最近被访问的数据很可能在短期内再次被访问。

2025-04-27 17:21:00 1798

原创 从底层视角看requestAnimationFrame的性能增强

经常做网页动画的童鞋,对`requestAnimationFrame`应该是很熟悉的,都说比setTimeout好,常常不知道具体好在哪里,今天这篇就从底层渲染开始讲清楚。

2025-04-22 16:56:55 1271

原创 Nginx Upstream了解一下

Nginx 的 `upstream` 模块是负载均衡的核心组件,用于定义和管理后端服务器集群,实现请求分发、故障转移和高可用性

2025-04-21 21:00:18 2642

原创 实现篇:一文搞懂Promise是如何实现的

了解原理之Promise完整实现,包括最新的 try 静态方法,一共仅140行代码左右,示例可复制到本地运行

2025-04-19 19:40:08 1168

原创 实现篇:如何手动实现JSON.parse

上篇介绍了JSON.stringify 的实现,本篇就反向解析做一实现。想完整实现 JSON.parse 方法,需要理解 JSON 语法规范,还需要处理复杂的嵌套结构、数据类型,潜在异常也不容忽视。

2025-04-17 17:55:08 1431

原创 实现篇:如何亲手定制实现JSON.stringify

了解原理需知之JSON.stringify实现,对夯实JS基础大有益处

2025-04-16 17:27:05 669

原创 一文搞懂 Markdown 文档规则

Markdown 文档规则,快速编辑生成格式化文章

2025-04-07 18:29:20 4340

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除