自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 鼠标移动到文字上出现下划线,并且下划线有动画效果

最近看到一个比较有意思的效果,就是鼠标移入后,在对应的文字下方会出现下划线的动画效果,当鼠标移除后,下划线动画会消失。鼠标移入那个标签需要使用span,我试了好几个标签出现的效果都有问题,只有span效果没问题。下面线下划线的颜色我用的渐变写的,我想告诉大家的是他是一个背景。

2023-08-23 10:12:46 856

原创 程序员必备表情包+小段子(不看必后悔),快发给你的秃头同事吧!

日常欢乐:作为程序员的我们,BUG虽然改不断,但是我们的快乐源泉不能少!!聊天时怎么能没有专属表情包?业余收集适合程序员必备的表情,聊天,吐槽必备之良品啊!所有这些表情包,通通拿走,不用谢!

2023-08-16 18:49:02 1779 1

原创 vue的传值方式有哪些?vue中常用的传值方式介绍(3种)

本篇文章给大家带来的内容是关于vue的传值方式有哪些?vue中常用的传值方式介绍(3种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。有时候两个组件也需要传值(非父子关系),所以我们需要一个公共的vue来进行传递值和获取值。以上就是vue的传值方式有哪些?2.在父组件中的子标签监听该自定义事件得到传递的值。2 . 在子组件中通过props传递过来的数据。3 . 在组件2中使用$on来接收传递的数据。1 . 创建一个空的vue。

2023-08-16 14:48:01 295 1

原创 什么是vue路由守卫?vue-router有哪几种路由守卫?

路由其实是一种映射关系。生活中的路由:设备和ip的映射关系;

2023-08-06 19:31:43 268

原创 用 JavaScript 写一个小游戏打飞机

以上就是 基于 js 制作一个飞机大战,不懂得也可以在评论区里问我或私聊我询问,以后会持续发布一些新的功能,敬请关注。

2023-08-03 20:56:39 1938

原创 vue为什么使用setup

工程或者应用不能只谈实现,还要考虑持续集成和多人协作,前端之前由于业务复杂度太低,所以你用组件化,或者撑死了上个全局状态管理,能够解决问题,最多也就费点手但是现在不太行了,前后端接口调用太浪费效率,所以非常有必要有更好的架构,让前端能够有完整的封装复用性支撑(也就是完全编程能力),这样才能 hold 住集群中视图服务的位置。优先级,如果data,props,setup都有一个同名属性,setup返回的该属性优先级最高,以执行以下代码为例,将显示:test from son's setup。

2023-08-02 20:01:14 186 2

原创 什么是pinia?Vue中怎么使用它?

Vue Pinia是针对Vue.js的状态管理库,它旨在提供一种简单、直观且类型安全的方式来管理应用程序的状态。它建立在Vue 3的核心概念之上,并且与Vue 3生态系统紧密集成。Pinia是vue的专属状态库,允许开发者跨组件或页面共享状态,他是一个拥有组合式API的Vue状态管理库,支持vue2和vue3,有三个概念,state、getter 和 action,我们可以假设这些概念相当于组件中的 data、 computed 和 methods。

2023-07-28 11:00:00 465 1

原创 mvvm和mvc的区别是什么?

本篇文章的主要内容是讲述MVC与MVVM的区别,希望能对你有所帮助。他们之间的区别主要是MVC中Controller(控制层)演变成了MVVM中的viewModel(双向数据绑定)。MVVM主要解决了MVC中大量的DOM操作带来的问题。MVVM中当和Model频繁发生变化,开发者需要主动更新到View。

2023-07-27 10:55:23 928 1

原创 vue中v-if与v-show使用方法与区别

比如说现在很多页面在不同端表现是不同的,最常见的是很多的APP页面在微信端打开时页面上会显示下载的提示,而在APP内部则不会,像这样的情况每个端的状态在加载时就是确定的不会变的就适合用v-if,这样在APP内打开时显示下载的部分直接就不会编译。在写APP社区页面的时候在一些地方用了v-show,在刷新页面的时候就发现即便在逻辑判断为false某些元素不该显示时也会露个脸,一闪而过,元素快小还好,如果是特别大的地方就看起来就很不爽,于是就上网搜了下看有没有解决方法,结果还真有。元素需要指定 name 特性。

2023-07-26 10:37:15 299 1

原创 vue2和vue3双向绑定的区别是什么

指JavaScript运行环境(即浏览器)提供的对象,由浏览器厂家自定义提供实现,早期存在较大的兼容性问题,当前其中一些主要的对象已经被大部分浏览器兼容;:指JavaScript语言本身预定义的对象,在ECMAScript标准定义,由所有的浏览器厂家来提供具体实现,由于标准的统一,故这些对象的浏览器兼容性问题不太大。创建系统对象,创建通用对象,创建自定义对象(自定义构造函数)-封装对象的行为,表示对象可以执行的行为或可以完成的功能。-封装对象的数据,表示与对象有关的值。对象是无特定顺序的值的数组。

2023-07-23 14:10:45 105

原创 js闭包是什么?对js闭包的理解

单看这一概念,我相信很多的朋友都会感觉难以理解,毕竟这种说法实在是太过于“官方”了,所以,下面我们就来说一说对于js闭包的理解方法。根据官方的解释是:所谓闭包,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。闭包(closure)是js中的一个难点,也是它的特色,很多高级应用都要依靠闭包来实现。所以我们先来看一下js闭包的概念。对于初次接触到闭包这个概念的朋友们,我相信很多的朋友都会有点不太理解,接下来的这篇文章将给大家来说一说。

2023-07-20 18:09:00 133 1

原创 vue中v-bind和v-model的区别是什么

2、“v-bind”只能将vue中的数据同步到页面,而“v-model”不只能将vue中的数据同步到页面,还可以将用户数据的数据赋值给vue中的属性。v-model多在表单中使用,在表单元素上创建双向绑定,根据控件类型选择正确的方法更新元素,可以绑定text、radio、checkbox、selected。2、v-model是双向绑定,不只能将vue中的数据同步到页面,而且可以将用户数据的数据赋值给vue中的属性。1、v-bind是单向绑定,用来绑定数据和属性以及表达式,只能将vue中的数据同步到页面。

2023-07-19 16:32:16 553

原创 react和vuejs有什么区别(一看就明白)

vue是双向绑定, Vue.js 最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。所谓双向绑定,指的是vue实例中的data与其渲染的DOM元素的内容保持一致,无论谁被改变,另一方会相应的更新为相同的数据。区别:1、vue是双向绑定,react不是;react中通过将state(Model层)与View层数据进行双向绑定达数据的实时更新变化,具体来说就是在View层直接写JS代码Model层中的数据拿过来渲染,一旦像表单操作、触发事件、ajax请求等触发数据变化,则进行双同步。

2023-07-16 23:42:53 370 1

原创 vue前端UI框架有哪些(非常详细)?

vue前端UI框架有:Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront、Vux、Mint UI、Vant等等。

2023-07-13 19:37:00 1434 2

原创 vue生命周期是什么?vue生命周期理解

beforeCreate(创建前)、created(创建后)、beforeMount(载入前)、mounted(载入后)、beforeUpdate(更新前)、updated(更新后)、beforeDestroy(销毁前)、destroyed(销毁后)Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。mounted是平时我们使用最多的函数了,一般我们的异步请求都写在这里。

2023-07-11 15:12:20 362 10

空空如也

空空如也

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

TA关注的人

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