勋章
粉丝
技术能力
- 前端开发
- JavaScript
- Python
- SEO
-
前端开发
中级
能力说明：
掌握HTML5与CSS3的核心技术，掌握前端主流语言和开发框架JavaScript、jQuery和Ajax的基本知识，具备搭建动态交互网页的基本能力。
暂时未有相关云产品技术能力~
暂无个人介绍
-
发表了文章 2024-08-12
利用 Coze 搭建专属 AI 厨师助手
利用 Coze 搭建专属 AI 厨师助手
-
发表了文章 2024-08-12
一个小案例带你快速了解鸿蒙ArkUI的基本使用
一个小案例带你快速了解鸿蒙ArkUI的基本使用
-
发表了文章 2024-08-12
使用html,css,js 实现一个龙年春节祝福卡片效果
使用html,css,js 实现一个龙年春节祝福卡片效果
-
发表了文章 2024-08-12
原生实现环形进度条
原生实现环形进度条
-
发表了文章 2024-08-12
魔改react-calendar还原UI设计中的打卡日历效果
魔改react-calendar还原UI设计中的打卡日历效果
-
发表了文章 2024-08-12
图像裁剪库Cropper.js的学习使用
图像裁剪库Cropper.js的学习使用
-
发表了文章 2024-08-12
ThreeJs Demo 之创建星空效果
ThreeJs Demo 之创建星空效果
-
发表了文章 2024-08-12
Framer 使用滚动变体创建动画
Framer 使用滚动变体创建动画
-
发表了文章 2024-08-12
react-masonry-css瀑布流的基本使用
react-masonry-css瀑布流的基本使用
-
发表了文章 2024-08-12
Framer 一些交互相关的动画效果
Framer 一些交互相关的动画效果
-
发表了文章 2024-08-12
Framer 滚动动画效果集合 (讲解)
Framer 滚动动画效果集合 (讲解)
-
发表了文章 2024-08-12
Framer快速搭建滚动动画网站(无代码)
Framer快速搭建滚动动画网站(无代码)
-
发表了文章 2024-08-12
总结vue3中常用的组件间通信的方法
总结vue3中常用的组件间通信的方法
-
发表了文章 2024-08-12
巧用CSS实现折叠手风琴效果
巧用CSS实现折叠手风琴效果
-
发表了文章 2024-08-12
实现在vue中自定义主题色彩切换
实现在vue中自定义主题色彩切换
-
发表了文章 2024-08-12
使用vitepress搭建自己的静态个人博客 || 个人知识库
使用vitepress搭建自己的静态个人博客 || 个人知识库
-
发表了文章 2024-08-12
Element-ui Table表格导出功能的实现
Element-ui Table表格导出功能的实现
-
发表了文章 2024-08-12
如何实现图片懒加载
如何实现图片懒加载
-
发表了文章 2024-08-12
使用js,html,css实现歌词滚动的效果
使用js,html,css实现歌词滚动的效果
-
发表了文章 2024-08-12
构建工具到底是什么呢? 一篇帮你搞懂
构建工具到底是什么呢? 一篇帮你搞懂
-
发表了文章 2024-08-12
了解 css中 backface-visibility 属性
了解 css中 backface-visibility 属性
-
发表了文章 2024-08-12
轻量级状态管理库 Zustand 的基本使用
轻量级状态管理库 Zustand 的基本使用
-
发表了文章 2024-08-12
Mysql80 密码忘记了怎么办
Mysql80 密码忘记了怎么办
-
发表了文章 2024-08-12
第一章 计算机网络概述
第一章 计算机网络概述
-
发表了文章 2024-08-12
nodejs os模块
nodejs os模块
-
发表了文章 2024-08-12
DOM解析器DOMParser api的讲解
DOM解析器DOMParser api的讲解
-
发表了文章 2024-08-12
深入浅出TypeScript | 青训营笔记
深入浅出TypeScript | 青训营笔记
-
发表了文章 2024-08-12
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
-
发表了文章 2024-08-12
理解CSS | 青训营笔记（2）
理解CSS | 青训营笔记
-
发表了文章 2024-08-12
理解CSS | 青训营笔记（1）
理解CSS | 青训营笔记
-
发表了文章 2024-08-12
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
-
发表了文章 2024-08-12
pinyin-pro的基本使用
pinyin-pro的基本使用
-
发表了文章 2024-08-12
学习Particles.js 给网页来点粒子特效
学习Particles.js 给网页来点粒子特效
-
发表了文章 2024-08-12
ThreeJs 基础学习
ThreeJs 基础学习
-
发表了文章 2024-08-12
GSAP基础学习
GSAP基础学习
-
发表了文章 2024-08-12
H5对话框元素<dialog>
H5对话框元素<dialog>
-
发表了文章 2024-08-11
JavaScript中的every 和 some 讲解和实现
`every()` 和 `some()` 是用于测试数组元素是否符合特定条件的两个方法。`every()` 验证所有元素是否都通过指定函数的测试，并返回一个布尔值。而 `some()` 则检查数组中是否存在至少一个元素能通过该测试。若找到符合条件的元素，即使只有一个，`some()` 也会立即返回 `true`；反之则返回 `false`。这两个方法都不会对原数组进行修改。
-
发表了文章 2024-08-11
find 和 findIndex 的讲解和实现
`findIndex` 是 JavaScript 数组方法，用于查找数组中满足条件元素的索引。语法：`array.findIndex(callback[, thisArg])`。`callback` 定义查找条件，并可接收元素、索引和数组自身作为参数。`findIndex` 从头遍历数组，找到首个符合条件的元素即返回其索引，未找到则返回 -1。
-
发表了文章 2024-08-11
手写call , apply , bind 方法的实现
本文通过实例讲解了JavaScript中`call`、`apply`及`bind`方法的用途与实现。以`call`为例，展示了如何改变函数内的`this`指向，并立即执行该函数。通过在`Function.prototype`上定义`myCall`，利用`Symbol`确保新增属性的唯一性，从而避免命名冲突。接着介绍了如何处理不定数量的参数传递，最终实现了自定义的`myCall`方法。随后简述了`apply`与`call`的区别，并展示了其实现方式，主要在于参数传递形式的不同。最后，通过`bind`方法创建了一个返回新函数的例子，该新函数具有固定的`this`上下文，同时支持分批参数传递。
-
发表了文章 2024-08-11
JavaScript中的深拷贝和浅拷贝的实现讲解
在JavaScript中，浅拷贝与深拷贝用于复制对象。浅拷贝仅复制基本类型属性，对于引用类型仅复制引用，导致双方共享同一数据，一方修改会影响另一方。深拷贝则完全复制所有层级的数据，包括引用类型，确保双方独立。浅拷贝可通过简单属性赋值实现，而深拷贝需递归复制各层属性以避免共享数据。
-
发表了文章 2024-08-11
深入理解JavaScript中的核心内容
本文全面介绍了JavaScript的基础与进阶知识。首先，概述了JavaScript作为一门脚本语言的基本概念，包括ECMAScript、DOM及BOM的作用与重要性。接着，深入探讨了JavaScript的执行流程，从编译到执行阶段，并重点讲解了JIT编译技术如何提升执行效率。随后，介绍了进阶知识点，如闭包的强大功能及其潜在的内存问题，`this`关键字的不同行为，以及事件循环机制如何管理同步与异步代码。通过本文的学习，读者不仅能掌握JavaScript的核心概念，还能深入了解其实现细节与最佳实践，为高效开发打下坚实基础。
-
发表了文章 2024-08-11
JavaScript中的DOM解析器DOMParser api的讲解
`DOMParser`能将XML或HTML源码字符串解析成DOM `Document`。通过`new DOMParser()`创建实例，使用`.parseFromString(string, type)`方法进行解析，其中`string`为待解析的字符串，`type`指定解析类型如`text/html`或`text/xml`等，返回一个`Document`对象。例如，可解析包含`<p>666</p>`的字符串并获取其文本内容`666`。
-
发表了文章 2024-08-11
js中的reduce()方法 讲解 和实现
`reduce()` 方法对数组元素依次应用一个回调函数，将结果累计并最终返回单一值。语法为 `reduce(callback(accumulator, currentValue, currentIndex, array), initialValue)`。参数包括累计器（初次为初始值或首元素）、当前元素值、索引及数组自身。此方法需返回值供下一轮迭代使用。常见应用场景包括计算数组总和与平均值、统计元素频率、过滤与转换数组内容及去除重复项等。例如，可通过 `reduce()` 快速计算 `[1, 2, 3, 4, 5]` 的总和或对对象属性值求和。此外，还可自定义实现 `reduce()` 方法
-
发表了文章 2024-08-11
JS 防抖与节流
防抖和节流是优化高频事件处理的技术。针对如`scroll`、`resize`等频繁触发的事件，它们能有效减少不必要的回调执行，节省资源。防抖确保在一段时间内仅执行最后一次操作，适用于输入框自动补全等场景；而节流则按固定间隔执行函数，适合拖拽、滚动事件。通过简单的JavaScript实现，可以显著提升应用性能和用户体验。
-
发表了文章 2024-08-11
css实现涂绘文字的效果
如何使用HTML5和CSS3创建一个简单的文字涂抹动画效果。通过设置一个相对定位的父级div包含文本，并在其上使用绝对定位的伪元素与之重叠，实现动画效果。关键在于控制伪元素的宽度从0%到100%的变化过程，同时利用`overflow: hidden`和`white-space: nowrap`确保文本按预期显示。光标效果则通过添加右边界来模拟。整体代码简洁明了，便于理解和实践。
-
发表了文章 2024-08-11
H5对话框元素<dialog> 讲解
元素定义对话框或窗口，如点击按钮弹出的对话框、警告提示等。通过 `open` 属性控制可见性，`showModal()` 方法展示模态框。支持基本样式调整，如背景颜色和边框。兼容性详情参见 MDN 文档。
-
发表了文章 2024-08-11
FLex布局详解
Flex布局通过`flex-direction`定义主轴方向，包括横向`row`、反向横向`row-reverse`、纵向`column`及反向纵向`column-reverse`。`justify-content`控制主轴上子元素的排列，如起始端`flex-start`、末端`flex-end`、居中`center`、等间距`space-around`或两端对齐`space-between`。在Y轴上设置这些同样有效。`flex-wrap: wrap`使子元素在需要时换行。`align-items: center`实现侧轴（交叉轴）上的居中对齐
-
发表了文章 2024-08-11
css来实现一个好玩的按钮
这段代码实现了一个具有独特悬停效果的按钮。通过定义按钮及其`:after`伪元素，并设置初始状态下的透明度和尺寸，当鼠标悬停在按钮上时，背景色平滑过渡至另一种颜色，产生视觉上的动态扩展效果。为避免覆盖文字，特地调整了伪元素的层级，确保交互过程中文字始终可见。整体效果流畅自然，增强了用户界面的互动性与美观度。
-
发表了文章 2024-08-11
了解 css中 backface-visibility 属性
`backface-visibility` 是一个CSS属性，用于3D转换时控制元素背面的可见性，以优化渲染性能。默认情况下，背面被隐藏以减少不必要的渲染。此属性有两值：`visible` 表示背面可见；`hidden`（默认值）则隐藏背面。 通过双面卡片案例演示了其用法：两个重叠盒子，一个显示图片，另一个显示文字且初始状态为背面朝外。鼠标悬停时，图片盒子翻转显示背面，文字盒子翻转显示正面，同时设置 `backface-visibility: hidden` 以确保背面不被渲染。 兼容性良好，广泛支持现代浏览器。
-
发表了文章 2024-08-11
CSS常用滤镜属性讲解
本文介绍了CSS滤镜的几种常用效果，包括高斯模糊、亮度和对比度调整、灰度化、图像反转、透明度调整、饱和度调整及复古滤镜等。例如，使用`blur(10px)`可使图像产生模糊效果，包裹层设置`overflow: hidden`可避免边缘模糊；`brightness(150%)`和`contrast(150%)`分别增强图像亮度和对比度；`grayscale(1)`将图像转为灰度；`invert(1)`实现图像颜色完全反转；`opacity(0.5)`调整图像半透明；`saturate(350%)`增加饱和度；`sepia(100%)`营造复古深褐色调；`hue-rotate(180deg)`改变
-
发表了文章
2024-08-12
利用 Coze 搭建专属 AI 厨师助手
-
发表了文章
2024-08-12
一个小案例带你快速了解鸿蒙ArkUI的基本使用
-
发表了文章
2024-08-12
使用html,css,js 实现一个龙年春节祝福卡片效果
-
发表了文章
2024-08-12
原生实现环形进度条
-
发表了文章
2024-08-12
魔改react-calendar还原UI设计中的打卡日历效果
-
发表了文章
2024-08-12
图像裁剪库Cropper.js的学习使用
-
发表了文章
2024-08-12
ThreeJs Demo 之创建星空效果
-
发表了文章
2024-08-12
面试题分享之封装一个弹框组件
-
发表了文章
2024-08-12
Framer 使用滚动变体创建动画
-
发表了文章
2024-08-12
react壁纸网站项目开发中的一些思路总结
-
发表了文章
2024-08-12
react-masonry-css瀑布流的基本使用
-
发表了文章
2024-08-12
Framer 一些交互相关的动画效果
-
发表了文章
2024-08-12
Framer 滚动动画效果集合 (讲解)
-
发表了文章
2024-08-12
Framer快速搭建滚动动画网站(无代码)
-
发表了文章
2024-08-12
总结vue3中常用的组件间通信的方法
-
发表了文章
2024-08-12
巧用CSS实现折叠手风琴效果
-
发表了文章
2024-08-12
实现在vue中自定义主题色彩切换
-
发表了文章
2024-08-12
使用vitepress搭建自己的静态个人博客 || 个人知识库
-
发表了文章
2024-08-12
Element-ui Table表格导出功能的实现
-
发表了文章
2024-08-12
如何实现图片懒加载
