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