雨溪-yuxi_社区达人页

2024年11月

• 11.22 01:05:56
  发表了文章 2024-11-22 01:05:56

  用TS从零开始制作贪吃蛇游戏--1

  本项目使用VSCode、Less、TypeScript及Webpack构建“贪吃蛇”游戏。首先初始化项目结构，创建Gluttonous snake文件夹并用VSCode打开，通过npm初始化package.json。接着配置Webpack，包括安装相关插件（如html-webpack-plugin、clean-webpack-plugin、webpack-dev-server）、设置TS编译环境及Less编译规则。最终实现自动打包、热更新及样式文件的正确处理。
• 11.22 01:05:16
  发表了文章 2024-11-22 01:05:16

  Html布局 BFC的概念和作用讲解

  BFC（Block Formatting Context）是Web页面的CSS渲染机制之一，它如同一个独立的容器，确保内部元素的变化不会影响外部布局。本文介绍了BFC的基本概念、作用及实现方法，包括通过设置`float`、`position`、`overflow`属性或使用伪元素等方式使元素成为BFC，有效解决布局中的边距塌陷等问题，优化网页布局效果。
• 11.22 01:04:23
  发表了文章 2024-11-22 01:04:23

  CSS 浮动属性讲解和使用

  本文介绍了CSS中的浮动(float)属性，包括其基本功能、属性选项及其在网页布局中的应用。浮动使元素脱离文档流，向左或右排列，周围元素随之调整。文章还详细讲解了清除浮动的方法，如使用clear属性、设置父元素高度、利用overflow属性、伪元素等，以解决因浮动导致的布局问题。最后，强调了浮动在创建复杂布局时的作用，并预告后续内容。
• 11.22 01:03:48
  发表了文章 2024-11-22 01:03:48

  CSS transition过渡属性详解

  本文介绍了CSS中`transition`属性的作用、用法及实例。`transition`用于在元素属性变化时添加平滑过渡动画，通过设置`transition-property`、`transition-duration`、`transition-timing-function`和`transition-delay`等属性值，可以精细控制过渡效果。文末提供了HTML示例代码，展示了如何使用`transition`实现鼠标悬停时背景颜色的平滑变化。
• 11.22 01:03:06
  发表了文章 2024-11-22 01:03:06

  用TS从零开始制作贪吃蛇游戏--2

  本教程来自B站李立超老师的课程，使用VSCode、Less和TypeScript开发贪吃蛇游戏。本文详细介绍了如何构建游戏的基本HTML结构和CSS样式，为后续的游戏逻辑开发打下基础。
• 11.22 01:02:01
  发表了文章 2024-11-22 01:02:01

  2022年前端学习路线(个人认为)

  本文提供了一条前端工程师的学习路径，分为三个阶段。第一阶段（1-2个月）重点掌握HTML、CSS、JavaScript及H5+CSS3，目标是能够构建基本的静态网页。第二阶段（2-3个月）深入Node.js、Git、Webpack及相关工具和规范，提升项目管理和构建能力。第三阶段（4-6个月）专注于Vue、React、Angular等主流框架，以及uni-app和微信小程序的开发，旨在实现跨平台应用的开发能力。每个阶段都有详细的课程推荐，帮助初学者逐步成长为合格的前端工程师。
