自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Node基础(一)

node.js学习笔记

2022-10-24 22:11:01 947

原创 JS的事件流

js事件流

2022-10-08 22:43:08 326

原创 认识Vuex

Vuex什么是Vuex安装使用vuex的核心概念什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用了集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。通俗讲可以将它看成把多个组件共享的变量全部存储在一个对象里面,然后,将这个对象放在顶层的vue实例中,让其他组件可以使用。使用场景大型单页应用。用户登录状态,用户名称,地理位置,商品的收藏,购物车中的商品。安装使用安装使用vuexnpm install vuex --save一般

2022-05-19 23:01:29 141

原创 Promise

Promisepromise的初步认识promise的三种状态一级标题promise的初步认识Promise是异步编程的一种解决方案promise的三种状态pending :等待状态,如正在等待网络请求fulfill : 满足状态,当主动回调了resolve()时,就处于该状态,并且会回调.then()reject : 拒绝状态,当主动回调了reject()时,就处于该状态,并且会回调.catch()在这里插入代码片promise的三种状态pending :等待状态,如正在等待网络请求。

2022-05-03 20:22:50 770

原创 Vue Router

Vue Router认识路由vue-router的基本使用vue-router嵌套路由vue-router参数传递vue-router导航守卫keep-alive认识路由  vue-router是基于路由和组建的,路由用于设定访问路径,将组件和路径映射起来。在vue-router的单页面应用中,页面路径的改变就是组件的切换。官方文档入口vue-router的基本使用安装和配置:步骤一:安装vue-routernpm install vue-router --save步骤二:在模块化工程中使用

2022-05-02 20:41:15 288

原创 vue插槽

插槽组件的插槽是为了让我们封装的组件更加具有扩展性让使用者可以决定组件内部的一些内容到底展示什么基本使用<!-- 父组件 --><div id="app"> <cpn ></cpn> <cpn > <p>主页</p> </cpn> <cpn > <p>导航页</p> <input t

2022-04-30 21:23:52 376

原创 vue父子组件之间的通信

vue父子组件之间的通信通过props向子组件传递数据(父传子)在组件中,使用props来声明需要从父级接收到的数据props的值有两种表达方式:方法一:字符串数组,数组中的字符串就是传递时的名称方法二:对象,对象可以设置传递时的类型,也可以设置默认值<!-- 父组件 --><div id="app"> <cpn :cmovies="movies" :cmessage="message"></cpn></div><!

2022-04-28 11:56:29 1051

原创 vue的计算属性与侦听属性

vue的计算和侦听属性计算属性(computed)侦听属性(watch)计算属性(computed)计算属性用于处理复杂的业务逻辑计算属性具有依赖性,计算属性依赖 data中的初始值,只有当初始值改变的时候,计算属性才会再次计算计算属性一般书写为一个函数,返回了一个值,这个值具有依赖性,只有依赖的那个值发生改变,他才会重新计算计算属性的完整写法其实是其中包含了getter和setter方法,声明一个对象,我们在获取数据时会调用get方法,设置数据时会调用set方法<div id="demo

2022-04-27 00:54:17 1379

原创 vue初体验

Vue初体验

2022-04-23 22:47:20 1759

原创 Flex语法

Flex1、指定为flex布局任何容器 display : flex行内元素 display : inline-flexWebkit内核浏览器 display : -webkit-flex ; display : flex2、布局的基本概念水平主轴 main axis垂直交叉轴 cross axis主轴开始/结束位置 main start main end交叉轴开始/结束位置 cross start cross end项目占据的主/交叉轴空间 main size cros

2021-10-22 13:10:05 272

空空如也

空空如也

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

TA关注的人

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