- 博客(27)
- 收藏
- 关注
RSS订阅原创 REACT和VUE区别
这两个例子都在页面上显示“Hello, World”，但是它们的实现方式有所不同。React使用了JSX语法和组件类，而Vue使用了模板语法和Vue实例。
2024-06-25 09:01:06
505
原创 JS动画实现
在上述代码中，我们首先获取了一个元素，然后调用requestAnimationFrame并传入step函数。在step函数中，我们根据时间的推移改变了元素的位置，当动画运行了2秒后，我们就停止了动画。在上述代码中，我们首先获取了一个元素，然后设置了一个定时器，每5毫秒就会调用一次frame函数。在frame函数中，我们改变了元素的位置，当元素移动到我们想要的位置时，我们就清除定时器。
2024-06-20 08:52:19
351
原创 MYSQL
这个教程详细介绍了如何在系统上安装MySQL，以及如何使用MySQL Workbench，这是一个统一的可视化数据库工具，允许用户与数据库架构师、管理员和开发人员一起工作。：这篇文章详细介绍了数据库的基本概念，包括数据库管理系统(DBMS)的重要性，DBMS的种类，SQL语句及其种类，SQL的基本书写规则，以及MySQL数据库的简介等。：这个视频教程详细介绍了如何使用JDBC操作MySQL，这是一个非常实用的技术，可以帮助开发者更好地管理和操作数据库。
2024-04-21 21:38:46
361
原创 VBE脚手架
Vue CLI提供了一些预设的项目模板，这些模板包含了一些常用的开发工具和配置，如Babel、ESLint等。：Vue CLI有一个强大的插件系统，你可以使用插件来扩展项目的功能。Vue脚手架（Vue CLI）是一个基于Vue.js进行快速开发的完整系统，可以帮助你快速创建和管理Vue项目。你可以参考这些步骤来创建和管理你的Vue项目。：Vue CLI可以帮助你快速创建一个新的Vue.js项目。你只需要运行一条命令，就可以生成一个包含了基础配置的项目。：Vue CLI可以帮助你管理项目的环境配置。
2024-04-14 18:26:58
427
1
原创 VUE自定义指令
自定义指令由一个包含类似组件生命周期钩子的对象来定义。这些钩子函数会接收到指令所绑定的元素作为参数。<template></script>在上面的例子中，v-focus指令会使输入框在页面加载完成后自动聚焦。与autofocus属性不同，这个自定义指令不仅在页面加载时生效，还可以在 Vue 动态插入元素后生效。在中，任何以v-开头的驼峰式命名的变量都可以被用作一个自定义指令。例如，我们可以像上面的例子一样使用v-focus。
2024-03-31 13:12:45
330
1
原创 MYSQL
配置 MySQL：安装完成后，您可能需要进行一些配置。这包括设置数据库存储路径、配置网络连接等。具体的配置方法可以在 MySQL 的官方文档中找到。安装 MySQL：首先，您需要在计算机上安装 MySQL 数据库软件。您可以从 MySQL 官方网站（
2024-01-13 11:32:56
340
1
原创 nodejs
集群模式使用主从架构，其中一个进程作为主进程，负责接收和分发请求，而其他进程作为工作进程，处理实际的请求。单线程和多线程：尽管 Node.js 是单线程的，但它通过利用事件机制和非阻塞I/O，可以处理更多的并发请求。此外，Node.js 还提供了一种称为“集群”模式的方式，通过创建多个进程来利用多核 CPU，从而实现真正的多线程处理。强大的生态系统：Node.js 拥有一个庞大且活跃的开源社区，提供了大量的第三方模块和工具，可以轻松扩展和丰富应用程序的功能。创建子进程：Node.js 提供了。
2024-01-13 11:32:23
393
1
原创 ES6详解
ES6（ECMAScript 6）是 JavaScript 的第六个版本，也被称为 ECMAScript 2015。它引入了许多新的语法和功能，使得 JavaScript 更加强大、灵活和易于使用。
2023-12-24 19:49:36
364
原创 mysql数据库索引
总之，索引是数据库优化的重要手段，但需要根据实际情况进行评估、设计和优化。合理选择和使用索引，可以提高查询性能和系统的整体响应能力。在实际应用中，可以结合具体的查询需求、数据规模和系统资源等因素进行综合考虑和调优，以达到最佳的性能效果。数据库索引是一种特殊的数据结构，用于提高数据库查询效率。索引可以看作是一个快速查找表，它将某个列或多个列的值与对应的行位置关联起来，以便在查询时能够快速定位到所需的数据。
2023-12-17 19:35:05
815
1
原创 express
开发者可以使用现有的中间件或编写自己的中间件来实现各种功能，如身份验证、日志记录、错误处理等。5. 静态文件服务：Express可以很容易地设置静态文件服务，使得开发者可以直接提供静态文件（如CSS、JavaScript、图像等），而无需编写额外的代码。Express是一个流行的Node.js Web应用程序框架，它提供了一组简洁、灵活的功能，用于构建Web应用程序和API。7. 强大的社区支持：Express拥有庞大而活跃的开发者社区，在社区中可以找到大量的文档、教程和示例代码，以及解答各种问题的专家。
2023-12-03 19:11:49
419
1
原创 异步编程1
Async函数是一种特殊的函数，它会自动将函数体内的所有异步操作转化为Promise对象，并返回一个Promise对象。在Node.js中，所有的I/O操作都是异步的，这意味着在执行I/O操作时，Node.js会立即返回并继续执行后续代码，而不是等待I/O操作完成。这段代码中，readFile函数使用Async关键字标记为异步函数，内部使用了await关键字等待读取文件操作的完成，并使用try-catch语句处理可能的错误。总之，异步编程是Node.js中非常重要的概念，能够提高程序的性能和效率。
2023-11-26 21:41:26
422
1
原创 NODEJS
因此，需要合理地设计和控制并发量。4. 构建服务器：Node.js 可以用来构建各种类型的服务器，包括 Web 服务器、聊天服务器、游戏服务器等，通过其丰富的模块和轻量级的特性，可以快速构建高性能的服务器端应用。2. npm：Node.js 的包管理工具，拥有丰富的第三方模块，可以方便地安装、管理和共享代码，极大地促进了 Node.js 生态系统的发展。总之，Node.js 是一个强大而灵活的工具，适合构建高性能、可扩展的网络应用和服务，它在Web开发、后端服务开发等领域都有着广泛的应用。
2023-11-19 18:37:05
63
原创 JS检测响应事件
通过使用事件监听器（event listener）、事件处理函数（event handler）或者事件委托（event delegation），可以在 JavaScript 中对这些事件进行监听和处理。这些事件可以使网页与用户进行交互，实现丰富的交互体验。前端 JavaScript 可以检测和响应多种事件，这些事件可以是用户操作、浏览器行为或者其他组件的触发。在这个示例中，我们创建了一个简单的 HTML 页面，其中包含一个按钮元素。一旦按钮被点击，就会触发回调函数，并显示一个警示框（alert）。
2023-11-12 19:36:35
169
1
原创 mysql
MySQL使用类似SQL的语言进行数据管理，这种语言通常被称为SQL语言，包括数据定义语言（DDL）、数据操作语言（DML）、数据查询语言（DQL）等几大类语言。常见的存储引擎包括InnoDB、MyISAM、Memory等，其中InnoDB是MySQL的默认存储引擎，它支持事务和外键等特性，适用于需要支持高并发和数据一致性的应用场景。在使用MySQL时，需要理解其基本结构、语言特性、索引、事务、存储引擎等核心概念，并采取相应的安全措施来保护数据安全。对于频繁被查询的字段，应该创建索引以提高查询效率。
2023-11-06 08:50:24
44
原创 js轮播图
JS轮播图的实现核心是使用JavaScript来控制图片的切换和显示，配合HTML和CSS完成布局和样式设置。通过定时器实现图片的自动切换，并通过事件监听器实现对鼠标事件的响应。CSS样式：通过CSS样式对容器和列表进行布局和样式设置，例如设置容器的宽度、高度、背景色等，并设置列表项的宽度和高度，以及布局方式，使图片水平排列在一行。调整功能和样式：根据需求，可以进一步调整轮播图的功能和样式，例如添加左右切换按钮、指示器、淡入淡出效果等。HTML结构：首先，在HTML中创建一个包含轮播图的容器，通常使用。
2023-11-01 08:36:13
58
1
原创 绝对定位与相对定位详解
上述代码中，`.absolute-parent`是一个相对定位的容器，`.absolute-item`是该容器中的一个绝对定位的子元素。通过设置`top`、`bottom`、`left`、`right`属性，可以决定元素相对于其定位父元素的偏移量。上述代码中，`.relative-container`是一个相对定位的容器，`.relative-item`是该容器中的一个相对定位的子元素。通过设置`top`、`bottom`、`left`、`right`属性，可以决定元素相对于其正常位置的偏移量。
2023-10-06 19:34:57
301
1
原创 JS点击事件详解
需要注意的是，如果一个元素既绑定了`addEventListener`方法，又赋值了`onclick`属性，那么`onclick`属性中的代码会在`addEventListener`方法中的代码之后执行。要使用点击事件，我们首先需要选取要绑定点击事件的元素。另外，如果需要取消点击事件的监听，可以使用`removeEventListener`方法或者将元素的`onclick`属性设置为`null`。除了使用`addEventListener`方法，我们还可以直接将点击事件赋值给元素的`onclick`属性。
2023-10-06 19:33:16
2575
原创 JS中常见的循环
for循环：for循环是最常见的循环类型之一，它允许我们定义一个初始化语句、一个条件表达式以及一个更新表达式。do...while循环：do...while循环与while循环类似，区别在于它会先执行一次代码块，然后再检查条件是否为真。它会迭代对象的每个元素，并将元素的值赋值给指定的变量。while循环：while循环会在给定条件为真时重复执行代码块，与for循环不同，它只包含一个条件表达式，没有初始化和更新表达式。它会迭代对象的每个属性，并将属性名称赋值给指定的变量。这个循环也会打印出数字 0 到 4。
2023-09-24 19:27:51
74
1
原创 JS轮播图详解
JS轮播图的实现核心是使用JavaScript来控制图片的切换和显示，配合HTML和CSS完成布局和样式设置。通过定时器实现图片的自动切换，并通过事件监听器实现对鼠标事件的响应。CSS样式：通过CSS样式对容器和列表进行布局和样式设置，例如设置容器的宽度、高度、背景色等，并设置列表项的宽度和高度，以及布局方式，使图片水平排列在一行。调整功能和样式：根据需求，可以进一步调整轮播图的功能和样式，例如添加左右切换按钮、指示器、淡入淡出效果等。HTML结构：首先，在HTML中创建一个包含轮播图的容器，通常使用。
2023-09-17 14:12:21
3954
1
原创 CANVAS笔记
4. 动画：通过更新和重绘Canvas，您可以创建动画效果。Canvas是HTML5中的一个功能强大的绘图API，它提供了一种在网页上绘制图形、创建动画和处理图像的方式。2. API方法：使用Canvas API，您可以绘制各种图形，如线条、矩形、圆形、路径等。您可以选择颜色、样式、阴影、渐变和图案等来自定义绘制的图形。5. 图像处理：Canvas还提供了一些用于处理图像的方法，例如绘制、旋转、缩放和剪切等。6. 事件处理：Canvas可以响应鼠标点击、移动、键盘事件等，从而实现交互式应用程序。
2023-09-10 14:57:42
120
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人