![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 86
no_name_sky
这个作者很懒,什么都没留下…
展开
-
vue第三堂课
开启路由新篇章前段路由介绍vue+vue-router 主要是来做单页面应用(Single Page Application)为什么要做单页面应用:传统的开发方式url改变后立马发送请求到后端,响应整个页面,有可能资源过多,传统开发会让前端整个页面出现“白屏”,用户体验不好SPA(单页面应用):锚点值的改变后,不会立刻发送请求,而是在某个合适的时机,发送ajax请求,局部改变页面中的数据,页面不立刻跳转,用户体验好。前段路由原理锚点值(锚点值就是a标签的href属性) 监视ajax获取原创 2021-12-18 15:32:58 · 532 阅读 · 1 评论 -
vue第二堂课
组件局部组件使用局部组件,在哪里使用就去哪里挂载。页面布局:头部、侧边栏、内容区域1.页面中肯定有一个入口组件,需要先声明入口组件。2.挂载子组件3.使用子组件<!DOCTYPE html><html><head> <title></title> <style type="text/css"> </style></head><body><div id='app'原创 2021-12-14 22:26:01 · 235 阅读 · 0 评论 -
vue第一堂课
vue介绍,入门知识点原创 2021-12-09 21:55:09 · 522 阅读 · 0 评论 -
DOM的案列
需求一打开网页时,点击登录显示一个背景图,中心弹出一个登录框,登录框右上角又关闭按钮点击关闭。原创 2021-06-30 14:18:46 · 65 阅读 · 0 评论 -
认识DOM
什么是DOMDocument Object Model 文档对象模型,可以理解为代表网页文档的一颗树(模型)。document对象是树根,html,head,body都是树节点。在DOM中一切都是节点(或者元素),元素、节点表示的就是标签对象。DOM用来干什么找对象(元素节点)(获取DOM)设置标签的属性值设置标签的样式动态创建元素和删除元素事件的触发响应:事件源、事件、事件的驱动程序获取DOM对象...原创 2021-06-29 20:59:15 · 78 阅读 · 0 评论 -
css定位
相对定位使用position:relative;来设定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box1{ width:200px; height:200px; background-color:red; /*如果当前盒子只设置相对定位原创 2021-06-23 18:27:40 · 61 阅读 · 1 评论 -
background系列使用
backgroud-image使用将本地照片传递到background-image属性中,会在div中显示背景照片,如果照片大小和设定的大小不一致,会出现平铺现象。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ h原创 2021-06-22 14:51:45 · 678 阅读 · 0 评论 -
css浮动
浮动的介绍指的是一个元素脱离文档流,悬浮在父元素之上的现象。网页的制作,是一个“流”从上而下,编织每一个标签的(和织毛衣一样,从上到下),不能像PS设计软件,想在哪里画就在哪里画。文档流的一个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浮动</title> <style> *原创 2021-06-21 14:46:32 · 125 阅读 · 0 评论 -
css盒模型
盒模型介绍盒模型有五个属性:内边距 padding外边距 margin边框 border高度 height宽度 width用月饼来解释一下这几个属性:将上图降为一个二维来看,月饼袋子到黄色壳子之间的距离a是外边距(margin)。黄色壳子e就是边框(border).黄色壳子到月饼之间的距离b就是内边距(padding)。月饼的高度c和宽度d就是内容的高度(height)和宽度(width)也就是能吃的那一部分大小)。结合代码来看:<!DOCTYPE html>&l原创 2021-06-16 10:25:37 · 65 阅读 · 0 评论 -
css的特性
继承性css就是在设置属性的,设置的是style的属性。给父级标签设置一些属性,子级标签继承了父级的该属性。有一些属性是可以继承的:color,font-*,text-*,line-*文本元素。像一些盒子元素,定位元素(浮动,绝对定位,固定定位是不能继承的。允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。即孙子标签同时继承爷爷,父亲标签的属性。<!DOCTYPE html><html lang="en"><head> <meta原创 2021-06-11 16:03:19 · 47 阅读 · 1 评论 -
css引入方式和选择器
css是指层叠样式表,样式定义如何显示HTML元素。通常会把样式规则的内容保存在css文件中。原创 2021-06-10 16:36:53 · 95 阅读 · 0 评论 -
HTML简单入门
html 文档结构html是网页组成的结构部分,对内容的骨架搭建。其书写格式是标签形式,有双闭合和单闭合标签。<!--第一行声明文档的类型,标记文档为HTML5的文件,必须进行此声明--><!DOCTYPE html><!--页面的根节点--><html lang="en"><head><!-- head标签中包含头部的信息,是一个容器,可以包含style title meta script link 等-->&l原创 2021-06-07 21:25:55 · 84 阅读 · 0 评论