自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue路由视图

vue路由视图<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-29 08:20:54 361

原创 vue路由嵌套学习

vue路由嵌套<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-29 08:19:43 211

原创 vue的路由学习

vue路由<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html class

2020-10-29 08:17:54 213

原创 vue组件插槽二

vue组件插槽<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-29 08:15:45 87

原创 vue组件插槽一

vue组件插槽<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-29 08:14:42 118

原创 vue数据传递--父传子-方法传递

vue数据传递二<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cl

2020-10-29 08:13:25 1273

原创 vue数据交互--父传子

vue数据交互一<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cl

2020-10-29 08:11:50 177

原创 vue组件渲染

vue组件渲染<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-29 08:10:02 273

原创 vue组件的创建方法

vue组件的创建<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cl

2020-10-29 08:07:40 217

原创 vue自定义指令学习

vue自定义指令<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cl

2020-10-28 08:30:37 130

原创 vue中DOM的获取

vue中DOM的获取<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html

2020-10-28 08:29:21 268

原创 vue的条件渲染和遍历

vue的条件渲染和遍历<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html

2020-10-28 08:27:29 423

原创 vue属性和样式的绑定

vue属性和样式的绑定<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html

2020-10-28 08:26:07 124

原创 vue事件的绑定

vue事件绑定<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-28 08:24:49 171

原创 VUE计算属性和监听

vue计算属性和监听<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html

2020-10-28 08:22:55 120

原创 vue过滤器使用学习

vue过滤器的使用<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html c

2020-10-28 08:20:58 197

原创 VUE表单操作和基本修饰符

VUE表单操作<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-28 08:19:25 201

原创 VUE过渡动画学习

VUE过渡动画<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-28 08:17:33 175

原创 VUE的创建和基本指令

VUE的创建和基本指令的使用<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <h

2020-10-28 08:15:07 292

原创 CSS动画效果学习

CSS动画<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 动画 animation 可以指定一个元素从一个状态自动到另一个状态的过程 animation-name:自定义动画名字 animation-duration:指定动画的完成时间

2020-10-27 21:45:17 193

原创 CSS过渡效果学习

CSS过渡学习<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 过渡transition 可以指定一个元素从一个状态过渡到另一个状态的过程 transition-property:指定要过渡的元素的属性 transition-duration:指定

2020-10-27 21:43:31 123

原创 CSS渐变笔记

CSS渐变<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 渐变 渐变是图片需要background-image来控制 线性渐变 linear-gradient() 使用用法:background-image:linear-gradient(to方向或角度

2020-10-27 21:41:57 114

原创 CSS伸缩盒子模型

css伸缩盒子模型<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html c

2020-10-27 21:40:46 465

原创 CSS基础文本样式笔记

CSS基础文本样式<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html c

2020-10-27 21:37:57 188

原创 CSS基本选择器笔记

CSS基本选择器<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cl

2020-10-27 21:35:53 196

原创 CSS元素定位笔记

CSS元素定位<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cla

2020-10-27 21:33:55 93

原创 HTML图片标签基础用法

HTML图片标签基础用法!<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <ht

2020-10-25 12:31:12 399

原创 HTML列表标签复习

HTML列表标签!<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html c

2020-10-25 12:29:33 278

原创 解决高度坍塌和外边距重叠问题

解决高度坍塌和外边距重叠问题<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 解决高度塌陷和外边距重叠问题clearfix */ .clearfix::before, .clearfix::after{ content:" "; display:table;

2020-10-25 12:25:40 127

原创 CSS盒子模型复习

盒模型复习<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 盒子模型:必须规定 width height 外边距: margin:上 右 下 左 margin-top:上外边距 margin-bottom:下外边距 margin-

2020-10-25 12:24:01 143

原创 HTML表格标签复习

HTML表格标签!<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html c

2020-10-25 12:22:10 180

原创 HTML表单标签复习笔记

HTML表单标签<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html cl

2020-10-25 12:20:13 294

原创 HTML基本文本标签

HTML基础文本标签<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--><!--[if IE 8]> <html

2020-10-25 12:17:23 473

原创 小米商城布局练习

小米商城布局练习小米商城还是很适合刚学HTML css的同学们,主要是一些简单的布局和样式的设置。HTML部分代码<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![en

2020-10-23 19:20:56 2269 2

空空如也

空空如也

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

TA关注的人

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