blog
Posts
title
slug
type
tags
status
published_date
keywords
Created time
了解如何在微信小程序中实现动态二维码海报的生成与保存，支持用户自定义内容、高效绘制与一键保存，适用于活动推广、营销分享等多种场景。
Post
小程序
Published
Mar 14, 2025 09:38 AM
微信小程序, 动态二维码, 海报生成, 二维码保存, 小程序海报, 画布绘制, 营销二维码, 前端开发, canvas绘制, 微信小程序二维码
Mar 3, 2025 06:54 AM
本文介绍了ECMAScript中的Set、WeakSet、Map和WeakMap类型，包括它们的定义、属性、方法及应用。Set用于存储唯一值，支持操作如添加、删除和查找，且时间复杂度为O(1)。WeakSet仅存储对象并具有弱引用特性。Map允许使用任意类型的值作为键，提供了丰富的方法来操作键值对。WeakMap与Map类似，但键名是弱引用，适合存储临时数据，避免内存泄漏。
Post
JavaScript
Published
Jan 15, 2025 09:14 AM
JavaScript, Set, WeakSet, Map, WeakMap、JavaScript技巧、代码优化
Dec 21, 2021 04:18 PM
解构赋值是JavaScript中的一项强大功能，可以使代码更加简洁、易读。在这篇文章中，我们将深入探讨解构赋值的基本概念、进阶用法以及实战应用，包括如何通过解构赋值简化数组和对象的提取，优化函数参数的传递，并通过实际案例展示如何用解构赋值处理复杂的API数据
Post
JavaScript
Published
Nov 21, 2024 10:07 AM
解构赋值、JavaScript解构赋值数组解构、对象解构、JavaScript技巧、代码优化、JavaScript基础解构赋值进阶、JavaScript函数解构API数据处理
Nov 21, 2024 09:24 AM
掌握前端开发中的高效算法，深入解析双指针技巧如何在LeetCode和面试中脱颖而出。通过案例学习，优化复杂度，提升解题效率，让算法成为你技术进阶的加速器！更多程序员成长秘籍，助力你的职业发展
Post
LeetCode
Published
Nov 29, 2024 09:41 AM
双指针算法, LeetCode双指针, 前端算法优化, 高效解题技巧, 双指针应用
Nov 21, 2024 04:15 PM
链表是一种由节点组成的数据结构，分为单向链表、双向链表和循环链表。其优点包括便于插入和删除、动态长度和有效利用内存，但随机访问效率低且需要额外空间。链表在前端开发中应用于实现DOM结构、异步队列、LRU缓存等。处理链表时需注意指针丢失、越界和内存泄露等问题，使用哨兵节点可以简化操作。经典链表题目包括反转链表、合并有序链表等。
Post
LeetCode
Published
Dec 11, 2024 11:41 AM
链表、算法、leetcode、数据结构、单向链表、双向链表、循环链表，实现DOM结构、异步队列、LRU缓存、反转链表、合并有序链表
Sep 8, 2024 05:34 AM
实际开发中遇到的Next相关的bug，记录下来和大家分享
Post
Next.js
Published
Feb 7, 2025 08:31 AM
Next.js, 报错, 解决方案, getStaticProps, getServerSideProps, getStaticPaths, 静态生成
Aug 5, 2024 07:10 AM
在这篇文章中，我们将详细介绍如何在Notion中利用公式设置进度条，帮助你更高效地管理任务进度。通过自动化子任务和主任务的进度计算，让你在项目管理中不再漏掉任何细节，提升工作效率。我们还将分享如何根据任务状态自定义进度条，帮助你随时掌控项目动态，节省时间和精力。
Post
Notion
Published
Feb 6, 2025 10:12 AM
Notion进度条设置、Notion公式、项目管理Notion、任务进度条、Notion自动化、进度条自定义、Notion使用技巧、Notion进度管理、Notion公式教程、任务管理进度
Feb 6, 2025 09:53 AM
使用 Notion 作为数据库进行全栈开发的步骤包括注册 Notion 账号、获取 Notion API Token、创建数据库页面并配置相应的列。文中详细介绍了如何创建新集成、共享数据库权限以及获取数据库ID，以便进行数据管理和展示。
Post
Notion
Next.js
Website
Published
Nov 27, 2024 03:03 AM
Notion、Notion API、数据库、全栈开发、Notion数据库、API集成、Notion开发、开发者指南、数据管理、Notion页面、全栈应用、API密钥、创建集成、数据展示、开发配置、个人网站开发、博客数据库、Notion集成、Notion权限管理、Notion共享
Jul 30, 2024 09:37 AM
在Next.js项目中集成Notion数据库的步骤包括获取Notion API密钥和数据库ID、安装Notion官方SDK、设置Notion客户端、获取数据库内容、部署与验证，以及使用封装的Notion API进行交互。通过这些步骤，可以有效地将Notion作为内容管理系统，并利用react-notion-x组件渲染Notion页面，提升代码的可维护性。
Post
Notion
Next.js
Website
Published
Dec 2, 2024 08:16 AM
Next.js, Notion, Website, API, 数据库, 内容管理系统, 封装组件
Jul 31, 2024 08:08 AM
pageUrlOverrides 是一个配置对象，用于在 Notion 集成中定义自定义页面 URL 映射，以替换自动生成的 URL。它有助于 SEO 优化和用户体验。示例中展示了如何将 Notion 页面 ID 映射到更友好的自定义 URL，并提供了一个清理页面 URL 映射的函数 cleanPageUrlMap，确保映射的有效性。
Post
Notion
Next.js
Website
Published
Nov 27, 2024 03:03 AM
Next.js, Notion, Website, 自定义 URL, SEO, 用户体验
Aug 1, 2024 04:02 AM
Vercel 是一个专注于前端开发的平台，提供简单快速的静态网站和前端框架应用部署服务。其主要特点包括一键部署、自动化 CI/CD、全球 CDN、预览部署、自定义域名和无服务器函数等。适用于静态网站、单页应用、服务器端渲染应用及电子商务网站。部署流程包括注册、创建项目、导入 Git 仓库、配置项目和管理监控。Vercel 使开发者能够专注于代码，而无需担心部署和性能优化问题。
Post
Website
Vercel
Published
Nov 27, 2024 03:03 AM
Vercel, 部署, 网站, 前端开发, 静态网站, CI/CD, CDN, 服务器端渲染, 自定义域名, 无服务器函数，Vercel、网站部署、个人网站、全流程指南、快速部署、静态网站、前端开发、云部署、自动化部署、开发者工具、托管服务、Git集成、网站上线、技术教程、网站性能优化
Aug 6, 2024 03:07 AM
本文分享了如何在Next.js项目中使用i18n实现国际化网站，包括依赖安装、项目结构、配置文件、国际化文件的设置，以及组件的使用示例。此外，还提供了常见错误及其解决方案，确保服务器端和客户端的语言设置一致。
Post
Website
Next.js
Published
Nov 27, 2024 03:03 AM
Next.js, 国际化, i18n, 个人网站
Aug 6, 2024 07:31 AM
Mailchimp 是一个流行的电子邮件营销平台，提供多种功能，如受众管理、自动化和分析报告。它的免费计划适合小型企业，允许最多 500 个联系人和每月 1,000 封邮件。文中还详细介绍了如何通过 Mailchimp API 集成邮件订阅功能到 Next.js 项目中，包括创建账户、获取 API Key、编写订阅函数和创建 API 路由。Mailchimp 的强大功能和免费计划使其成为初学者的理想选择。
Post
Website
Next.js
Mailchimp
Published
Nov 27, 2024 03:03 AM
Mailchimp, Next.js, 网站, 电子邮件营销, 受众管理, 自动化, API, 免费计划
Aug 9, 2024 06:03 AM
本指南详细介绍了如何在Next.js项目中使用next-sitemap插件配置站点地图，以提升SEO和加快Google搜索引擎收录。步骤包括安装依赖、配置next-sitemap、生成站点地图、部署和验证。还提供了如何在Google、Bing和百度等搜索引擎中提交站点地图的说明，以及如何查看站点地图的收录情况和SEO优势。
Post
Website
Published
Nov 27, 2024 03:03 AM
Next.js站点地图, next-sitemap, 站点地图生成, Next.js SEO优化, Google Search Console
Jul 26, 2024 07:40 AM
在 Next.js 项目中集成 Google AdSense 广告的步骤包括在 _document.js 文件中添加验证代码，创建广告组件并在页面中使用。需要注意广告展示的延迟、广告位的正确配置，以及在开发环境中禁用广告代码以避免展示广告。
Post
Website
Published
Dec 2, 2024 08:16 AM
Google AdSense, Next.js, 广告单元, 集成, 代码, 组件
Jul 26, 2024 08:49 AM
将百度翻译功能集成到Next.js应用中，无需单独的Node.js环境。通过定义API路由、服务器端翻译逻辑和客户端集成，确保API密钥安全并实现便利的翻译功能。使用标准的Next.js命令即可运行应用，翻译功能完全集成，无需额外脚本。
Post
Website
Next.js
Notion
Published
Nov 27, 2024 03:03 AM
百度翻译, Next.js, API 路由, 服务器端翻译, 客户端集成, 环境变量, 依赖项, 安全性, 集成性, 便利性，Next.js 百度翻译集成, Node.js 百度翻译, Next.js API 路由, 百度翻译服务器端, Next.js 环境变量, Next.js 翻译组件, API 密钥安全, 客户端翻译, Next.js 自动化集成, 翻译集成优化
Sep 11, 2024 09:57 AM
在现代网站开发中，优化图片和减少未使用的JavaScript对于提升网站性能至关重要。本文详细介绍了如何在Next.js项目中使用next/image组件优化图片资源，并通过动态导入、按需加载等技术减少未使用的JavaScript，进而提升网站加载速度和用户体验。我们还探讨了通过预先连接外部资源和启用缓存来加速加载第三方服务如Google Ads。
Post
Website
Next.js
Published
Nov 27, 2024 03:04 AM
Next.js图片优化，图片资源压缩，next/image组件，动态加载图片，图片优化工具，webp格式，图片加载速度，外部图片优化，图片压缩工具，TinyPNG，Imagemin，图片构建优化，Cloudinary图片托管，图片缓存策略，减少未使用JavaScript，JavaScript代码拆分，动态导入模块，移除未使用库，Webpack Bundle Analyzer，按需加载，polyfill优化，ES6模块导入，Tree Shaking，第三方脚本优化，异步加载脚本，延迟加载组件，按需加载CSS，动态导入组件
Oct 16, 2024 03:21 AM
本篇文章全面讲解如何使用七牛云配置云空间实现静态存储图片分发，涵盖注册、域名绑定、上传配置、CDN加速等实操步骤，帮助开发者优化图片加载速度，提高网站性能。通过七牛云的高效存储和分发方案，轻松解决图片管理与加载效率问题。
Post
Website
Published
Mar 3, 2025 06:51 AM
七牛云、云存储、静态图片分发、CDN加速、图片加载优化、七牛配置教程、云空间配置、图片管理、网站性能优化、图片上传与分发
Dec 2, 2024 07:37 AM
如何在个人网站展示七牛云私有空间图片？推荐使用CDN自定义域名+URL鉴权，无需额外后端处理。本文详细解析三种方案：URL签名访问、开启防盗链、后端代理，帮你选择最佳图片访问方式！
Post
Website
Published
Mar 3, 2025 06:58 AM
七牛云私有空间, 七牛云CDN, URL鉴权, 七牛云防盗链, 图片访问权限, 七牛云签名URL, 七牛云存储, 七牛云CDN配置, 七牛云公有空间, 七牛云图片访问
Mar 3, 2025 06:50 AM
中级软件工程师备考分享，包含详细的备考计划、学习顺序和必考知识点。适合自学备考的考生，提供从学习资料到刷题策略的完整路径，并结合实际经验总结出高效备考方法，助力顺利通过考试。
Post
面试
Published
Nov 21, 2024 07:10 AM
中级软件工程师、软考、程序员、备考、备考计划
Nov 21, 2024 07:05 AM
本文总结了 JavaScript 常见面试题，包括数据类型、null 和 undefined 的区别、call、apply 和 bind 的用法、let、var 和 const 的区别、闭包、原型链、事件循环以及性能优化策略。重点强调了 JavaScript 的基本概念和性能提升方法，如减少 HTTP 请求、使用 CDN、资源压缩、延迟加载、缓存策略等。
Post
JavaScript
面试
Published
Oct 9, 2024 09:42 AM
JavaScript, 面试, 数据类型, null, undefined, call, apply, bind, let, var, const, 闭包, 原型链, 事件循环, 性能优化
Sep 3, 2024 08:45 AM
本文详细介绍了TypeScript的优势、与JavaScript的主要区别、基本数据类型、泛型、unknown与any的区别、readonly修饰符与const关键字的区别、装饰器的使用及其类型，以及interface与type的区别。TypeScript通过静态类型检查、增强的代码编辑体验和更好的工具支持，提高了代码的可维护性和开发效率。
Post
JavaScript
面试
Published
Oct 14, 2024 04:03 AM
TypeScript, JavaScript, 面试, 静态类型检查, 代码编辑体验, 可维护性, 泛型, 装饰器, interface, type
Aug 30, 2024 07:04 AM
Next.js 是一个用于构建 React 应用的框架，它提供了服务端渲染(SSR)和静态网站生成(SSG)的功能，能够提升页面加载速度和 SEO 效果。通过自动化路由系统、数据获取策略（如 getStaticProps 和 getInitialProps）以及增量静态生成 (ISR)，Next.js 能够灵活地生成静态页面或根据需求进行服务器端渲染。它非常适合用于内容不频繁变化的博客、作品集、文档等静态网站，同时还能支持动态路由和嵌套路由。此外，Next.js 支持 API 路由，可以将后端功能集成到应用中。
Post
Next.js
Published
Oct 23, 2024 11:06 AM
Next.js, 静态网站生成, SSG, 服务端渲染, SSR, 增量静态生成, ISR, 动态路由, 客户端路由, 数据获取, getStaticProps, getInitialProps, 性能优化, SEO, API 路由
Aug 5, 2024 06:32 AM
Notion好用但坑也不少？本文分享常见的Notion使用误区、数据同步问题、性能优化、数据库管理技巧，以及高效工作流打造，让你少走弯路，提升生产力！
Post
Notion
Published
Feb 13, 2025 05:32 AM
Notion、Notion教程、Notion踩坑、Notion技巧、Notion数据库、Notion模板、Notion同步问题、Notion优化、Notion生产力、Notion进阶
Aug 6, 2024 05:50 AM
要修复Tailwind CSS中的“未知规则@tailwind”警告，首先安装Tailwind CSS IntelliSense插件，然后将CSS文件与Tailwind CSS关联。打开CSS文件，按Shift + P并搜索“更改语言模式”，输入“tailwindcss”并选择它，这样警告就会消失。
Post
Tailwind CSS
unPublished
Oct 9, 2024 09:41 AM
Dec 7, 2023 12:58 AM
学习Webpack的路径包括理解基础概念、动手搭建项目、深入理解加载器和插件、优化构建性能、源码阅读与调试、探索进阶功能、实践项目以及参与社区与开源项目。通过这些步骤，可以全面掌握Webpack的原理与应用。
Post
Webpack
Published
Oct 9, 2024 09:41 AM
Sep 10, 2024 02:55 AM
学习Python时，很多人容易走弯路，比如盲目跟着教程学，却缺乏实践经验。本文结合我的学习经历，总结了一套高效的Python学习方法：从官方文档入手、通过项目实战积累经验、稳扎稳打提升。无论是基础语法、Web开发、自动化脚本，还是数据分析，都有针对性的学习路径和小项目推荐，帮助你快速上手Python，避免半途而废。
Post
Python
Published
Feb 13, 2025 05:28 AM
Python学习方法、Python入门、Python实战、Python项目、Python自动化、Python爬虫、Python Web开发、Python数据分析、Python编程、Python学习经验
Feb 13, 2025 05:26 AM
本文详细介绍了从输入URL到页面展示的整个HTTP请求流程，包括请求的构建、缓存查找、TCP连接建立、HTTP请求发送、服务器处理请求及返回结果等九个阶段。还探讨了浏览器缓存的作用、TCP三次握手的必要性以及如何通过Cookie实现用户登录状态的管理，最后回答了一些常见问题，如站点加载速度快的原因和UDP与TCP的优缺点。
Post
JavaScript
Published
Dec 9, 2024 09:53 AM
Aug 5, 2024 11:15 AM
函数式编程强调不可变性、函数作为一等公民、无副作用和高阶函数等核心特点。通过示例展示了如何使用高阶函数和纯函数来简化代码，提升可读性和可维护性。柯里化和组合函数的概念被详细介绍，强调了它们的灵活性和复用性。最后，介绍了 JavaScript 中的 reduce() 方法及其用法，展示了如何通过高阶函数处理数组数据。
Post
JavaScript
Published
Nov 27, 2024 03:04 AM
Mar 16, 2023 09:01 AM
本文介绍了变量命名规范，包括文件资源命名、变量命名、函数命名、常量命名及函数注释的规则。文件名应使用小写字母和连词线，变量和函数采用小驼峰命名法，常量使用全大写和下划线分隔，函数注释需遵循特定格式。
Post
JavaScript
Published
Oct 9, 2024 09:41 AM
Jun 28, 2022 08:21 AM
在 Next.js 项目中，如何通过自定义 Webpack 配置实现高级功能？本篇文章详细介绍了如何添加自定义 loader 和插件、优化代码分割、处理 CSS 与 Sass、配置 SSR 和环境变量等内容。
Post
Next.js
Webpack
Published
Oct 14, 2024 09:29 AM
Next.js, Webpack, 自定义配置, Webpack loader, Webpack 插件, 代码分割, 动态导入, CSS优化, Sass支持, SSR配置, 环境变量
Sep 10, 2024 05:56 AM
本文讨论了如何确保登录数据传输的安全性，涵盖了前端存储方式、Cookie的配置及使用、服务端Session管理、Token机制、JWT、Refresh Token以及单点登录(SSO)的实现。重点强调了Cookie的安全配置（如Secure和HttpOnly属性）以及加密技术在数据传输中的重要性，提供了具体的代码示例和加密解密过程。
Post
JavaScript
Published
Nov 27, 2024 03:04 AM
Dec 24, 2021 11:33 AM
全面指南，教你从零开始开发、打包并发布一个高质量的NPM包。涵盖项目配置、代码质量控制、自动化部署、发布流程及最佳实践，帮助你高效提升开发效率并创建专业的开源项目。
Post
npm
Published
Jan 14, 2025 09:50 AM
NPM 包开发, NPM 发布教程, NPM 包最佳实践, 如何发布 NPM 包, NPM 包打包, NPM 开发配置, NPM 自动化部署, NPM peerDependencies, NPM package.json 配置, NPM 发布流程
Jan 6, 2025 11:02 AM
本文详细解析了DeepSeek-R1系列模型的不同版本，并提供相应的硬件配置指南，帮助开发者选择合适的本地部署版本。此外，文章还介绍了如何使用Ollama在本地部署DeepSeek-R1 1.5B模型的具体步骤，包括安装环境、下载模型、运行推理等，确保流畅的AI推理体验。
Post
机器学习
Published
Feb 25, 2025 03:52 AM
DeepSeek-R1、本地部署、AI模型、Ollama、硬件配置、推理、NLP、GPU需求、机器学习、参数量、模型优化
Feb 12, 2025 05:47 AM
本文深入解析了微前端架构的概念与原理，详细介绍了微前端如何帮助大型应用进行拆分与管理。文章包括了常见的微前端技术方案如qiankun、single-spa及Web Components的介绍，并重点讨论了这些技术如何实现应用隔离、组件共享和通信。对于前端开发者、架构师及团队管理者，本文提供了全面的微前端架构知识。
Post
Website
Published
Feb 21, 2025 06:23 AM
微前端、微前端架构、qiankun、single-spa、Web Components、前端架构设计、子应用管理、应用隔离、JavaScript沙箱、前端技术架构
Feb 21, 2025 06:21 AM
年终总结是程序员展示工作成果和职业发展的关键机会。从技术成长、绩效成果到未来规划，全面教你撰写一份数据详实、有条理的年终总结，让你的努力不被埋没，助力升职加薪。
Post
面试
Published
Dec 17, 2024 08:13 AM
程序员年终总结、技术年终总结、绩效总结、年终复盘、职业晋升、技术成长、项目成果总结、职场总结指南、数据量化工作成果、技术总结模板
Dec 17, 2024 08:10 AM