自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何认识Vue和学习Vue

认识Vuevue.js是目前最火的前端框架,vue是前端的主流框架之一,和angular、React一起,并称前端三大主流框架。Vue是一套用于构建用户界面的渐进式JavaScript框架。Vue的官网:https://cn.vuejs.org/index.html安装VueVue的安装首先下载vue.js文件,然后在html中通过script标签导入<script src="js/vue-2.6.13-min.js"></script><scrip

2022-03-24 20:39:09 783

原创 ES6整理笔记

一、 数组的解构赋值1.1 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 。以前为变量赋值,只能直接指定值。例如let a = 1;let b = 2;let c = 3;es6可以写成这样let[a,b,c]=[1,2,3];上面的代码表示可以从数组中提取值,按照对应位置,对变量赋值。如果解构不成功,变量的值就等于undefined。1.2 不完全解构1.2.1变量名比等号右侧的值少,且没有其他特殊处理的话,多出的值会被忽略..

2022-03-10 17:39:18 100

原创 2021-11-11

弹性布局介绍 Flexbox是flexible box的简称(意思是"灵活的盒子容器"),是CSS3引入的新的布局模式。它决定了元素如何在页面上排列,使他们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为Flexbox,是因为它能够扩展和收缩flex容器内地元素,以最大限度地填充可用空间。与以前布局方式(如table布局和浮动元素内嵌元素)相比,Flexbox是一个更强大的方式 在不同方向排列元素 重新排列元素的显示顺序 更改元素的对齐方式...

2021-11-11 19:22:28 119

原创 2021-11-11

CSS3选择器长度单位 px 像素 绝对单位 em 相对于当前对象内文本的字体尺寸 rem 相对长度单位。相对于根元素(即html元素)font-size计算值的倍数 vw 相对单位, 相对于视口(窗口)的宽度 vh 相对单位, 相对于视口(窗口)的高度角度单位 deg 角度时间单位 s 秒 ms 毫秒颜色 单词 16进制表示法 # 6位16进制数表示 rgb(red,green,blue) rgba(r...

2021-11-11 14:30:57 243

原创 2021-11-11

HTML5标签1.1 废弃的标签 acronym applet basefont big center dir font frame frameset noframes strike1.2 新增标签1.2.1 语义和结构标签a. 注释注解标签<ruby>英雄<rt>ying xiong</rt></ru...

2021-11-11 14:17:52 87

原创 2021-10-20

一、事件1.1 鼠标事件语法: 事件对象(dom元素).事件名称(function(){})1. 鼠标单击事件 click()<style> .clk{ width: 200px; height: 180px; background-color: red; } .active{ background-color: blue; }</style><div c...

2021-10-20 19:45:16 55

原创 2021-10-4

一、样式1. css() 为dom对象设置样式第一种用法: css(属性名称,属性值) 一次只能设置一个样式<div class="demo">设置一条样式</div><script>$('.demo').css('color','blue').css('background-color','red')</script>第二种用法:css({属性名称:属性值,属性名称:值....})设置一条样式二、DOM...

2021-10-04 21:27:11 83

原创 2021-09-28

DOM是文档的对象模型,根据W3C DOM规范为文档提供了一种结构化表示方法,通过改方法可以改变文档的内容和展示形式。通常来说,DOM操作分为3方面:DOM Core、HTML-DOM和CSS-DOM.1、DOM CoreDOM Core(核心 DOM)它不属于任何语言,它是一组标准的接口,任何一种支持DOM的程序语言都可以使用它。JavaScript中的getElementByld()、getElementsByTagName()、getAttribute()、setAttribute()等方

2021-09-28 23:30:33 84

原创 2021-09-17

HTML/CSS/JS的关系html负责页面内容显示和结构css页面美化js与用户交互面试题:网页的三层结构结构是什么?各自的作用结构层、表现层、行为层script标签的使用<!--嵌入的方式--><script> js代码</script><!--外部js文件引入的方式--><scriptsrc="js文件路径"></script><!--标签内部--><!--事件属性-->

2021-09-17 19:43:35 72

空空如也

空空如也

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

TA关注的人

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