自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 React核心概念与特点

组件化:React将页面分解为独立的组件,每个组件负责自身的状态管理和视图渲染。这种组件化的开发方式使得代码逻辑更加清晰,易于复用和管理。单向数据流:React采用单向数据流,数据从父组件流向子组件。这种数据流方式有助于提升代码的可预测性和可维护性。虚拟DOM:React使用虚拟DOM来提高性能。通过比较新的DOM与旧的DOM的差异,React仅更新必要的部分,而不是重新渲染整个页面。JSX:JSX是JavaScript和XML的结合体,使得在JavaScript中书写HTML更加直观和方便。

2024-11-08 16:45:29 1122

原创 vue组件传参的八种方式详细总结

在Vue中,组件之间的传参是构建动态和交互性用户界面的关键。

2024-11-08 14:52:31 719

原创 react中的组件传参

在React中,组件之间的数据传递是构建用户界面的关键部分。

2024-11-08 13:53:12 409

原创 react动态路由

在React应用中,动态路由(Dynamic Routing)通常指的是根据应用的状态或用户的交互来动态地显示或隐藏路由(页面或组件)。

2024-11-08 11:15:03 534

原创 Keep-Alive怎么用,用来干啥

Keep-Alive在不同的上下文中有着不同的用途,但主要可以分为两大类:网络通信中的Keep-Alive和Vue框架中的keep-alive。

2024-10-21 15:43:14 326

原创 Already included file name

Already included file name 'c:/Users/del/Desktop/202404/vue-cli/my-project/src/components/MyButton.vue' differs from file name 'c:/Users/del/Desktop/202404/vue-cli/my-project/src/components/MYButton.vue' only in casing.The file is in the program because:Im

2024-10-21 15:41:41 302

原创 web安全:应急响应

应急响应是指针对已经发生或可能发生的安全事件进行监控、分析、协调、处理,以保护资产安全。这一流程旨在提高人们对网络安全的认识与准备程度,确保在遇到突发网络安全事件时能够有序应对、妥善处理。通过应急响应,组织能够迅速识别、评估并应对安全威胁,减少潜在损失,并保障业务连续性。PDCERF方法最早于1987年提出,该方法将应急响应流程分成准备阶段、检测阶段、抑制阶段、根除阶段、恢复阶段、总结阶段。根据应急响应总体策略为每个阶段定义适当的目的,明确响应顺序和过程。

2024-10-21 15:41:09 1005

原创 打包app

在App模块配置中选择所需的打包配置,app中有哪些相关内容就选择哪些配置。证书相关内容在HBuilderX官网中获取,没有账号就注册一个。在App图标配置中选择app的图标并动态生成所有图标。1..在manifest.json中配置相关内容。2.点击发行=》原生App-云打包。

2024-08-23 11:25:06 252

原创 avue-crud 是基于 Vue.js 的一个高度封装的表格(CRUD)组件库

avue-crud是基于 Vue.js 的一个高度封装的表格(CRUD)组件库,它提供了一套丰富的功能来帮助开发者快速构建具有增删改查(CRUD)功能的界面。avue-crud隶属于AVUE这个更广泛的 Vue 组件库,它旨在通过简单的配置和少量的代码,让开发者能够轻松地实现复杂的表格数据展示和交互。

2024-08-23 11:07:06 410

原创 父子组件生命周期的执行顺序

生命周期阶段父子组件执行顺序加载渲染父beforeCreate → 父created → 父beforeMount → 子beforeCreate → 子created → 子beforeMount → 子mounted → 父mounted更新过程父beforeUpdate → 子beforeUpdate → 子updated → 父updated销毁过程父beforeDestroy → 子beforeDestroy → 子destroyed → 父destroyed。

2024-07-25 19:47:20 1271

原创 HTTP协议基础

Web应用是指采用B/S架构、通过HTTP/HTTPS协议提供服务的统称。随着互联网的广泛使用,Web应用已经融入到日常生活中的各个方面:网上购物、网络银行应用、证券股票交易、政府行政审批等等。在这些Web访问中,大多数应用不是静态的网页浏览,而是涉及到服务器侧的动态处理。此时,如果Java、PHP、ASP等程序语言的编程人员的安全意识不足,对程序参数输入等检查不严格等,会导致Web应用安全问题层出不穷。

