自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue---- 路由(下)-- 导航守卫

全局守卫分为两种:全局前置守卫:当一个导航触发时,就会触发全局前置守卫;可以在全局前置守卫中做出业务逻辑处理;全局后置钩子:当一个导航触发时,会触发全局前置守卫,同样,会触发全局后置钩子,因为进入一个新的,必定要离开一个旧的。但是,后置钩子不会改变导航本身;

2024-07-13 16:50:37 889

原创 Vue----路由(上)

对于单页面应用程序来说,组件与组件之间的跳转规则就是路由;Vue 路由允许我们通过不同的 URL 访问不同的内容(组件)。通过 Vue 可以实现多视图的单页 Web 应用(single page web application,SPA)。

2024-07-09 20:02:45 745

原创 Vue3--------组合式API

setup()函数是在组件使用组合式API的入口。可以在选项式API(data、watch..)的组件中使用组合式API,也可以单独使用组合式API通过return一个对象。暴露模版需要使用的响应式属性、计算数据性、方法等在setup()方法中是不能获取this实例的,那也就意味着,setup中不能够访问选项式API暴露的属性,但选项式API中可以访问setup中暴露的属性。- 默认执行一次。

2024-06-29 16:02:34 1023

原创 Vue 生命周期(简单快速理解)

vue 每个组件都是独立的,每个组件都有属于他的生命周期,从一个组件创建数据初始化挂载更新销毁,这就是一个组件所谓的生命周期。

2024-06-22 15:33:40 869

原创 Es6----数组的常用方法。

find() 和 findIndex()根据条件找到数组的某元素,当回调函数返回true时,返回值就是这次的item;如果一直没有返回true,则结果是undefined。

2024-06-15 15:32:40 245

原创 ES6———promise详解及用法。

1.promise其实就是一个对象或者说是构造函数。2.promise的出现(es6) 就是解决异步编程和回调地狱等问题,async和await的出现(ES8)就是基于promise的一种解决异步编程的终极解决方案。3.在前端中,ajax和axios都会用到异步编程,axios更是基于promise的,所以一定要掌握promise以及用async和await搭配promise的使用。

2024-06-01 15:49:45 928

原创 带你快速理解Viewport设计原理

Viewport 是 HTML5 针对移动端开发新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现,提供响应式解决方案。

2024-05-25 15:15:13 897

原创 一篇文章带你了解什么是 IntersectionObserber。

`IntersectionObserver`接口,提供了一种异步观察`目标元素与其祖先元素或顶级文档视窗交叉状态`的方法,祖先元素与视窗(`viewport`)被称为根(`root`);

2024-05-18 15:32:17 860

原创 运用JQuery和bootstrap写一个简易的朋友圈案例。

运用JQuery和bootstrap写一个简易的朋友圈案例提示。

2024-05-11 15:25:53 385 1

原创 css动画---animation

由于该技术的规范还没有稳定,在使用前要先确保浏览器对其兼容性。 Animations是css3的一个模块,使用keyframes定义如何随着时间的移动改变CSS的属性值,可以通过指定它们的持续时间,重复次数,如何重复来控制关键帧的行为。Animations由两部分组成:css动画的配置,以及一系列的keyframes(用来描述动画的开始、过程、结束状态)。不需要了解任何Js技术即可完成动画的制作。

2024-05-05 10:30:13 356 2

原创 一篇文章带你了解(flex)弹性布局。

弹性布局的优点:1, 适应性强,在做不同屏幕分辨率的界面时非常实用。2, 可以随意按照宽度、比例划分元素的宽高。3, 可以轻松改变元素的显示顺序。4, 自适应布局实现快捷,易维护。

2024-04-27 09:45:33 674

原创 什么是本地存储。

本地存储是指将数据保存在用户的本地设备上,以供后续使用和访问。通过本地存储,网页和应用程序可以在用户关闭浏览器或重新打开页面后仍能保留之前保存的数据。提示:以下是本篇文章正文内容,下面案例可供参考。

2024-04-20 10:42:22 877

原创 SVG和Canvas的区别及使用方法。

Canvas 和 SVG 都允许在浏览器中创建图形,但是它们在根本上是不同的。提示:以下是本篇文章正文内容,下面案例可供参考1.svg:1>svg是一种使用xml描述的2d图形语言2>svg基于xml,意味着svg DOM中的每个元素都可以用。可以为某个元素附加JavaScript事件处理器。3>在svg中,每个被绘制的图形都被视为对象。如果svg对象的属性发生变化,那浏览器可以自动重现图形。2.canvas1>canvas是通过JavaScript来绘制2d图形,是逐像素进行渲染的。

2024-04-13 16:01:26 1136 2

空空如也

空空如也

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

TA关注的人

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