• 11.22 01:01:17
  发表了文章 2024-11-22 01:01:17

  js中的bind,call,apply方法的区别以及用法

  JavaScript中，`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中，`bind`返回一个新函数，不立即执行；`call`和`apply`则立即执行，且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似，但在执行时机和参数传递方式上有所区别。
• 11.22 01:00:29
  发表了文章 2024-11-22 01:00:29

  JS中的构造函数的含义和用法

  构造函数是JavaScript中用于创建新对象的特殊函数，通常首字母大写。通过`new`关键字调用构造函数，可以初始化具有相同属性和方法的对象实例，从而实现代码复用。例如，定义一个`Person`构造函数，可以通过传入不同的参数创建多个`Person`对象，每个对象都有自己的属性值。此外，构造函数还可以包含方法，使每个实例都能执行特定的操作。构造函数的静态属性仅能通过构造函数本身访问。ES6引入了`class`语法糖，简化了类的定义和实例化过程。
• 11.22 00:59:45
  发表了文章 2024-11-22 00:59:45

  前端H5使用canvas画爱心以及笑脸

  本文介绍了HTML5中的canvas元素及其基本用法，通过JavaScript在canvas上绘制图形。首先简述了canvas的功能，接着详细展示了如何使用`bezierCurveTo`方法绘制爱心和`arc`方法绘制笑脸，并附有示例代码及效果说明。最后总结了canvas在网页图形绘制上的应用潜力。
• 11.22 00:59:04
  发表了文章 2024-11-22 00:59:04

  使用node.js搭建一个express后端服务器

  Express 是 Node.js 的一个库，用于搭建后端服务器。本文将指导你从零开始构建一个简易的 Express 服务器，包括项目初始化、代码编写、服务启动与项目结构优化。通过创建 handler 和 router 文件夹分离路由和处理逻辑，使项目更清晰易维护。最后，通过 Postman 测试确保服务正常运行。
• 11.22 00:58:35
  发表了文章 2024-11-22 00:58:35

  用TS从零开始制作贪吃蛇游戏--3

  本教程基于B站李立超老师的教学，使用VSCode、Less、TypeScript和Webpack开发了一个经典的贪吃蛇游戏。项目包括食物、贪吃蛇、游戏控制和分数管理四个主要类的实现，详细展示了类的定义、属性和方法的使用，以及游戏逻辑的处理。适合初学者学习TypeScript面向对象编程。
• 11.22 00:57:41
  发表了文章 2024-11-22 00:57:41

  防抖和节流的区别，实现和用处。

  防抖和节流是优化高频事件处理的两种技术。防抖确保在一系列连续事件后仅执行最后一次操作，如搜索输入完成后再发送请求；节流则保证在设定时间内仅执行一次操作，适用于滚动加载等场景。两者通过限制回调函数的执行频率，有效提升前端性能。示例代码展示了如何实现这两种技术。
• 11.22 00:56:52
  发表了文章 2024-11-22 00:56:52

  vue2的响应式数据原理

  `Object.defineProperty` 是 Vue 2 实现响应式数据的核心方法，通过定义 getter 和 setter 来追踪属性的变化。当访问或修改属性时，会触发相应的函数，从而实现数据的动态更新。本文介绍了该方法的基本用法、响应式原理及其简单实现，展示了如何通过监听属性变化来自动更新视图，体现了前端框架设计中的巧妙之处。
• 11.22 00:55:48
  发表了文章 2024-11-22 00:55:48

  Filp动画

  Filp动画基于First、Last、Inverse、Play四步实现复杂前端动画效果。首先记录元素初始位置，接着记录目标位置，然后使用transform属性将元素逆向平移回初始位置，最后通过移除transform并添加transition属性实现平滑动画效果。这是一种高效解决CSS不支持过渡动画问题的方法。
• 11.22 00:55:11
  发表了文章 2024-11-22 00:55:11

  js中的数据类型

  JavaScript 中的数据类型包括五种基本类型（String、Number、Undefined、Boolean、Null）和三种引用类型（Object、Array、Function，以及ES6新增的Symbol）。基本类型直接存储值，引用类型存储的是指向实际数据的内存地址。了解它们的区别对于掌握 JavaScript 的变量赋值和函数传参至关重要。
• 11.22 00:54:31
  发表了文章 2024-11-22 00:54:31

  码元和码点

  在计算机中，字符存储依赖于其ASCII编码值。JS中，每个字符占用16位（2字节）的空间，称为码元，范围0-65535。当字符所需空间超限时，JS使用两个码元表示，总称码点。处理特殊字符如表情时，需自定义方法以正确识别码点，避免乱码，确保字符串操作准确无误。
• 11.22 00:53:52
  发表了文章 2024-11-22 00:53:52

  Vim编辑器的初步认识和使用

  Vim是一款高度可定制的文本编辑器，支持三种主要模式：正常模式、编辑模式和命令行模式。用户可以通过快捷键在不同模式间切换，实现高效编辑。如输入`i`进入编辑模式，`:wq`保存退出，`:s`进行文本替换等。Vim还支持个性化配置，通过编辑`.vimrc`文件可设置语法高亮、自动缩进等功能，极大提升了编辑体验。
• 11.22 00:53:16
  发表了文章 2024-11-22 00:53:16

  JavaScript学习第一章

  本文档介绍了JavaScript的基础知识，包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性，以及JavaScript中的变量类型（`var`、`let`、`const`）和数据类型（基本数据类型与引用数据类型）。通过实例代码详细解释了JavaScript的核心概念，适合初学者入门学习。
• 11.22 00:52:35
  发表了文章 2024-11-22 00:52:35

  python爬虫的基本使用

  本文介绍了Python爬虫的基本概念及其广泛应用，包括搜索引擎、数据挖掘、网络监控、舆情分析和信息聚合等领域。通过安装`urllib`和`BeautifulSoup`库，展示了如何编写简单代码实现网页数据的抓取与解析。爬虫技术在大数据时代的重要性日益凸显，为各行业提供了高效的数据获取手段。
• 11.22 00:51:54
  发表了文章 2024-11-22 00:51:54

  JavaScript中对象的数据拷贝

  本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象，随后提供了五种解决方法：手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性，文章最后鼓励读者关注作者以获取更多前端知识分享。

  
• 11.22 00:51:13
  发表了文章 2024-11-22 00:51:13

  从零开始使用node.js制作一个脚手架

  本文介绍了如何从零开始使用Node.js制作一个项目脚手架，涵盖了脚手架的基本概念、所需准备的第三方库、项目结构的初始化、命令注册、项目创建流程及用户交互设计等内容。通过实例演示了如何利用commander、inquirer等库实现命令行工具的开发，最终完成了一个能够根据用户选择自动创建Vue或React项目的脚手架。

  
• 11.22 00:49:47
  发表了文章 2024-11-22 00:49:47

  2024年5月node.js安装(winmac系统)保姆级教程

  本篇博客为2024年5月版Node.js安装教程，适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生，分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后，通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者，获取更多技术文章。

  
• 11.22 00:49:03
  发表了文章 2024-11-22 00:49:03

  JavaScript学习第二章--字符串

  本文介绍了JavaScript中的字符串处理，包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等，适合前端学习者参考。作者是一位热爱前端技术的大一学生，专注于分享实用的编程技巧。
• 11.22 00:48:24
  发表了文章 2024-11-22 00:48:24

  JavaScript中的原型 保姆级文章一文搞懂

  本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。

  
• 11.22 00:47:47
  发表了文章 2024-11-22 00:47:47

  怎么在vite项目中全局导入一个scss文件

  在Vite项目中全局导入SCSS文件的方法：通过配置`vite.config.js`中的`css.preprocessorOptions.scss.additionalData`属性，可以将SCSS变量或混合内容全局引入。此方法同样适用于LESS文件。详情参见Vite官方文档。

  
• 11.22 00:47:07
  发表了文章 2024-11-22 00:47:07

  springboot中使用knife4j访问接口文档的一系列问题

  本文作者是一位自学前端两年半的大一学生，分享了在Spring Boot项目中使用Knife4j遇到的问题及解决方案，包括解决Swagger请求404错误、JS错误等，详细介绍了依赖升级、注解替换及配置修改的方法。
• 11.22 00:46:30
  发表了文章 2024-11-22 00:46:30

  关于Vue2里 v-for和v-if一起用的时候会出现的问题

  本文介绍了在Vue2中同时使用`v-for`和`v-if`指令时可能出现的问题及解决方案。由于`v-for`的优先级高于`v-if`，导致条件判断在每次循环中执行，可能造成重复渲染。文中通过具体案例展示了问题现象，并提供了两种解决方法：一是调整逻辑，将列表长度小于等于2时清空列表；二是修改条件判断，避免使用`v-else`，确保每个条件独立判断。最后，作者建议使用Vue3以获得更好的性能和体验。

  
• 11.22 00:45:38
  发表了文章 2024-11-22 00:45:38

  vue学习第一章

  欢迎来到我的博客！我是瑞雨溪，一名热爱前端的大一学生，专注于JavaScript与Vue，正向全栈进发。博客分享Vue学习心得、命令式与声明式编程对比、列表展示及计数器案例等。关注我，持续更新中！🎉🎉🎉

  
• 11.22 00:43:38
  发表了文章 2024-11-22 00:43:38

  vue学习第三章

  欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中的v-bind指令，包括基本使用、动态绑定class及style等，希望能为你的前端学习之路提供帮助。持续关注，更多精彩内容即将呈现！🎉🎉🎉

  
• 11.22 00:42:49
  发表了文章 2024-11-22 00:42:49

  vue学习第四章

  欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用，请关注我，将持续更新更多优质内容！🎉🎉🎉

  
• 11.22 00:42:02
  发表了文章 2024-11-22 00:42:02

  vue学习第五章

  欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，正向全栈进发。如果你从我的文章中受益，欢迎关注，我将持续分享更多优质内容。你的支持是我最大的动力！🎉🎉🎉
• 11.22 00:40:49
  发表了文章 2024-11-22 00:40:49

  vue学习第六章(条件显示）

  欢迎来到我的博客！我是瑞雨溪，一名自学前端两年半的大一学生，擅长JavaScript与Vue，正向全栈进发。本篇介绍v-if、v-else、v-elseif及v-show的使用方法，附带实例演示。希望我的分享能帮到你，欢迎关注，持续更新中！🎉🎉🎉
• 11.22 00:40:10
  发表了文章 2024-11-22 00:40:10

  vue学习第7章(循环）

  欢迎来到瑞雨溪的博客，一名热爱JavaScript和Vue的大一学生。本文介绍了Vue中的v-for指令，包括遍历数组和对象、使用key以及数组的响应式方法等内容，并附有综合练习实例。关注我，将持续更新更多优质文章！🎉🎉🎉

  
• 11.22 00:39:20
  发表了文章 2024-11-22 00:39:20

  vue学习第8章（vue的购物车案例）

  欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，正向全栈进发。本篇分享一个综合练习小demo，包括目录结构、HTML、JS及CSS代码，通过增删商品实现总价计算。关注我，获取更多前端知识！🎉🎉🎉
• 11.22 00:38:40
  发表了文章 2024-11-22 00:38:40

  vue学习第九章(v-model)

  欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生，自学前端2年半，正向全栈进发。此篇介绍v-model在不同表单元素中的应用及修饰符的使用，希望能对你有所帮助。关注我，持续更新中！🎉🎉🎉

  
• 11.22 00:26:48
  发表了文章 2024-11-22 00:26:48

  vue学习第十章(组件开发）

  欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。本文深入讲解Vue组件的基本使用、全局与局部组件、父子组件通信及数据传递等内容，适合前端开发者学习参考。持续更新中，期待您的关注！🎉🎉🎉

  
• 11.22 00:26:06
  发表了文章 2024-11-22 00:26:06

  vue学习第十一章（组件开发2）

  欢迎来到我的博客，我是瑞雨溪，一名自学前端两年半的大一学生，专注于JavaScript与Vue。本文介绍Vue中的插槽（slot）使用方法，包括基本插槽、具名插槽及作用域插槽，帮助你在组件开发中实现内容的灵活定制。如果你觉得有帮助，请关注我，持续更新中！🎉🎉🎉

  
• 11.22 00:25:19
  发表了文章 2024-11-22 00:25:19

  使用 JavaScript 制作 To-Do List

  本文详细介绍了如何使用HTML、CSS和JavaScript制作一个简单的To-Do List网页，包括添加、删除任务及标记任务完成等功能的实现，附带完整代码示例和页面样式设计。

  
• 11.22 00:24:44
  发表了文章 2024-11-22 00:24:44

  vue学习第十二章(生命周期）

  欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。本文深入探讨了Vue实例的生命周期，从初始化到销毁各阶段的关键钩子函数及其应用场景，帮助你更好地理解Vue的工作原理。如果你觉得有帮助，欢迎关注我，将持续分享更多优质内容！🎉🎉🎉

  
• 11.22 00:23:10
  发表了文章 2024-11-22 00:23:10

  为什么要前端模块化？带你了解前端模块化

  欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生。自学前端2年半，现正向全栈发展。如果你觉得我的文章有帮助，欢迎关注我，将持续更新更多优质内容！🎉🎉🎉

  
• 11.22 00:19:42
  发表了文章 2024-11-22 00:19:42

  一文带你了解和使用webpack（2024年11月）

  欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端已有两年半的时间，目前正努力向全栈开发迈进。如果你在我的博客中有所收获，欢迎关注我，我会持续更新更多优质内容。你的支持是我最大的动力！🎉🎉🎉

  
• 11.22 00:10:59
  发表了文章 2024-11-22 00:10:59

  一文带你了解和使用vue-cli(2024年11月)

  欢迎来到我的博客！我是一名热爱前端技术的大一学生，自学JavaScript与Vue已两年半，目前正向全栈工程师迈进。如果你从我的博客中有所收获，欢迎关注我，我会持续更新更多优质内容，一起成长！🎉🎉🎉

  
• 11.22 00:05:43
  发表了文章 2024-11-22 00:05:43

  一文带你了解和使用vue-router(2024年11月）

  欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生，自学前端已两年半。熟悉JavaScript和Vue，正向全栈发展。博客分享前端知识，包括路由、前后端分离、Vue组件及路由守卫等内容。关注我，获取更多优质文章，您的支持是我前进的动力！🎉🎉🎉

  
• 11.22 00:03:16
  发表了文章 2024-11-22 00:03:16

  一文带你了解vuex和使用(2024年11月）

  欢迎来到我的博客，我是自学前端两年半的大一学生，熟悉JavaScript与Vue，正向全栈发展。本篇介绍了Vuex，Vue.js的状态管理模式，包括其核心概念如state、getter、mutation、action及模块化使用，通过集中管理状态确保应用状态的可预测变化。文章详细解析了Vuex的工作原理，特别是与Vue的computed属性和响应式系统的集成，以及如何在实际项目中搭建和使用Vuex。如果你觉得有帮助，欢迎关注，我将持续更新更多技术文章。🎉🎉🎉
• 11.22 00:02:29
  发表了文章 2024-11-22 00:02:29

  教你用vue2实现一个tabbar(2024年11月教程）

  欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。自学前端2年半，正向全栈进发。博客分享技术心得，助你成长。关注我，获取更多优质内容，你的支持是我前进的动力！🎉🎉🎉

  
• 11.22 00:01:02
  发表了文章 2024-11-22 00:01:02

  如何参与开源项目以及贡献代码的流程和注意事项(2024年11月保姆级教程)

  本文详细介绍了如何参与开源项目及贡献代码的流程和注意事项，包括选择项目、fork仓库、克隆到本地、阅读贡献指南、提交代码、创建Pull Request等步骤，并强调了沟通礼仪、代码质量的重要性，适合初学者参考学习。

  
• 11.22 00:00:05
  发表了文章 2024-11-22 00:00:05

  AJAX的基本使用

  本文介绍了AJAX的基本使用方法，包括创建XMLHttpRequest对象、设置并发出请求、处理响应信息等步骤，通过具体示例演示了如何实现无刷新的数据交互。适合前端学习者参考。

  
• 11.21 23:58:33
  发表了文章 2024-11-21 23:58:33

  一文带你了解和使用js中的Promise

  欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端2年半，正向全栈进发。如果我的文章对你有帮助，请关注我，将持续更新更多优质内容！🎉🎉🎉

  
• 11.21 23:57:43
  发表了文章 2024-11-21 23:57:43

  python中的OS模块的基本使用

  欢迎来到瑞雨溪的博客，一名热爱JavaScript与Vue的大一学生。博客分享前端技术及全栈开发经验，持续更新中，期待您的关注和支持！🎉🎉🎉