2024-07-10 20:08:01 974

原创 git仓库使用

git pull 更新一下也叫同步 将线上代码更新到本地。先让仓库负责人把自己拉进仓库 成为开发者或者管理员。git merge origin/分支名。git pull origin 分支名。git push origin 分支名。git checkout 分支名。git clone 仓库地址。有了仓库就按已有仓库进行操作。git push 提交到线上。git branch 分支名。git pull 分支名。git push 分支名。首先要有gitee账号。注意首先要切换到主分支。

2024-07-10 10:41:31 676

原创 git查看版本,查看安装路径、更新版本

git update-git-for-windows 更新版本。git version 查看版本。git version 查看版本。

2024-07-09 20:13:27 1129

原创 vue路由和路由安装

多种导航模式:Vue路由支持不同的导航模式:hash模式(默认)和history模式。实现页面的无刷新切换:使用Vue路由可以在单个web页面中实现应用程序内的页面切换,而无需重新加载整个页面,这将更快地为用户提供请求的内容。1)理解: 一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。实现嵌套路由和视图:Vue路由使您可以将组件树映射到路由,以构建复杂的用户界面,同时保持组件和路由之间的关系。这时候代表你的路由下载成功了,我们需要引入它。

2024-07-05 15:05:21 2139 2

原创 HTTP状态码大全分类及常用状态码

此状态码为200,在HTTP协议中表示请求成功。

2024-06-24 15:54:07 428

原创 关于this的指向

