- 博客(66)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 echarts图表库的展示
ECharts 是一个强大的，使用 JavaScript 编写的开源数据可视化库，由百度开发和维护。它能够帮助开发者在网页上轻松创建出丰富、交互式的图表，广泛应用于各种数据展示场景，包括但不限于Web应用、仪表盘、业务报表等。ECharts的特点和功能包括但不限于以下几点：如折线图、柱状图、散点图、饼图、雷达图、热力图、漏斗图、仪表盘、地图、关系图、旭日图、平行坐标等，几乎涵盖了数据可视化领域的所有基本需求。ECharts擅长处理多维数据，能够将复杂的数据集以清晰直观的方式展现出来，非常适合进行深度数据分析
2024-05-26 12:10:26
1158
原创 vue3中的computed计算属性
这个组件展示了如何使用Vue 3的响应式系统和计算属性来动态更新界面。用户可以通过输入框更改姓名的各个部分，而计算属性fast则自动根据这些输入更新显示的名字，同时保持特定的格式化规则（如名字的第二个字符大写）。点击按钮会触发一个事件，通过计算属性的setter逻辑，快速地把名字改为预设的“李思”。整个过程中，Vue的响应式系统确保了界面的自动更新，体现了Vue在处理状态管理和界面绑定上的高效和简洁。
2024-05-25 09:04:31
494
原创 vue3中ref创建和reactive_对象类型的响应式数据
对于基本类型，虽然两者都可以用，但通常推荐使用ref，因为它能清晰地表明这是一个独立的值。对于对象或数组这类复杂类型reactive更为合适，因为它提供了更自然、直接的访问方式，无需通过.value，更适合处理多层级的数据结构。选择ref还是reactive，关键在于理解你的数据结构以及是否需要直接访问性。在实际开发中，根据具体需求灵活选择这两个工具来构建高效、易于维护的响应式应用。
2024-05-25 08:39:42
484
原创 setup的语法糖和点击事件
当然，这里是一个更详细的示例，展示了如何在Vue 3中使用语法糖以及如何处理点击事件。此例中，我们将创建一个简单的计数器组件，用户每点击一次按钮，计数器的值就增加1。-- Counter.vue --> < template > < div > < h2 > 计数器: {{ count }} < button @click = " increment " > 点击增加 < script setup > import {
2024-05-24 23:20:26
392
原创 OptionsAPI 与 CompositionAPI
Options API 和 Composition API 各有优势，适合不同的场景和需求。Options API 更适合快速构建小型项目或对现有Vue 2项目的渐进式升级。而Composition API 则在构建大型应用、需要高度逻辑复用和维护性的场景下展现出其优势。Vue 3同时支持这两种API，开发者可以根据项目需求和团队习惯灵活选择。
2024-05-24 23:09:34
485
原创 vue3的创建
2. **响应式系统重写**：Vue 3 的响应式系统经过了重写，现在使用 Proxy 替代了 Object.defineProperty，这使得 Vue 可以更高效地追踪依赖，并且支持更多类型的数据结构，如 Maps 和 Sets。9. **工具和生态系统**：随着 Vue 3 的发布，相关的工具和库（如 Vue CLI、Vue Router、Vuex 等）也进行了更新，以支持 Vue 3 的新特性。- **Teleport** 是一个新的内置组件，允许将组件的子节点传送到 DOM 中的其他位置。
2024-05-10 14:09:48
559
1
原创 编程一个怎么学习
9. **理解算法和数据结构**：随着你的进步，学习算法和数据结构的基础知识，这将帮助你编写更高效的代码。10. **专业发展**：考虑你的职业目标，并学习相关的专业知识，如Web开发、移动应用开发或数据科学。记住，编程是一个不断学习和进步的过程。12. **设置学习计划**：为自己设定一个合理的学习计划，并坚持每天或每周学习一定的时间。8. **持续学习**：技术不断发展，所以持续学习新的编程语言、框架和工具是非常重要的。4. **阅读代码**：阅读其他人的代码可以帮助你学习新的编程技巧和最佳实践。
2024-05-08 17:27:03
182
原创 若依框架的搭建
若依框架的一大特点是支持根据数据库表结构自动生成后端服务、前端页面以及相关接口代码，大大节省了开发时间。你可以根据项目需求，利用框架提供的代码生成工具进行定制化开发。以上是搭建若依框架的基本流程，具体操作时还需参考最新的官方文档和社区教程，因为随着版本更新，某些步骤或配置可能会有所变化。
2024-05-08 16:49:37
1307
原创 vue3之生命周期
项目目录介绍通常是指软件开发中项目的文件结构和每个目录、文件的用途说明。├── node_modules/ # npm 包依赖存放位置│ ├── favicon.ico # 网站图标│ └── index.html # 应用入口HTML文件，通常会被Webpack处理并注入生成的JS/CSS资源├── src/│ ├── assets/ # 静态资源目录，如图片、字体等│ ├── components/ # Vue 组件目录│ │ ├── App.vue # 根组件。
2024-02-10 11:02:32
958
原创 vue3计算属性
Vue的计算属性是一种便捷的方式来处理模板中的数据计算和逻辑。计算属性是基于其依赖项的响应式数据，当依赖项的值发生变化时，计算属性也会重新计算，而不是每次都重新执行函数。这样可以避免重复计算，提高性能。使用计算属性有以下几个优点：响应式：计算属性依赖的数据发生变化时，计算属性会自动重新计算，保持UI的同步更新。缓存：计算属性会缓存计算结果，只有当依赖项发生变化时才会重新计算，提高了性能。简洁：计算属性的定义方式很简洁，可以直接在模板中使用，使代码更易读、维护。使用计算属性的步骤如下：在Vue组件中定义一个计
2024-02-10 08:46:21
1063
原创 前端之vue3
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它被设计为可以自底向上逐层应用，也可以与其他库或已有项目进行整合。Vue.js的核心库只关注视图层，它非常容易学习和使用。Vue.js采用了轻量级的虚拟DOM（Virtual DOM）实现快速的渲染和更新，这使得Vue.js具有出色的性能和响应能力。它还提供了一套简洁灵活的模板语法，允许开发者以声明的方式编写组件。Vue.js的组件系统可以使开发者轻松地复用和组合组件，提高了代码的可维护性和可测试性。Vue.js还提供了一些其他的高级特性，
2024-02-09 23:49:46
1104
原创 前端之typescript
TypeScript 是一个由 Microsoft 开发的开源、静态类型化的编程语言，它构建在 JavaScript 之上，并为 JavaScript 添加了可选的静态类型系统以及其他一些现代语言特性。TypeScript 编写的代码可以被编译成纯 JavaScript 代码，从而可以在任何支持 JavaScript 的环境中运行。// 声明一个字符串类型变量// 声明并初始化一个数值型数组// 定义一个接口（用于描述对象结构）id: number;// 创建一个符合 User 接口的对象。
2024-02-09 18:36:58
967
原创 node.js之koa,mysql,SocketMocha
Koa.js 简介Koa 是一个基于 Node.js 的下一代 web 框架，由 Express.js 的原班人马打造。它旨在提供更小、更富有表现力和更健壮的中间件系统，通过利用 ES6+ 语法特性（如 Generator 函数、异步迭代器、async/await 等）来消除回调函数的嵌套，从而简化了错误处理和中间件堆栈的编写。Koa 并没有捆绑任何中间件，但提供了极简的核心工具集，让开发者可以构建高度可定制化的服务端应用程序。
2024-02-09 18:14:26
714
原创 前端之node.js的express和路由
Express框架介绍Express是Node.js中一个流行且强大的Web应用框架，它简化了HTTP服务器的开发过程，提供了丰富的中间件机制、路由控制等功能。Express基于Node.js的http模块构建，允许开发者快速创建可扩展的Web应用程序和API服务。安装Express的例子要在Node.js项目中安装Express，请按照以下步骤操作：首先确保已经安装了Node.js环境，并在命令行工具（如终端或命令提示符）中进入你的项目目录。
2024-02-09 16:33:18
1049
原创 前端之node.js内置模块
Node.js内置了许多常用的模块，它们可以直接在应用程序中使用，无需额外安装。以下是一些常用的Node.js内置模块的介绍：fs模块：提供了文件系统相关的功能，可以进行文件的读写、复制、删除等操作。path模块：用于处理文件路径的相关操作，例如获取文件名、扩展名，拼接路径等。http模块：用于创建HTTP服务器和客户端，可以处理HTTP请求、响应以及路由等。events模块：用于处理事件的模块，可以实现事件的注册、触发和监听等。
2024-02-09 16:09:46
1078
原创 前端之node.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以实现在服务器端运行 JavaScript。它是一个事件驱动的非阻塞 I/O 模型，能够处理大量并发连接，适合构建实时的应用程序。Node.js 主要用于构建服务器端应用程序，可以用于开发 Web 服务器、网络应用和命令行工具等。通过使用 Node.js，开发人员可以使用 JavaScript 的强大特性来构建高性能、可扩展的应用程序。
2024-02-09 15:54:03
830
原创 javaScript之设计模式
JavaScript设计模式是一种在JavaScript开发中常用的编程模式，用于解决特定问题的代码组织和架构。通过使用设计模式，可以提高代码的可读性、可维护性和可扩展性。以下是几种常见的JavaScript设计模式：单例模式（Singleton Pattern）：确保一个类只有一个实例，并提供全局访问点。工厂模式（Factory Pattern）：根据参数的不同，创建不同的对象实例，隐藏具体的实现细节。
2024-02-09 15:20:54
1209
原创 JavaScript的Bootstrap和sass
总结来说，Bootstrap 主要是用来做前端UI设计和交互功能的框架，而 Sass 是一个提高 CSS 开发效率和可维护性的预处理工具，二者在实际项目中经常结合使用，以达到高效且高质量的前端开发效果。
2024-02-08 11:03:55
848
原创 JavaScript之jquery二
/ 自定义选项卡插件代码activeClass: 'active', // 激活选项卡的CSS类名contentClass: 'tab-content', // 内容区域容器的CSS类名triggerEvent: 'click' // 触发选项卡切换的事件类型// 获取当前实例的选项卡元素集合// 获取第一个对应的内容面板// 绑定事件// 阻止链接默认行为// 获取目标内容面板ID// 移除所有激活状态并隐藏所有内容面板// 显示目标内容面板，并添加激活状态。
2024-02-08 10:48:05
719
原创 JavaScript之jquery一
JavaScript是一种脚本语言，而jQuery是一个JavaScript库。jQuery是用来简化JavaScript编程的工具，它提供了一个简洁而强大的API，可以处理DOM操作、事件处理、动画效果、AJAX等常见的网页交互功能。使用jQuery，开发者可以通过选择器语法来方便地选择和操作HTML元素。通过jQuery的方法，可以实现快速的DOM操作，比如添加、删除、修改元素的属性和样式，以及处理表单的输入和验证。jQuery还提供了丰富的事件处理功能，可以轻松地绑定和触发各种事件。
2024-02-08 10:27:27
980
原创 javaScript之Promise
JavaScript中的Promise是一种处理异步操作的机制。它是ES6标准中新增的特性，用于更方便地处理回调函数嵌套的问题。Promise将一个异步操作封装成一个对象，代表一个未完成的操作，它有三种状态：未完成（pending）、已成功（fulfilled）和已失败（rejected）。一旦Promise的状态改变，就无法再次改变。
2024-02-08 10:13:20
748
原创 JavaScript网络请求Ajax
JavaScript的Ajax（Asynchronous JavaScript and XML）是一种在后台与服务器进行异步通信的技术，能够通过JavaScript在不刷新整个页面的情况下向服务器发送请求并获取响应。使用Ajax可以实现以下功能：动态更新页面内容：通过向服务器发送异步请求，可以在不刷新整个页面的情况下更新特定部分的内容。这可以提高用户体验并减少数据传输量。异步加载数据：通过Ajax，可以在页面加载时异步加载数据，而不是等待整个页面加载完成。这样可以加快页面加载速度，并提高用户体验。
2024-02-08 09:54:56
1779
原创 javaScript之ES6
let和const。使用let// let 可以在同一作用域内多次声明同一个变量，但不能在同一作用域内的同一块级作用域重复声明let x = 1;// 声明并初始化变量x// 输出: 1let x = 2;// 如果在同一块级作用域再次声明，会报错（SyntaxError）// 此时浏览器控制台不会输出任何内容，因为上面的语句会导致错误并停止执行// 不同的作用域可以声明相同的变量名let x = 3;// 输出: 3使用const。
2024-02-08 00:15:00
723
原创 javaScript之正则表达式
正则表达式是用来匹配和处理字符串的一种工具，JavaScript中的正则表达式是由一个模式和一些可选的标志组成的。模式可以是任意的字符组合，标志用来指定匹配规则的详细行为。在JavaScript中，可以使用内置的RegExp对象创建一个正则表达式。正则表达式的模式可以包含普通字符、特殊字符和元字符。普通字符就是字母、数字和标点符号，它们会直接匹配输入的字符。例如，正则表达式/cat/将匹配输入字符串中的"cat"字符串。特殊字符有一些特殊的含义，需要用反斜杠（\）进行转义。
2024-02-07 17:25:32
597
原创 JavaScript之事件第九天
自定义右键菜单在JavaScript中实现时，通常会涉及阻止默认的右键菜单显示，并创建一个自定义菜单元素，然后根据鼠标点击的位置动态定位这个菜单。// 阻止默认的右键菜单 var menu = document . getElementById('customMenu');// 根据鼠标位置定位菜单 menu . style . display = 'block';// 在这里可以添加逻辑来处理菜单项点击或关闭菜单（例如，在用户点击页面其他地方时隐藏菜单） });
2024-02-07 17:14:31
637
原创 JavaScript之DOM第八天
JavaScript DOM（Document Object Model，文档对象模型）是一种用于操作HTML和XML文档的API（Application Programming Interface，应用程序编程接口）。它定义了HTML和XML文档的结构，并提供了一组方法和属性，让开发者可以通过JavaScript对文档中的元素进行访问、操作和修改。DOM提供了许多方法来查找和访问元素，比如getElementById、getElementsByTagName和getElementsByClassName等
2024-02-07 16:58:58
872
原创 javaScript的BOM第七天
BOM (Browser Object Model) 是指浏览器对象模型，它提供了与浏览器窗口进行交互的对象和方法。BOM 是 JavaScript 的一个扩展，它与 DOM (Document Object Model) 相互配合，使JavaScript能够操作浏览器窗口。BOM 提供了一系列对象，其中一些常用的对象包括：window对象： window 是BOM的顶层对象，它表示浏览器窗口或框架。Window对象提供了许多方法和属性，用于操作浏览器窗口和处理用户行为。
2024-02-07 11:41:23
584
原创 JavaScript的定时器第六天
JavaScript中的字符串是一串字符的序列，可以使用引号（单引号或双引号）来表示。字符串可以包含字母、数字、符号和空格等字符。在JavaScript中，字符串是不可变的，也就是说一旦创建了一个字符串，就无法修改它的值。但是可以通过使用字符串方法来操作字符串，例如连接字符串、截取子串、替换字符等。定时器是JavaScript中的一个功能，用于推迟代码的执行或周期性地执行代码。定时器有两种类型：setTimeout和setInterval。setTimeout函数用于在指定的时间后执行一次代码。
2024-02-07 11:13:04
720
原创 JavaScript第五天数组
JavaScript中的对象和数组都是数据类型，用于存储和组织数据。对象是一种复杂的数据类型，可以存储多个键值对。每个键值对由一个键（属性名）和一个值（属性值）组成。可以通过键来访问对象中的值。对象的属性可以是字符串、数字、布尔值、函数或其他对象。对象的属性是无序的，可以动态地添加、修改和删除。数组是一种有序的数据类型，可以存储多个值。每个值都有一个索引，可以通过索引来访问数组中的值。数组可以包含任意类型的值，包括字符串、数字、布尔值、函数、对象和其他数组。
2024-02-07 10:45:23
560
原创 JavaScript第四天函数
在JavaScript中，函数是一段可重复执行的代码块，通过给函数提供参数，我们可以在需要的时候调用函数并传入不同的数据。函数可以执行特定的任务，并且可以返回一个值。函数在JavaScript中非常重要，几乎所有的程序都是由多个函数组成的。函数可以被定义为全局函数（在整个脚本中都可访问）或局部函数（只能在特定的代码块中访问）。函数的调用会执行函数体中的代码，并且可以通过return语句返回一个值。
2024-02-07 01:30:00
1923
原创 前端之媒体查询第十一天
媒体查询是一种CSS技术，用于根据用户设备的特征（如屏幕宽度、分辨率、设备类型等）来应用不同的样式规则。通过媒体查询，可以确保网站在不同设备上呈现出最佳的布局和样式，提供更好的用户体验。媒体查询语法使用@media规则。下面是一个简单的媒体查询的示例：@media screen and (max-width: 600px) { /* 在屏幕宽度小于等于600像素时应用的样式 */ body { background-color: lightblue;} }
2024-02-05 11:29:53
1038
原创 前端移动web开发 flex布局第十天
Flex布局是一种用于移动Web开发的布局模型，它能够有效地实现页面的自适应和响应式布局。Flex布局基于主轴和交叉轴的概念，使用行（row）和列（column）的方式来布局子元素。 在Flex布局中，父元素称为容器（container），子元素称为项目（item）。容器可以设置flex-direction属性来指定主轴的方向。默认情况下，flex-direction为row，表示主轴为水平方向，而交叉轴为垂直方向。如果设置为column，则主轴为垂直方向，交叉轴为水平方向。
2024-02-05 10:45:51
813
原创 前端移动端-第九天
移动端流式布局（也称作百分比布局或非固定像素布局）是一种针对不同屏幕尺寸和分辨率自适应的网页设计方法。在移动端开发中，这种布局方式通过使用CSS中的百分比单位来定义元素（如div、图片等）的宽度，从而使得这些元素能够根据屏幕宽度进行伸缩，确保内容在不同大小的设备屏幕上都能流畅地填充并适配显示。在流式布局下，页面元素不再依赖固定的像素宽度，而是按照父容器的百分比来决定自身的尺寸。例如，一个容器可以被设置为占据其父元素宽度的100%，这样不管屏幕宽度如何变化，该容器始终会填满整个可用宽度。
2024-02-05 09:33:07
780
原创 前端--移动端之第八天
移动端前端开发主要**针对的是运行在智能手机和平板电脑等移动设备上的Web应用程序和轻量级App**。以下是一些移动端前端开发的关键点：1. **响应式设计**：这是确保网站能够适配不同屏幕尺寸和分辨率的技术，使得网页能够在各种设备上提供良好的用户体验。2. **触摸事件处理**：由于移动设备的交互方式以触摸为主，因此移动端前端开发需要对触摸事件（如点击、滑动、缩放）进行优化处理。3. **性能优化**：考虑到移动设备相较于PC有更受限的硬件资源，性能优化尤为重要。
2024-02-04 20:25:01
721
原创 前端实战之小米
当你要分享你的小米页面时，你可以按照以下方式写博客的开头："大家好！我最近使用HTML和CSS编写了一个小米页面，非常兴奋地想与大家分享。这个页面是专门为小米粉丝设计的，旨在提供有关小米产品的详细信息和最新动态。通过这个页面，你可以了解到最新的小米手机、智能家居设备以及其他相关产品和服务。在设计这个页面时，我注重了用户体验和界面美观。使用了简洁明了的布局和易于导航的菜单，使用户能够轻松找到他们感兴趣的内容。此外，我还添加了一些动画效果和交互元素，以增加页面的趣味性和吸引力。
2024-02-04 18:27:35
296
原创 前端基础-HTML5CSS3提高第七天
H5C3是一个结合了HTML5和CSS3技术的编程语言和框架。HTML5是最新的HTML标准，它引入了许多新的元素和属性，使得网页可以更加丰富和交互性。而CSS3是最新的CSS标准，它引入了许多新的样式和布局特性，使得网页可以更加美观和灵活。H5C3就是将HTML5和CSS3结合在一起，提供了更加强大和丰富的功能和特性。它提供了一些新增的标签和属性，使得开发者可以更加方便地创建网页上的元素和布局。同时，H5C3还提供了一些新增的样式和动画效果，使得网页可以更加美观和吸引人。
2024-02-04 17:58:59
617
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人