自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 VUE---学习进阶09

好久未更新,今天更新一下vuex,之后就可以做简单的项目了。可能会断更几天!! 1.vuex基础使用(安装,引入,使用,挂载) 1.安装 cnpm i vuex --save 2.import Vuex from 'vuex' 3.Vue.use(Vuex) 4.const store = new Vuex.Store({}) 5.new Vue({ store, }) 2.vuex的四个属性 state:数据 mutations:修改数据(方法)常用于同步方法 actions:给组件派发动作(执行方

2020-10-26 21:43:14 23

原创 VUE---学习进阶08

1. axios 前面已经说过传参的方式不同获取方式不同,这里总结一下: 1.通过?传参,需要需要传递参数 需要用$route.query.xxxx 2.通过/:id传参,需要需要传递参数 需要用$route.parms.xxxx 传递参数: axiso发送请求 : get---->传递参数–>params post—>传递参数—>data 2.qs使用 目的:就是为了解决通过post发送数据给后台的时候会出现接收不到数据的情况。 步骤: 1.npm i qs --save 2.引入

2020-10-19 21:44:15 31

原创 VUE---学习进阶07

1. 守卫 说明:三个不一定同时使用,按需加载 1.1全局守卫 分为全局前置守卫和全局后置守卫 (1)全局前置守卫钩子函数: 是当前项目中所有的路由规则被访问之前,可以进行一定的验证和拦截操作 router.beforeEach((to,from,next)=>{ //to 目标路由地址 //from 来源路由地址 //next 函数,用来执行或改变默认的路由规则 }) (2)全局后置守卫钩子函数 没有next函数 是当前项目中所有的路由规则被访问之后,没有验证和拦截的功能,一

2020-10-18 21:44:25 48

原创 VUE---学习进阶06

1.补充小知识点 1.1 scoped 作用:设置样式只在当前页面起效果 <style scoped> .box{ width:100px } </style> 1.2 ref使用 ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是DOM元素;如果用在子组件上,引用就指向组件实例。 上面这句话的意思: <div class="box" ref='box1'>我是父组件</div&g

2020-10-18 19:21:58 54

原创 VUE---学习进阶05

书接上回: 所有组件写在src的components中 组件包含的主要内容: 1.组件传值 1.1父子传值(子调用父中的数据) 父子传值只要分为三大类: 1.父变子变 子组件直接通过props接收即可 2.子变父不变 但是子报错 把父组件传递过来的值在自己的mounted中进行重新复制,再渲染到页面即可解决 3.父变子变 子变父变 父组件传递json对象给子组件,子组件通过props接收后直接渲染即可 1.父变子变 子组件直接通过props接收即可 父组件写法: <v-child

2020-10-14 22:21:56 56

原创 VUE---学习进阶04

1.动画 动画分为六个阶段:前三个是进入动画,后三个是离开动画 注意:所有要实现动画的标签,一定要放在transition中,可以给其设置name,将v改成name的值即可。 1.v-enter 动画进入 2.v-enter-active 动画执行过程 3.v-enter-to 动画进入完成 4.v-leave 动画离开的初始状态 5.v-leave-active 动画离开过程 6.v-leave 动画离开完成 .v-enter { } .v-enter-active {

2020-10-14 08:45:38 99 2

原创 VUE---学习进阶03

1.跨域 什么是跨域:协议,域名,端口号只要有一个不一致就叫做跨域 jsonp解决跨域问题 1.动态创建script标签 var os = document.createElemnt('script') 2.设置src os.src = '地址' http://suggestion.baidu.com/su?cb=aa&wd=123 3.添加到页面 document.body.appendChild(os) 4.设置回调函数 aa function aa(res) {

2020-10-12 23:04:26 75 1

原创 VUE---学习进阶02

1.表单的操作 1.1 单选框 v-model双向绑定,获取选中的value值,绑定给data中的sex,进而渲染到页面上。 注意:对于单选框来说,选中的时候,会把自己的value值赋值给变量 <body> <div id="app"> <h3>性别:</h3> <input type="radio" v-model='sex' value="男">男 <input type="r

2020-10-10 21:39:47 81

原创 VUE---学习进阶01

1.VUE官网 https://cn.vuejs.org/(开发环境和生产环境地址不同,详情请参考官网) 2.vue优点 易用,灵活,高效 3. 库和框架的区别 库:只具有一种功能 框架:具有完备的功能 4. vue特点 数据驱动 组件化 单页面应用 5.vue中的指令 v-text:与原生的innerText一致,只识别字符串 v-html:与原生的innerHTML一致,可以识别标签 6.vue中指令和插值的使用 插值表达式后面的内容会展示(即 “我是插值” 会显示出来) <div>我是

2020-10-09 20:46:20 90

原创 HTML+CSS---进阶学习05

一、定位 1.相对定位 position: relative; left: 50px; top: -50px; 不脱离文档流 如果给一个标签只设置positon:relative , 不加关键词,就对该元素没有影响 配合top , right , bottom , left 使用(可以为负值) 提升层级(可通过z-index设置它的层级) 相对于自己原来的位置进行定位 2.绝对定位 position: absolute; bottom: 0; right: 0; 脱离文档流,也脱离了文本流

2020-10-10 21:40:21 25

原创 HTML+CSS---进阶学习04

一、margin存在问题 1.重叠 两个相邻的盒子同时设置margin-bottom 和margin-top ,会发生重叠问题 解决 避免使用,只给其中一个盒子设置 给其中一个盒子加一个父元素,给这个父元素设置 overflow:hidden <div class="box"></div> <div class="father"> <div class="box1"></div> </div&

2020-10-09 21:04:11 126

原创 HTML+CSS---进阶学习03

一、列表 1.有序列表 其中,ol里边只能放li标签,li的父元素只能是ol或者ul , li里可以放其他标签 <ol type="1" start="3" reversed> <li>少年</li> <li>微微</li> <li>857</li> </ol> type : 排列顺序的类型 1 a A i I start 从几开始排列 re

2020-10-09 21:00:47 26

原创 HTML+CSS---进阶学习02

一、css样式的引入方式 1.内部样式 位置:在head标签里写style标签,在style标签里写样式 <style> /* 语法: 选择器{ 属性名:属性值; 属性名:属性值; } */ div{ width: 100px; height: 100px; background-color: yellow; } </style> 2.行间样式 语

2020-10-09 20:54:05 43

原创 HTML+CSS---进阶学习01

一、三大核心语言 HTML(Hypertext Markup Language) 超文本标记语言 结构 CSS(Cascading Style Sheets) 层叠样式表 样式 JS(JavaScript) 脚本语言 行为,动作 1.后缀 .html 网页 .css 样式 .js 脚本 2.标签(标记,元素) 大部分都是成对出现的,也有单独出现的 由尖角号+关键字组成 成对出现的,前边的叫开始标签,后边的叫结束标签 单独出现的标签,叫空标签或者自闭合标签

2020-10-09 20:51:38 70

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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