万物之中，希望至美
至美之物，永不凋零
二〇二四 #十月（2）
二〇二四 #9月（1）
D20人生就要充满passion
备受人们喜爱的的脱口秀节目重新回归大众视野。“激情改变人生”为主题的首秀中，付航贯彻其“疯猴式”的表演风格，一句极具感染力的“ Passion！”迅速火遍全网。
二〇二四 #7月（1）
D26《唐朝诡事录之西行》之仵作之死
世间最让人痛心的，不是夫妻反目、恩断情绝，而是明明可以白首相伴，彼此相依，却总觉类日方长，不惜当下，突然某日，天人相隔，方才肝肠寸断，空留意难平！
二〇二四 #1月（4）
D20定义扩展组件样式
@Extend用于扩展原生组件样式
D14定义组件重用样式
如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，我们推出了可以提炼公共样式进行复用的装饰器@Styles。
D10自定义构建函数
ArkUI提供了一种轻量的UI元素复用机制@Builder，其内部UI结构固定，仅与使用方进行数据传递，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。
D04页面和自定义组件生命周期
学习了解鸿蒙开发的页面和自定义组件生命周期
二〇二三 #十二（3）
二〇二三 #十一（1）
D17维护umi3 项目时时如何解决内存泄漏的
记录维护umi 搭建的 react项目内存泄漏的解决办法
二〇二二 #3月（1）
D22使用 customRef 实现防抖
介绍 Vue 3 中的 Ref 和其重要性，以及本文将要涵盖的内容，特别是如何利用 customRef 实现防抖功能
二〇二一 #十月（1）
D22用Vue 3编写图片懒加载自定义指令的完整指南
在Web开发中，图片懒加载是提高页面加载速度和性能的重要技术之一。而Vue 3作为当下流行的前端框架，提供了方便易用的自定义指令功能，可以轻松实现图片懒加载效果。本文将介绍如何使用Vue 3编写一个图片懒加载的自定义指令，而且完全不依赖第三方包。
二〇二一 #8月（1）
D12vue3实现水印防篡改
在Vue开发中，我们经常需要实现一些特定功能，比如在网站上显示水印以防止内容被篡改。本文将介绍如何使用Vue和一些特定的Hooks来实现水印防篡改功能。
二〇二一 #6月（1）
D02自定义Hooks实现Loading状态控制
在Vue项目中，经常需要对Loading状态进行管理以提升用户体验。本文将介绍如何使用Vue自定义Hooks实现Loading状态的控制，并提供了一个名为`useLoading`的自定义Hook，能够方便地管理Loading状态。
二〇二〇 #4月（1）
D08静默之城
第一次感觉到危险离我们这么近
二〇二〇 #3月（1）
D12实现一个优雅的单位转换函数
做项目的时候碰到后端返回一个数字，单位是Kb,页面需要展示成，KB，MB，GB等单位
二〇二〇 #2月（1）
D20真实之心灵鸡汤
记录一些比较现实而又扎心的经典语录
二〇二〇 #1月（2）
D17使用 PM2 管理 node 服务
使用 PM2 管理 node 服务
D09搭建Flutter开发环境
在windows上搭建Flutter开发环境，Flutter依赖下面这些命令行工具
二〇一九 #十二（2）
D17JS常见排序算法
在这里，你可以学到常见的JavaScript常见排序算法
D07nginx配置SSL证书
配置 Nginx 以支持 SSL，从而启用 HTTPS。
二〇一九 #十一（1）
D27封装通用axios请求库
对 Axios 进行封装并统一管理 API 接口，本文将将指导你如何进行 Axios 的基本封装以及如何构建一个简单的 API 接口管理模块。
二〇一九 #十月（2）
D16Vue常用的UI组件库
记录一些常用的UI组件库
D06系统下载
推荐一个下载Windows系统的网站
二〇一九 #9月（4）
D27VS Code 安装以及主题，字体配置
工欲善其事必先利其器，本篇文章讲解安装VS Code以及主题配置。
D19利用高德地图API获取天气
通过高德地图API获取浏览器定位信息，创建标记，查询城市天气并通过infoWindow显示
D10一行 CSS 让整站变灰
国家公祭日当天，各大电商、娱乐等网站为了追忆逝者，缅怀英烈将整个网站页面设置成灰白色调。有一些学习前端的小伙伴看到就不禁思考如何实现。
D01使用CLI脚手架搭建Vue项目
本文将从安装Node.js环境开始，逐步完成使用Vue CLI脚手架创建Vue 2项目的全过程。
二〇一九 #8月（3）
D23利用浏览器API复制文本到剪切板
利用原生JavaScript，实现复制文本或数据到用户的剪贴板是一项常见的需求，比如复制分享链接、文本信息等
D17标签页间通信 - 播放音乐
利用BroadcastChannel实现标签页间通信播放音乐
D07使用nodemailer发送邮件
在当今的网络应用开发中，电子邮件仍然是一个重要的通信渠道，无论是用于用户注册验证、密码重置，还是系统通知和营销信息。`Nodemailer`是一个广受好评的Node.js库，它使得从Node.js应用程序中发送电子邮件变得简单而高效。本文将引导你完成使用Nodemailer发送邮件的基本步骤，并探讨一些高级功能，帮助你提升应用的用户体验。
二〇一九 #7月（2）
D15javascript对象深拷贝和浅拷贝
数据的复制是一个常见需求，而理解深拷贝与浅拷贝的区别对于避免意外的数据修改至关重要。
D05nvm的切换node版本
作为前端开发人员，必然需要使用到node环境来安装各种依赖的。但是会出现**node**版本问题而导致安装失败的问题。于是我们可以通过使用**nvm**来管理node版本。
二〇一九 #6月（4）
D26nrm的使用
nrm 是一个 npm 源管理工具，可以方便的切换 npm 源，并且可以保存多个源供选择。
D19vue中的data属性
在Vue组件的构造中，`data`属性占据了核心地位，负责承载组件的状态信息。值得注意的是，Vue推荐开发者将`data`定义为一个函数，而非直观上的对象。
D11v-model 双向绑定原理
讲解 `v-model` 的工作原理，揭开其背后的神秘面纱。
D04Vue初识
记录自己学习使用Vue
二〇一九 #5月（3）
D23CSS边距重叠
当两个垂直相邻的元素（通常为块级元素）的外边距相遇时，并非简单地相加，而是取两者中的最大值作为实际的外边距。这一现象主要发生在同方向的相邻外边距上，尤其是上下相邻的块级元素之间
D14闭包
一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
D06typeof null的输出结果
在JavaScript中，null是一个特殊类型的值，表示一个空或未定义的值。当一个变量被声明为null时，它的值就是null。
二〇一九 #4月（4）
D30打造自己的JavaScript日期格式化函数
编写一个灵活的日期格式化函数，让你能够轻松地将日期转换为你想要的格式。
D18计算2个日期之间的天数差
计算2个日期之间的天数差
D10CSS文本溢出
在Web开发中，处理文本溢出是一个常见的需求，尤其是在设计响应式界面或者有限空间展示大量信息时。CSS提供了多种工具来优雅地处理这一问题，确保用户体验既美观又实用。本文将探讨几种常用的技术，帮助你掌握如何利用CSS实现文本溢出的控制。
D02Cookie、SessionStorage与LocalStorage的差异
浏览器为我们提供了三种主要的客户端存储技术：Cookie、SessionStorage和LocalStorage，每种技术都有其特定的用途、优势和局限性。
二〇一九 #3月（3）
D23JavaScript中的数字千分位格式化
在处理大量数字展示时，将数字以千分位形式格式化不仅能够提升数据的可读性，还能使用户界面更加专业和友好。
D16手写函数防抖
手写一个简单的防抖函数实现，帮助你更好地理解和应用这一技巧。
D03手写函数节流
在前端开发中，我们经常遇到需要对某些频繁触发的事件（如窗口的resize、scroll事件，或者高频率的按钮点击）进行限制，以避免因函数执行过于频繁而导致的性能问题。这时，一个非常有用的工具就是**函数节流**（throttle）。本文将深入探讨函数节流的概念、原理，并手把手教你如何实现一个简单的函数节流。
二〇一九 #2月（1）
D13ajax获取下载信息
利用`XMLHttpRequest`的`responseType`设置为`blob`，结合`onprogress`事件来监听下载进度
二〇一九 #1月（3）
D27页面可见性监听
在当今Web开发的世界中，用户体验优化是至关重要的。其中，对用户是否正在查看或交互网页的状态进行感知，能够帮助我们更好地提升网站性能和互动体验。HTML5引入了一个强大的API——Page Visibility API，它提供了一个名为`visibilitychange`的事件，用于监听页面的可见状态变化。
D12Promise
Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。
D05点击触发随机核心价值观词向上飞舞并消失
在网页设计与交互体验的探索中，我们时常会尝试各种富有创意和趣味性的动态效果，以提升用户对页面的参与度和关注度。今天，我们将一起探讨如何利用前端技术，实现一个点击页面任意位置后，随机选取一个核心价值观词汇，并使其向上移动直至消失的特效。
二〇一八 #十二（4）
D28JavaScript 中分时函数的优势：解决创建大量节点的性能问题
在网页开发中，我们经常需要操作 DOM 元素，其中一个常见的任务是动态创建大量节点。但是，如果不加以控制，一次性创建大量节点可能会导致浏览器性能问题，甚至导致页面卡顿或崩溃。在本文中，我们将探讨这个问题，并介绍一种解决方案——分时函数。
D23赞美效应
夸你夸你就夸你
D18用HTML5 Canvas实现代码雨效果
HTML5 Canvas是一个强大的绘图工具，可以用来创建各种视觉效果，其中包括代码雨效果。代码雨是一种视觉效果，类似于在屏幕上下落的字符流，给人一种代码正在“雨”下的感觉。本文将介绍如何使用HTML5 Canvas实现代码雨效果。
D08前端技巧：实现图片回显
在现代Web开发中，我们经常遇到用户头像、商品图片等需要上传并预览的场景。有时为了提升用户体验，我们需要实现在本地选择图片后立即在页面上显示的效果，也就是所谓的“图片回显”。那么，如何在前端不实际上传图片到服务器的情况下实现图片回显呢？本文将详细介绍这一技术的实现步骤和原理。
二〇一八 #十一（2）
二〇一八 #十月（4）
二〇一八 #9月（4）
D28转换数组中的每个元素
通过对数组中的每个元素应用特定的转换操作，将其值进行转换或修改
D21计数器
计数器如同时间的守护者，静静地记录着流逝的时光，细数着生命中每一个宝贵的瞬间。
D14从输入URL到页面渲染浏览器到底做了什么
从输入URL到页面渲染，浏览器首先进行DNS解析，与服务器建立连接，发送HTTP请求，服务器响应请求，浏览器接收响应并进行HTML解析、CSS解析、JavaScript解析、渲染和页面加载。
D07JavaScript中的this
JavaScript中的this指向当前执行上下文的对象。
二〇一八 #8月（5）
D31长歌行
《长歌行》是汉乐府中的一首诗，属《相和歌辞》，是劝诫世人惜时奋进的诗篇。此诗主要是说时节变换得很快，光阴一去不返，因而劝人要珍惜青年时代，发奋努力，使自己有所作为。全诗以景寄情，由情入理，将“少壮不努力，老大徒伤悲”的人生哲理，寄寓于朝露易干、秋来叶落、百川东去等鲜明形象中，借助朝露易晞、花叶秋落、流水东去不归来，发出了时光易逝、生命短暂的浩叹，鼓励人们紧紧抓住随时间飞逝的生命，奋发努力趁少壮年华有所作为。
D24让盒子居中的几种方法
盒子模型是指将所有HTML元素视为一个矩形盒子，并通过CSS属性控制盒子的大小、位置、边框、内边距和背景等样式。
D17 vscode使用SFTP上传vue打包项目
在VSCode中安装并启用SFTP插件，配置好远程服务器信息后，通过拖拽文件到VSCode界面即可实现上传到远程服务器。
D10vscode远程连接服务器
VSCode远程连接服务器是通过安装Remote Development插件实现，在本地的VSCode界面上通过SSH或其他协议连接到远程服务器，进行代码编辑、调试和运行。
D03vscode中vue文件路径别名后路径提示
在VSCode中，当使用了Vue文件的路径别名配置后，路径提示功能将能够正确地展示别名后的路径，方便快速定位和选择文件或模块。
二〇一八 #7月（4）
D27给你的网站添加可爱的小尾巴
不少技术博客有这样的处理，当我们复制代码的时候，会自动加上一段本信息版权为XXXX，这是怎么实现的呢？其实实现的方式很简单，可以在我的网站页面上绑定一个copy事件，当你复制文章内容的时候，自动在剪切板文字后面加上一段版权声明
D20从零到一部署前端项目
通过安装nginx、nodejs、mongo、并配置nginx，实现将应用部署到服务器上，提供稳定的服务。
D13JavaScript中的正则
在 JavaScript 中，正则表达式是一种用于匹配和操作字符串模式的强大工具。
D06JavaScript中的日期
JavaScript 中的日期可以用 Date 对象表示，它提供了一种方便的方式来操纵和格式化日期。
二〇一八 #6月（5）
D29JavaScript中的Function
JavaScript中的函数是一段封装了特定功能的代码，可以被重复调用并传入参数。
D22JavaScript中的Array
JavaScript中的数组是一组可以用一个标识符访问的、具有顺序的变量集合，可以容纳任何类型的数据并提供了多种操作方法。
D15JavaScript中的String
JavaScript 的 String 类型是用于表示文本数据的基本数据类型，可以存储和操作由 Unicode 字符构成的任意长度的字符串。
D08JavaScript中的数据类型
JavaScript中的数据类型包括基本数据类型（如字符串、数字、布尔值、undefined和null）以及复杂数据类型（如对象和数组），用于存储和操作不同种类的数据。
D01JavaScript
JavaScript是一种用于编程的脚本语言，可通过在网页中添加交互性和动态效果来控制网页行为、处理数据和实现功能。
二〇一八 #5月（4）
D25你不知道的那些CSS属性
通过提升UI/UX的CSS设计，可以使网页更加美观、易用和高效，增强用户体验，提升品牌价值和竞争力。它不仅包括视觉设计，还涉及交互、响应式布局、性能等全方位优化。
D18CSS3
CSS3是一种用于设计和布局网页的样式表规范，提供了强大的功能和特性，以增强用户体验。
D11CSS定位
CSS定位是一种通过设置元素的位置属性（如position）和偏移量（如top、bottom、left、right）来控制元素在页面中的布局和排列方式。
D04CSS选择器
CSS选择器是一种用于选择HTML元素或一组元素的模式，使得可以针对特定的元素或类别应用样式和规则。
二〇一八 #4月（4）