勋章
我关注的人
粉丝
技术能力
- JavaScript
- 前端开发
-
前端开发
高级
能力说明：
掌握企业中如何利用常见工具，进行前端开发软件的版本控制与项目构建和协同。开发方面，熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap，具备开发高级交互网页的能力，具备基于移动设备的Web前端开发，以及Node.js服务器端开发技能。
-
-
大模型Clouder认证：基于百炼平台构建智能体应用商品
获得于2024-12-21 11:57:40 -
弹性计算Clouder认证：ECS快速入门
获得于2024-12-21 11:08:17
-
砥砺奋进
-
发表了文章 2024-11-22
JavaScript学习第一章
本文档介绍了JavaScript的基础知识，包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性，以及JavaScript中的变量类型（`var`、`let`、`const`）和数据类型（基本数据类型与引用数据类型）。通过实例代码详细解释了JavaScript的核心概念，适合初学者入门学习。
-
发表了文章 2024-11-22
python爬虫的基本使用
本文介绍了Python爬虫的基本概念及其广泛应用，包括搜索引擎、数据挖掘、网络监控、舆情分析和信息聚合等领域。通过安装`urllib`和`BeautifulSoup`库，展示了如何编写简单代码实现网页数据的抓取与解析。爬虫技术在大数据时代的重要性日益凸显，为各行业提供了高效的数据获取手段。
-
发表了文章 2024-11-22
从零开始使用node.js制作一个脚手架
本文介绍了如何从零开始使用Node.js制作一个项目脚手架，涵盖了脚手架的基本概念、所需准备的第三方库、项目结构的初始化、命令注册、项目创建流程及用户交互设计等内容。通过实例演示了如何利用commander、inquirer等库实现命令行工具的开发，最终完成了一个能够根据用户选择自动创建Vue或React项目的脚手架。
-
发表了文章 2024-11-22
教你用vue2实现一个tabbar(2024年11月教程）
欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。自学前端2年半，正向全栈进发。博客分享技术心得，助你成长。关注我，获取更多优质内容，你的支持是我前进的动力！🎉🎉🎉
-
发表了文章 2024-11-22
前端H5使用canvas画爱心以及笑脸
本文介绍了HTML5中的canvas元素及其基本用法，通过JavaScript在canvas上绘制图形。首先简述了canvas的功能，接着详细展示了如何使用`bezierCurveTo`方法绘制爱心和`arc`方法绘制笑脸，并附有示例代码及效果说明。最后总结了canvas在网页图形绘制上的应用潜力。
-
发表了文章 2024-11-22
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
-
发表了文章 2024-11-22
Filp动画
Filp动画基于First、Last、Inverse、Play四步实现复杂前端动画效果。首先记录元素初始位置，接着记录目标位置，然后使用transform属性将元素逆向平移回初始位置，最后通过移除transform并添加transition属性实现平滑动画效果。这是一种高效解决CSS不支持过渡动画问题的方法。
-
发表了文章 2024-11-22
2022年前端学习路线(个人认为)
本文提供了一条前端工程师的学习路径，分为三个阶段。第一阶段（1-2个月）重点掌握HTML、CSS、JavaScript及H5+CSS3，目标是能够构建基本的静态网页。第二阶段（2-3个月）深入Node.js、Git、Webpack及相关工具和规范，提升项目管理和构建能力。第三阶段（4-6个月）专注于Vue、React、Angular等主流框架，以及uni-app和微信小程序的开发，旨在实现跨平台应用的开发能力。每个阶段都有详细的课程推荐，帮助初学者逐步成长为合格的前端工程师。
-
发表了文章 2024-11-22
用TS从零开始制作贪吃蛇游戏--1
本项目使用VSCode、Less、TypeScript及Webpack构建“贪吃蛇”游戏。首先初始化项目结构，创建Gluttonous snake文件夹并用VSCode打开，通过npm初始化package.json。接着配置Webpack，包括安装相关插件（如html-webpack-plugin、clean-webpack-plugin、webpack-dev-server）、设置TS编译环境及Less编译规则。最终实现自动打包、热更新及样式文件的正确处理。
-
发表了文章 2024-11-22
一文带你了解和使用webpack（2024年11月）
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端已有两年半的时间，目前正努力向全栈开发迈进。如果你在我的博客中有所收获，欢迎关注我，我会持续更新更多优质内容。你的支持是我最大的动力！🎉🎉🎉
-
发表了文章 2024-11-22
vue学习第十章(组件开发）
欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。本文深入讲解Vue组件的基本使用、全局与局部组件、父子组件通信及数据传递等内容，适合前端开发者学习参考。持续更新中，期待您的关注！🎉🎉🎉
-
发表了文章 2024-11-22
一文带你了解vuex和使用(2024年11月）
欢迎来到我的博客，我是自学前端两年半的大一学生，熟悉JavaScript与Vue，正向全栈发展。本篇介绍了Vuex，Vue.js的状态管理模式，包括其核心概念如state、getter、mutation、action及模块化使用，通过集中管理状态确保应用状态的可预测变化。文章详细解析了Vuex的工作原理，特别是与Vue的computed属性和响应式系统的集成，以及如何在实际项目中搭建和使用Vuex。如果你觉得有帮助，欢迎关注，我将持续更新更多技术文章。🎉🎉🎉
-
发表了文章 2024-11-22
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象，随后提供了五种解决方法：手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性，文章最后鼓励读者关注作者以获取更多前端知识分享。
-
发表了文章 2024-11-22
vue学习第一章
欢迎来到我的博客！我是瑞雨溪，一名热爱前端的大一学生，专注于JavaScript与Vue，正向全栈进发。博客分享Vue学习心得、命令式与声明式编程对比、列表展示及计数器案例等。关注我，持续更新中！🎉🎉🎉
-
发表了文章 2024-11-22
防抖和节流的区别，实现和用处。
防抖和节流是优化高频事件处理的两种技术。防抖确保在一系列连续事件后仅执行最后一次操作，如搜索输入完成后再发送请求；节流则保证在设定时间内仅执行一次操作，适用于滚动加载等场景。两者通过限制回调函数的执行频率，有效提升前端性能。示例代码展示了如何实现这两种技术。
-
发表了文章 2024-11-22
vue学习第8章（vue的购物车案例）
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，正向全栈进发。本篇分享一个综合练习小demo，包括目录结构、HTML、JS及CSS代码，通过增删商品实现总价计算。关注我，获取更多前端知识！🎉🎉🎉
-
发表了文章 2024-11-22
使用node.js搭建一个express后端服务器
Express 是 Node.js 的一个库，用于搭建后端服务器。本文将指导你从零开始构建一个简易的 Express 服务器，包括项目初始化、代码编写、服务启动与项目结构优化。通过创建 handler 和 router 文件夹分离路由和处理逻辑，使项目更清晰易维护。最后，通过 Postman 测试确保服务正常运行。
-
发表了文章 2024-11-22
js中的数据类型
JavaScript 中的数据类型包括五种基本类型（String、Number、Undefined、Boolean、Null）和三种引用类型（Object、Array、Function，以及ES6新增的Symbol）。基本类型直接存储值，引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
-
发表了文章 2024-11-22
JS中的构造函数的含义和用法
构造函数是JavaScript中用于创建新对象的特殊函数，通常首字母大写。通过`new`关键字调用构造函数，可以初始化具有相同属性和方法的对象实例，从而实现代码复用。例如，定义一个`Person`构造函数，可以通过传入不同的参数创建多个`Person`对象，每个对象都有自己的属性值。此外，构造函数还可以包含方法，使每个实例都能执行特定的操作。构造函数的静态属性仅能通过构造函数本身访问。ES6引入了`class`语法糖，简化了类的定义和实例化过程。
-
发表了文章 2024-11-22
使用 JavaScript 制作 To-Do List
本文详细介绍了如何使用HTML、CSS和JavaScript制作一个简单的To-Do List网页，包括添加、删除任务及标记任务完成等功能的实现，附带完整代码示例和页面样式设计。
-
发表了文章 2024-11-22
js中的bind,call,apply方法的区别以及用法
JavaScript中，`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中，`bind`返回一个新函数，不立即执行；`call`和`apply`则立即执行，且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似，但在执行时机和参数传递方式上有所区别。
-
发表了文章 2024-11-22
一文带你了解和使用vue-cli(2024年11月)
欢迎来到我的博客！我是一名热爱前端技术的大一学生，自学JavaScript与Vue已两年半，目前正向全栈工程师迈进。如果你从我的博客中有所收获，欢迎关注我，我会持续更新更多优质内容，一起成长！🎉🎉🎉
-
发表了文章 2024-11-22
vue2的响应式数据原理
`Object.defineProperty` 是 Vue 2 实现响应式数据的核心方法，通过定义 getter 和 setter 来追踪属性的变化。当访问或修改属性时，会触发相应的函数，从而实现数据的动态更新。本文介绍了该方法的基本用法、响应式原理及其简单实现，展示了如何通过监听属性变化来自动更新视图，体现了前端框架设计中的巧妙之处。
-
发表了文章 2024-11-22
关于Vue2里 v-for和v-if一起用的时候会出现的问题
本文介绍了在Vue2中同时使用`v-for`和`v-if`指令时可能出现的问题及解决方案。由于`v-for`的优先级高于`v-if`，导致条件判断在每次循环中执行，可能造成重复渲染。文中通过具体案例展示了问题现象，并提供了两种解决方法：一是调整逻辑，将列表长度小于等于2时清空列表；二是修改条件判断，避免使用`v-else`，确保每个条件独立判断。最后，作者建议使用Vue3以获得更好的性能和体验。
-
发表了文章 2024-11-22
Vim编辑器的初步认识和使用
Vim是一款高度可定制的文本编辑器，支持三种主要模式：正常模式、编辑模式和命令行模式。用户可以通过快捷键在不同模式间切换，实现高效编辑。如输入`i`进入编辑模式，`:wq`保存退出，`:s`进行文本替换等。Vim还支持个性化配置，通过编辑`.vimrc`文件可设置语法高亮、自动缩进等功能，极大提升了编辑体验。
-
发表了文章 2024-11-22
CSS transition过渡属性详解
本文介绍了CSS中`transition`属性的作用、用法及实例。`transition`用于在元素属性变化时添加平滑过渡动画，通过设置`transition-property`、`transition-duration`、`transition-timing-function`和`transition-delay`等属性值，可以精细控制过渡效果。文末提供了HTML示例代码，展示了如何使用`transition`实现鼠标悬停时背景颜色的平滑变化。
-
发表了文章 2024-11-22
怎么在vite项目中全局导入一个scss文件
在Vite项目中全局导入SCSS文件的方法：通过配置`vite.config.js`中的`css.preprocessorOptions.scss.additionalData`属性，可以将SCSS变量或混合内容全局引入。此方法同样适用于LESS文件。详情参见Vite官方文档。
-
发表了文章 2024-11-22
码元和码点
在计算机中，字符存储依赖于其ASCII编码值。JS中，每个字符占用16位（2字节）的空间，称为码元，范围0-65535。当字符所需空间超限时，JS使用两个码元表示，总称码点。处理特殊字符如表情时，需自定义方法以正确识别码点，避免乱码，确保字符串操作准确无误。
-
发表了文章 2024-11-22
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程，适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生，分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后，通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者，获取更多技术文章。
-
发表了文章 2024-11-22
springboot中使用knife4j访问接口文档的一系列问题
本文作者是一位自学前端两年半的大一学生，分享了在Spring Boot项目中使用Knife4j遇到的问题及解决方案，包括解决Swagger请求404错误、JS错误等，详细介绍了依赖升级、注解替换及配置修改的方法。
-
发表了文章 2024-11-22
vue学习第三章
欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中的v-bind指令，包括基本使用、动态绑定class及style等，希望能为你的前端学习之路提供帮助。持续关注，更多精彩内容即将呈现！🎉🎉🎉
-
发表了文章 2024-11-22
CSS 浮动属性讲解和使用
本文介绍了CSS中的浮动(float)属性，包括其基本功能、属性选项及其在网页布局中的应用。浮动使元素脱离文档流，向左或右排列，周围元素随之调整。文章还详细讲解了清除浮动的方法，如使用clear属性、设置父元素高度、利用overflow属性、伪元素等，以解决因浮动导致的布局问题。最后，强调了浮动在创建复杂布局时的作用，并预告后续内容。
-
发表了文章 2024-11-22
vue学习第四章
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用，请关注我，将持续更新更多优质内容！🎉🎉🎉
-
发表了文章 2024-11-22
如何参与开源项目以及贡献代码的流程和注意事项(2024年11月保姆级教程)
本文详细介绍了如何参与开源项目及贡献代码的流程和注意事项，包括选择项目、fork仓库、克隆到本地、阅读贡献指南、提交代码、创建Pull Request等步骤，并强调了沟通礼仪、代码质量的重要性，适合初学者参考学习。
-
发表了文章 2024-11-21
python中的线程和进程（一文带你了解）
欢迎来到瑞雨溪的博客，这里是一位热爱JavaScript和Vue的大一学生分享技术心得的地方。如果你从我的文章中有所收获，欢迎关注我，我将持续更新更多优质内容，你的支持是我前进的动力！🎉🎉🎉
-
发表了文章 2024-11-21
python中的platform模块的基本使用
欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。博客分享前端技术，助你成长。关注我，持续更新中！🎉🎉🎉
-
发表了文章 2024-11-21
python中的列表生成式和生成器
欢迎来到瑞雨溪的博客，这里是一位热爱JavaScript和Vue的大一学生的天地。通过自学前端技术2年半，现正向全栈开发迈进。如果你从我的文章中受益，欢迎关注，我将持续更新高质量内容，你的支持是我前进的动力！🎉🎉🎉
-
发表了文章 2024-11-21
python中的OS模块的基本使用
欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。博客分享前端技术及全栈开发经验，持续更新中，期待您的关注和支持！🎉🎉🎉
-
发表了文章 2024-11-21
一文带你了解和使用js中的Promise
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，正向全栈进发。如果我的文章对你有帮助，请关注我，将持续更新更多优质内容！🎉🎉🎉
-
发表了文章 2024-11-22
一文带你了解和使用vue-router(2024年11月）
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生，自学前端已两年半。熟悉JavaScript和Vue，正向全栈发展。博客分享前端知识，包括路由、前后端分离、Vue组件及路由守卫等内容。关注我，获取更多优质文章，您的支持是我前进的动力！🎉🎉🎉
-
发表了文章 2024-11-22
vue学习第十二章(生命周期）
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。本文深入探讨了Vue实例的生命周期，从初始化到销毁各阶段的关键钩子函数及其应用场景，帮助你更好地理解Vue的工作原理。如果你觉得有帮助，欢迎关注我，将持续分享更多优质内容！🎉🎉🎉
-
发表了文章 2024-11-22
vue学习第九章(v-model)
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生，自学前端2年半，正向全栈进发。此篇介绍v-model在不同表单元素中的应用及修饰符的使用，希望能对你有所帮助。关注我，持续更新中！🎉🎉🎉
-
发表了文章 2024-11-22
用TS从零开始制作贪吃蛇游戏--3
本教程基于B站李立超老师的教学，使用VSCode、Less、TypeScript和Webpack开发了一个经典的贪吃蛇游戏。项目包括食物、贪吃蛇、游戏控制和分数管理四个主要类的实现，详细展示了类的定义、属性和方法的使用，以及游戏逻辑的处理。适合初学者学习TypeScript面向对象编程。
-
发表了文章 2024-11-22
用TS从零开始制作贪吃蛇游戏--2
本教程来自B站李立超老师的课程，使用VSCode、Less和TypeScript开发贪吃蛇游戏。本文详细介绍了如何构建游戏的基本HTML结构和CSS样式，为后续的游戏逻辑开发打下基础。
-
发表了文章 2024-11-22
Html布局 BFC的概念和作用讲解
BFC（Block Formatting Context）是Web页面的CSS渲染机制之一，它如同一个独立的容器，确保内部元素的变化不会影响外部布局。本文介绍了BFC的基本概念、作用及实现方法，包括通过设置`float`、`position`、`overflow`属性或使用伪元素等方式使元素成为BFC，有效解决布局中的边距塌陷等问题，优化网页布局效果。
-
发表了文章 2024-11-21
java中的this关键字
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。自学前端2年半，正向全栈进发。若我的文章对你有帮助，欢迎关注，持续更新中！🎉🎉🎉
-
发表了文章 2024-11-21
java中的static关键字
欢迎来到瑞雨溪的博客，博主是一名热爱JavaScript和Vue的大一学生，致力于全栈开发。如果你从我的文章中受益，欢迎关注我，将持续分享更多优质内容。你的支持是我前进的动力！🎉🎉🎉
-
发表了文章 2024-11-17
vue学习第一章
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，熟悉JavaScript与Vue，正向全栈方向发展。博客内容涵盖Vue基础、列表展示及计数器案例等，希望能对你有所帮助。关注我，持续更新中！🎉🎉🎉
-
发表了文章 2024-11-17
vue学习第二章
欢迎来到我的博客！我是一名自学了2年半前端的大一学生，熟悉JavaScript与Vue，目前正在向全栈方向发展。如果你从我的博客中有所收获，欢迎关注我，我将持续更新更多优质文章。你的支持是我最大的动力！🎉🎉🎉
-
发表了文章 2024-11-11
springboot中使用knife4j访问接口文档的一系列问题
本文介绍了在Spring Boot项目中使用Knife4j访问接口文档时遇到的一系列问题及其解决方案。作者首先介绍了自己是一名自学前端的大一学生，熟悉JavaScript和Vue，正在向全栈方向发展。接着详细说明了如何解决Swagger请求404错误，包括升级Knife4j依赖、替换Swagger 2注解为Swagger 3注解以及修改配置类中的代码。最后，针对报JS错误的问题，提供了删除消息转换器代码的解决方法。希望这些内容能对读者有所帮助。
-
发表了文章
2024-11-22
JavaScript学习第一章
-
发表了文章
2024-11-22
python爬虫的基本使用
-
发表了文章
2024-11-22
从零开始使用node.js制作一个脚手架
-
发表了文章
2024-11-22
教你用vue2实现一个tabbar(2024年11月教程）
-
发表了文章
2024-11-22
前端H5使用canvas画爱心以及笑脸
-
发表了文章
2024-11-22
JavaScript中的原型 保姆级文章一文搞懂
-
发表了文章
2024-11-22
JavaScript学习第二章--字符串
-
发表了文章
2024-11-22
Filp动画
-
发表了文章
2024-11-22
vue学习第7章(循环）
-
发表了文章
2024-11-22
2022年前端学习路线(个人认为)
-
发表了文章
2024-11-22
用TS从零开始制作贪吃蛇游戏--1
-
发表了文章
2024-11-22
一文带你了解和使用webpack（2024年11月）
-
发表了文章
2024-11-22
vue学习第六章(条件显示）
-
发表了文章
2024-11-22
vue学习第十章(组件开发）
-
发表了文章
2024-11-22
一文带你了解vuex和使用(2024年11月）
-
发表了文章
2024-11-22
JavaScript中对象的数据拷贝
-
发表了文章
2024-11-22
vue学习第一章
-
发表了文章
2024-11-22
防抖和节流的区别，实现和用处。
-
发表了文章
2024-11-22
vue学习第8章（vue的购物车案例）
-
发表了文章
2024-11-22
使用node.js搭建一个express后端服务器