的值取决于函数如何被调用,而不是函数被声明时的环境。:当函数被直接调用(不是作为对象的方法,也不是通过其他方式间接调用)时,的指向规则对于编写正确和可维护的JavaScript代码至关重要。:当函数作为对象的方法被调用时,this 指向该对象。方法,或者使用箭头函数(它们不绑定自己的。关键字调用函数时,该函数成为构造函数,的指向是一个经常让开发者困惑的概念。对象或在Node.js中的。:在全局作用域(浏览器中的。通常指向触发该事件的元素。:在回调函数和事件处理器中,指向新创建的对象实例。

2024-06-24 10:07:05 390

原创 关于跨域问题

广义:指一个域下的文档或脚本试图去请求另一个域下的资源。狭义:特指在浏览器环境中,由于浏览器的同源策略(Same-Origin Policy)限制,从一个域名的网页去请求另一个域名的资源时,如果域名、端口、协议中的任何一个不同,都被认为是跨域。

2024-06-24 09:58:51 731

原创 jQuery常用辅助函数

jQuery 提供了许多辅助函数(也称为工具函数或实用函数),这些函数在不需要选择 DOM 元素的情况下也很有用。迭代对象(JavaScript 对象或数组)或 jQuery 对象。检查值是否存在于数组中,并返回其索引(如果不存在则返回 -1)。过滤数组中的元素,返回一个新数组,包含通过测试的所有元素。将数组中的元素转换成一个新数组,包含通过函数转换后的元素。用于合并内容到目标对象,将源对象的属性复制到目标对象。获取 JavaScript 对象的类型。检查对象是否是数组。检查对象是否是函数。

2024-06-19 20:06:19 391

原创 jQuery常用属性函数

获取或设置备选元素的属性值。2、.removeAttr()功能:从被选元素中移出一个或多个属性。$(selector).removeAttr(attributeName)3、.prop()功能:获取或设置被选元素的属性值,特别适用于某些具有布尔值的属性,如 、 和 。注意:对于大多数属性, 和 可以互换使用,但 更适合处理那些表示 DOM 元素状态的属性,如 、 和 。在指定的元素上存储和检索数据,这些数据是私有的,不会影响元素的 DOM 结构。5、.val()

2024-06-19 19:53:31 1933

原创 用jQuery写弹幕

【代码】用jQuery写弹幕。

2024-06-13 19:25:49 135

原创 倒计时:日期对象.getTime();获取当前时间戳

【代码】日期对象.getTime();获取当前时间戳。完成倒计时

2024-06-06 18:55:21 265

原创 js实现点击切换图片,常用于图片画廊、产品展示、选项卡切换等

以下代码实现产品展示或图片画廊相关的功能。具体来说,它实现了一个带有导航和对应内容区域的产品展示页面。用户通过导航来浏览不同的产品/项目,并在内容区域中查看与每个产品/项目相关的详细信息(在这种情况下是两张图片)。

2024-06-06 10:27:42 397

原创 近日“AIGC”产品新增一员——腾讯元宝

"AIGC" 它通常指的是“Artificial Intelligence Generated Content”,即人工智能生成的内容。随着人工智能技术的快速发展,特别是自然语言处理(NLP)、深度学习、生成对抗网络(GANs)和Transformer模型(如GPT系列)的进步,AI现在能够生成高质量的内容,包括但不限于文本、图像、音频和视频。:使用自然语言处理(NLP)技术,AI可以生成新闻报道、小说章节、诗歌、广告文案、电子邮件等。

2024-06-05 15:07:30 1033

原创 小说列表(添加、删除、修改)

【代码】小说列表(添加、删除、修改)

2024-06-04 10:18:06 257

原创 获取验证码 60秒倒计时

点击获取验证码,60秒倒计时开始,倒计时期间点击无效

2024-06-04 10:10:52 214

原创 联想页面(HTML,CSS)

各种hover,固定定位。

2024-06-03 19:50:29 245

原创 常用DOM

setAttribute() 设置 getAttribute() 获取 removeAttribute() 删除节点。//通过class 类名。document.querySelector()//里面可以写入css选择器 查找单个。document.getElementsByTagName() //通过 标签名。document.getElementById() //通过id 查找节点。document.querySelectorAll()//查找所有。classList.remove() 删除。

2024-06-03 18:24:10 352

原创 vscode安装和配置

文件 > 首选项 > 设置(macOS:代码 > 首选项 > 设置,搜索update mode并将设置更改为none。删除一行:光标没有选择内容时,ctrl + x 剪切一行;ctrl +shift + k 直接删除一行。文件==》首选项==》设置==》功能==》资源管理器。shift + alt + ↓ 向下复制一行;Ctrl + Shift + [ 折叠区域代码。Ctrl + Shift + ] 展开区域代码。ctrl+ shift + f:在项目内搜索。Ctrl+Shift+N 打开新的编辑器窗口。

2024-06-03 18:05:58 1912 1

原创 node安装和配置

以上操作表示,修改全局包下载目录为C:\node\node_global,缓存目录为C:\node\node_cache并会自动创建node_global目录,而node_cache目录是缓存目录,会在你下载全局包时自动创建。注意:如果未改变环境变量,NNODE_PATH 的路径就是C:\Users\38905\AppData\Roaming\npm\node_modules 安装的express也在此目录下。如果失败,查看NODE_PATH 是否正确。1、安装cnpm,输入以下命令。

2024-06-03 17:57:35 535 2

网络:一、网络基础 二、路由协议 三、交换网络 四、信息安全技术

https://www.yuque.com/u34280469/ty7rmy/gcmm9ur0u4n2grcy?singleDoc# 《网络》此链接到语雀时限为半年 网络:一、网络基础。二、路由协议。三、交换网络。四、信息安全技术。

2024-06-11

vue相关知识点练习,共十三章

vue相关知识点练习,共十三章

2024-06-05

JavaScript各种小案例,还有jQuery相关案例

这是关于JavaScript的学习代码, 邮箱自动导航:实现一个自动导航至用户邮箱地址的功能,为用户提供便捷的联系方式。 自定义下拉列表框:通过JavaScript,创建自定义下拉列表框,增加用户体验和交互性。 改变文本框中内容:利用JavaScript动态改变文本框中的内容,实现实时更新或交互反馈。 动态显示列表框选择项的文本内容或其值:通过JavaScript监听列表框的选择事件,动态显示用户所选项的文本内容或相关值。:利用列表框切换网页:实现一个根据列表框选项动态切换网页的功能,增强网页的导航和交互性。 动态改变购买数量:使用JavaScript动态改变购买数量,为用户提供一个直观的购买数量调整界面。 应用HTML元素的样式属性设计横向下拉菜单:通过HTML元素的样式属性,结合JavaScript,设计出一个美观且功能强大的横向下拉菜单。 应用jQuery的show和hide等方法设计纵向导航菜单:利用jQuery的show和hide等动画效果,设计出一个用

2024-06-05

vue.js项目开发综合实践习题

Vue.js项目开发综合实践习题涵盖了Vue.js框架在项目开发中的多个方面,旨在帮助开发者深入理解Vue.js的特性和实践方法。以下是对Vue.js项目开发综合实践习题的简要介绍,分点表示和归纳相关信息: 一、Vue.js基本概念 Vue.js特性:轻量级、数据绑定、应用指令、插件化开发。 Vue.js安装:主要有三种方法,包括直接下载Vue.js、使用npm包管理器安装等。 MVVM模式:Vue.js基于MVVM(Model-View-ViewModel)模式,其中Model代表数据模型,View代表用户界面,ViewModel是连接Model和View的桥梁。 二、Vue.js核心特性 数据绑定:Vue.js通过双向数据绑定,实现视图与数据的自动同步。 组件化开发:Vue.js支持组件化开发,允许开发者将UI拆分为可重用的独立组件。 指令:Vue.js提供了一系列内置指令(如v-if、v-show、v-for等),用于在DOM元素上应用特殊的行为。 生命周期钩子:Vue.js组件具有生命周期钩子函数,允许开发者在组件的不同阶段执行特定的代码。

2024-06-04

vue项目开发综合实践笔记

关于Vue的笔记,主要涵盖以下几个方面: 技术栈:Vue.js为核心框架,搭配Vue Router进行页面导航,Vuex管理状态。 Vue.js:作为项目的核心框架,Vue.js负责页面的渲染与数据的绑定。通过其响应式系统,我能够轻松地实现数据的双向绑定,提高开发效率。 Vue Router:Vue Router是Vue.js官方的路由管理器。在项目中,我利用Vue Router实现了页面的跳转与导航,为用户提供了更加流畅的体验。 Vuex:对于跨组件的状态管理,我选择了Vuex。Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 组件化:通过组件化思想,将页面拆分为可复用的组件,提高可维护性。 数据驱动:利用Vue的响应式系统,实现数据的双向绑定,简化开发流程。 样式管理:使用CSS预处理器(如Sass)和UI框架(如Element UI),快速美化页面并提高复用性。 以上简要介绍了Vue的主要特点和开发实践中的关键方面。详细内容请看资源详解

2024-06-04

数据结构相关知识点的思维导图

数据结构,作为计算机科学领域的基石,是组织、存储和高效处理数据的艺术和科学。通过构建合适的数据结构,我们可以实现高效的算法,解决各种复杂的计算问题。而一个精美的思维导图,就像一幅智慧图谱,能够清晰地展现出数据结构的精髓和它们之间的关系。 在这个“数据结构的智慧图谱”中,我们可以从基础到高级,逐步探索各种数据结构的特点、应用场景以及它们之间的联系。从简单的线性结构(如数组、链表)到复杂的非线性结构(如树、图),再到高级的数据结构(如堆、栈、队列),每一个节点都代表着一种数据结构的智慧和奥秘。 通过这个思维导图,我们可以更加系统地学习数据结构,理解它们的设计原理和使用方法。同时,我们也可以更加清晰地看到数据结构之间的内在联系和转换关系,从而在实际应用中更加灵活地运用它们。

2024-06-03

vue基础知识及思维导图,安装脚手架详细过程

Vue基础知识与思维导图:探索Vue的精髓 Vue.js是一个构建用户界面的渐进式框架,对于前端初学者和开发者来说,掌握其基础知识是至关重要的。Vue的基础知识涵盖了模板语法、指令、组件、路由、状态管理等核心概念。而思维导图作为一种有效的学习和整理工具,可以帮助我们更清晰地理解Vue的架构和知识体系。 安装Vue CLI脚手架的详细过程 Vue CLI是一个基于Vue.js进行快速开发的完整系统。以下是安装Vue CLI脚手架的详细过程: 安装Node.js:首先,你需要在你的计算机上安装Node.js。Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许JavaScript在服务器端运行。 安装npm:npm(Node Package Manager)是Node.js的包管理工具,通常与Node.js一起安装。你可以通过命令行输入npm -v来检查npm是否已正确安装。 全局安装Vue CLI:打开命令行工具(如cmd、PowerShell、Terminal等)

2024-06-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除