- 博客(32)
- 收藏
- 关注
原创 Uni-App安装及其使用
安装模拟器: 夜神 62001 海马 26944 天天 6555在模拟器的安装路径中 搜索adb.exe程序添加到环境变量中可以在 adb的目录下 键入cmdSCSS Sass是财通 Ruby语言编写的一套CSS预处理语言。2007诞生。 最初是为了配合HAML(一种缩进式的HTML预编译器)Sass和Scss其实是一种东西,区别:1.扩展名不同2.语法书写方式不同 Sass是以严格的缩进式语法书写,不带打括号{},
2024-09-19 18:18:21
331
原创 TypeScript语言学习及安装
1.安装node js 配置环境变量2.在终端中 运行 npm i -g typescripttypescript: 用于编译ts代码 提供了 tsc命令 实现了将 TS>>>> JS转换验证: tsc -v。
2024-09-19 17:33:00
345
原创 Vue的路由守卫与Store
虽然本文档主要是面向 Vue 3 的用户,但在必要时会标注出 Vue 2 的内容,因此 Vue 2 和 Vue 3 的用户都可以阅读本文档。的 Vue 状态管理库。从那时起,我们就倾向于同时支持 Vue 2 和 Vue 3,并且不强制要求开发者使用组合式 API,我们的初心至今没有改变。pinia提供storeToRefs只会将数据转换,而Vue的toRefs会转换store中的数据。作用:借用storeToRefs将store中的数据转换为ref对象,方便在模板中使用。配置:src/main.ts。
2024-09-12 20:51:10
971
原创 Vue路由的分类与使用
本质是一个函数,把setup中的 组合式 API进行封装。hook 优势:让代码复用 ,让setup中的逻辑更清楚。useDog.ts//发送请求try {console.log("请求的结果:", data);getDog();})useSum.tsconsole.log("执行了useSum的onMounted")})//向外暴露数据Person.vue<template><h2>当前求和:{{ sum }}</h2>
2024-09-12 20:49:57
673
原创 Vue3前端框架学习记录
Vue (发音为 /vjuː/,类似) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。发布日期:2020年9月18日性能: 打包时间: 提升了41% 初次渲染速度 提升了55% 更新渲染速度133% 内存减少了 54%升级: Proxy替代defineProperty实现响应式。
2024-09-10 20:19:47
963
原创 Vue框架学习笔记-9
在Vue-cli框架中,每个页面都是独立的,相当于每个组件也是独立的,他们的数据并不会共享,所以要将两个不同页面之间的数据进行传递共享,这就成为了问题。Params通常用于动态路由匹配,例如,当你有一个像/user/:id这样的路由时。这些参数不会出现在URL的查询字符串中,而是作为URL的一部分。查询参数附加在URL的查询字符串中(即URL的?它们对于需要保留在URL中以便用户可以通过书签或分享链接来访问的数据很有用。在目标组件中,你可以通过this.$route.query来访问这些数据。
2024-09-10 20:17:20
200
原创 关于TypeScript使用讲解
1.安装node js 配置环境变量2.在终端中 运行 npm i -g typescripttypescript: 用于编译ts代码 提供了 tsc命令 实现了将 TS>>>> JS转换验证: tsc -v。
2024-09-10 20:17:00
298
原创 Vue框架学习笔记-8
2.逆向传递数据(Vue不支持逆向传递)–>子组件给父组件传递,通过 $ emit(“事件名”,要传递的数据),自定义监听事件接收。emit(‘eventName’, data)来触发事件,其中eventName是事件的名称,data是要传递的数据。通过$on(“传递的数据名称”,回调函数)接收中央事件总线传递过来的数据(该方法中的回调函数必须时箭头函数)我们可以发现,通过$children获取到的是一个子组件数组,其中包含该组件的所有子组件。在子组件中使用$parent获取到了父组件的所有信息。
2024-08-15 19:07:12
684
原创 Vue框架学习笔记-7
在 Vue.js 中,过滤器(filters)是一种在表达式中使用的方式,用于将文本格式化为不同的形式。不过,从 Vue 3.x 开始,官方已经移除了对过滤器的支持,官方推荐的做法是使用计算属性(computed properties)或方法(methods)来替代过滤器的功能。Vue-cli 项目中的 mixin 是一种强大的功能,允许你在多个组件之间共享可复用的方法和/或选项。其中index.js中,配置在程序中用到的过滤器,如下,分别配置了三个过滤器,分别为:sub,subtime,subnum。
2024-08-14 19:41:38
348
原创 Vue框架学习笔记-6
1.项目目录src目录下是我们编写代码的文件,其目录下还包括vue.config.js是编写配置文件的位置。App.vue是全局组件的文件,在其中写一些所有组件共有的代码,例如公共样式,公共数据等。main.js中写的全局的公共组件。2.组件介绍template标签中是组件的容器View部分script标签中定义了组件的Model部分当前组件的样式 scoped表示样式私有化,通过scoped定义的样式只能在当前组件使用。
2024-08-13 18:45:32
270
原创 Vue框架学习笔记-5
在JavaScript中,filter() 方法是一个非常有用的数组方法,它用于创建一个新数组,这个新数组包含通过所提供函数实现的测试的所有元素。在JavaScript中,this的指向是一个复杂但非常重要的概念,它决定了函数执行时上下文(context)的引用。this的指向并不是在函数定义时确定的,而是在。我们可以看到,修改了函数的写法,从原来的普通函数换为箭头函数,此时this指向变为了window。在Vue框架中,我们使用箭头函数的目的是保证我们的this指向保持不变,始终指向Vue实例对象。
2024-08-12 19:10:35
271
原创 Vue框架学习笔记-4
父组件beforeCreate创建前 – 父组件created创建后 – 父组件beforeMount挂载前 – 子组件beforeCreate创建前 – 子组件created创建后 – 子组件beforeMount挂载前 – 子组件mounted挂载后 – 父组件mounted挂载后。data函数式:当子组件想要使用data中的数据时,父组件会单独返回一个数据给子组件,当子组件修改该数据时,对父组件原本的数据没有影响。2.组件与实例中的数据不互通,组件和组件之间的数据不互通,组件可以复用。
2024-08-08 18:45:21
446
原创 Vue框架学习笔记-3
(Shallow Copy)是两种在编程中常见的对象复制方式,它们的主要区别在于复制时是否对对象内部的引用类型属性也进行了复制。:只复制对象的第一层属性,如果对象的属性值是引用类型,则两个对象会共享这部分数据。:不仅复制对象的第一层属性,还会递归复制对象内部的所有嵌套对象,两个对象完全独立。:挂载前,视图未被真正创建,创建的是未解析的DOM,相当于占位,数据被创建。以上过滤器作用是,将长文本中的前11位截取显示,11位以后文本用…:创建后,视图未被创建,数据已经被创建。:创建前,视图和数据都未被创建。
2024-08-08 17:39:25
406
原创 Vue框架学习笔记-2
Vue.directive:全局自定义指令用法一:Vue.directive(“指令名称”,{需要执行的操作})el.focus();})用法二:在Vue实例中定义,可定义多个自定义指令// 创建一个实例data() {return {},"focus":{// 当被绑定的元素插入到DOM中时// 聚焦元素el.focus();})
2024-08-07 19:38:20
265
原创 初识Vue2
Vue.js(通常简称为Vue) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
2024-08-05 19:44:01
370
原创 关于ElasticSearch的倒排索引机制
索引(Index)是数据库中用于提高数据检索效率的一种数据结构。它相当于书籍的目录,可以帮助我们快速定位到书中的内容。在数据库中,索引使数据库系统无需扫描整个表即可快速找到所需的数据,从而大大加快了查询速度。倒排索引(Inverted Index)是一种用于全文搜索的数据结构,它将文档中的每个单词映射到包含该单词的所有文档的列表中,并用该列表替换单词。分词会在如下两个时机使用:创建或更新文档时(Index Time),会对相应的文档进行分词处理查询时(Search Time),会对查询语句进行分词。
2024-07-28 22:29:08
1205
原创 SpringBoot项目搭建(基于IDEA)方法步骤
随着动态语言的流行(Ruby、Scala、Node.js), Java的开发显得格外的笨重;繁多的配置低下的开发效率复杂的部署流程以及第三方技术整合难度大。在上述环境下,Spring Boot由此诞生,它的设计是为了使您能够尽可能快地启动和运行。它使用“习惯优于配置”(项目中存在大量的配置,而 Spring Boot 内置一个习惯性的配置,让你无须手动进行配置)的理念让你的项目快速运行起来。
2024-07-26 20:05:14
1277
原创 SpringAOP面向切面编程详解
代理模式(Proxy Pattern)是一种设计模式,它为其他对象提供一种代理以控制对这个对象的访问。代理模式创建了一个代理对象,用来代表实际对象的功能。这种类型的设计模式属于结构型模式,因为此模式以一种方式对对象的结构进行了修改。总而言之,代理模式就是通过代理对象来访问被代理对象,在代理的过程中可以对方法进行功能的增加。1.静态代理(Static Proxy)2.动态代理(Dynamic Proxy)AOP 为 Aspect Oriented Programming 的缩写,意思为面向切面编程。
2024-07-25 20:05:11
715
原创 SpringBoot框架如何实现自动分配
定义:SpringBoot的自动装配是指它能够根据应用程序的依赖和环境,自动决定应该应用哪些配置和装配哪些Bean,而无需开发者手动进行繁琐的配置。简化配置:自动装配机制能够根据应用程序的依赖和环境自动配置所需的组件,避免了繁琐的手动配置过程。减少出错:由于自动装配是基于条件化配置的,因此可以避免手动配置过程中出现的错误和疏漏。提高效率:自动装配机制能够显著提高开发效率,使开发者能够更专注于业务逻辑的实现。总结。
2024-07-24 21:04:53
1179
原创 Spring框架如何处理关于循环依赖问题
循环依赖指的是两个或多个组件(或模块、类等)之间相互依赖,形成闭环,导致无法独立地完成初始化或执行。//PerA类@Component// PerA中注入了PerB@Autowired//PerB类@Component// PerB中注入了PerA@Autowired以上代码就说明了PerA类于PerB类的循环注入问题,PerA在创建时需要注入PerB对象,PerB在创建时需要注入PerA对象,这就是循环依赖。
2024-07-21 22:33:50
740
原创 使用注解优化SpringIOC/DI依赖注入控制反转
通过学习了解,配置SpringIOC容器的方式是使用配置xml文件,在xml文件中配置需要的标签,从而利用容器创建对象,那么将要介绍如何使用注解的方式,优化xml文件,减少代码的书写。
2024-07-18 18:38:11
433
原创 SpringIOC/DI依赖注入控制反转的<Bean>标签使用
我们了解SpringIOC容器的基本知识后可以了解到,如果我们在程序中需要创建对象,我们通常不会使用new的方式创建,而是利用Spring框架的IOC容器帮助我们创建对象,那么使用Bean标签时,我们通常会遇到一下特殊情况。
2024-07-16 21:00:29
302
原创 Spring Code 核心容器的介绍及使用
IOC( Inversion of Control,中文释义:控制反转 ),使用IOC容器管理项目组件之间的耦合关系.主要用于解耦。IOC是指将创建对象的控制权转移给Spring框架进行管理。由Spring框架根据配置文件或注解等方式,创建bean对象并管理各个bean对象之间的依赖关系。使对象之间形成松散耦合的关系,实现解耦;○ 控制 :指的是对象创建(实例化、管理)的权力○ 反转 :对象的控制权交给外部环境(Spring框架、IOC容器)
2024-07-15 20:09:04
306
1
原创 MyBatis的mapper动态代理机制
在接口中有方法的返回值定义,参数的定义,方法名,在sqlMapper.xml 中也对应这接口给予了赋值,这时候dao的实现类就显得多余,这是Mybatis可以帮助我们自动产生实现类,并可以调取方法得到结果,这就是Mybatis的mapper动态代理。
2024-01-30 16:00:35
418
1
原创 MyBatis的生命周期
首先了解一个概念,ORM 模型是数据库的表和简单 Java 对象(Plain Ordinary Java Object,简称 POJO)的映射关系模型,主要解决数据库数据和 POJO 对象的相互映射。MyBatis是一款ORM模型,支持定制化SQL、存储过程以及高级映射。可以使用简单的** XML** 或来配置和映射原生信息,将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java对象)映射成数据库中的记录。
2024-01-18 19:23:04
431
1
原创 JDBC的弊端
首先JDBC是Java程序访问数据库的一套解决方案,JDBC定义了一套,即访问数据库的通用API,不同的数据库厂商根据各自数据库的特点去实现这些接口。
2024-01-18 18:05:38
680
1
原创 SQL注入的解析与解决方式
SQL注入是SQL注入是一种常见的,通过在Web应用程序的输入字段中插入或“注入”恶意SQL代码,攻击者能够在数据库层面上执行非授权的SQL命令。当Web应用程序对用户输入的数据没有进行适当的时,攻击者可以注入恶意的SQL代码,这些代码可能会被数据库服务器误认为是合法的SQL语句并执行。通过这种方式,攻击者可能获得对数据库的未授权访问、数据泄露、甚至提权等。也就是说sql注入是一种恶意攻击数据库的手段,我们在日常使用过程中,为了防止数据泄露等情况,要对输入的数据进行过滤与验证。
2024-01-16 21:12:59
484
1
原创 JDBC连接数据库的基本步骤
(不论使用哪个数据库,在连接前都需要将与之相关的jar包导入到项目的lib目录中)1.加载驱动程序2.创建数据库连接3.编写并执行sql语句(statement对象)4.处理结果集(结果)5.关闭使用的对象资源。
2024-01-15 19:11:01
543
原创 Set接口中的常见问题
Set集合在底层的数据结构是以map图进行存储的,而图是以key,value键值对的形式进行存储,key唯一不重复,value可重复。Set集合也就拥有了map的特点。1.首先Set集合在添加元素的时候,会将元素值存储在key位置,由于key值在map中是唯一,不可重复的,所以也就做到了Set集合的元素值不重复。2.在添加元素时会直接或者间接调用hashCode和equals方法,进行值的比较,如果具有重复值,就不会执行添加操作。
2023-08-13 13:26:41
80
1
原创 List接口中的常见问题
首先,ArrayList与Vector都为List接口的实现类,因此具有List接口的公共特点:集合有序;允许重复值的出现。其次两者都实现了RandomAccess接口,支持快速访问,也就是使用for循环进行便利的速度更快。
2023-08-13 12:11:22
73
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人