自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js基础(3)~元素属性修改,节点,定时器,三木运算符,js事件,鼠标,键盘事件,日期类,访问元素的尺寸和位置

目录一.元素的属性修改和自定义属性二.元素的添加和删除三.Js中访问元素的尺寸和位置四.属性类型节点五.文本类型节点六.定时器七.三目运算符(条件运算符)八.日期类九.Js事件绑定方法十.鼠标事件十一.键盘事件十二.元素的滚动事件十三.事件的传播过程通知一.元素的属性修改和自定义属性Html标签属性可以分为2种;html标准属性:在html语法中能够直接被浏览器识别,有专门用途。自定义属性:标准属性之外的都叫做自定义属性,满足个性化。基本所有的html属性都可以使用对象.属性的形式访问,

2021-01-17 17:19:31 250

原创 js基础(2)~数组,对象,函数,字符串对象,math对象,DOM节点,非布尔值当做布尔值使用,

目录1.数组2.数组常用的方法3.字符串对象4.函数5.Js中数据类型6.对象7.封箱(装箱)操作8.Math对象:9.非布尔值当做布尔值使用10.DOM节点1.数组(1)存储多个同类型的数据时,可以使用 数组(array) ,数组是引用类型。创建数组的2种方式//第1种创建方式.使用new关键字var nameList = new Array();//第2种创建方式,使用[]字面量。var nameList = [];(2)数据在数中以索引(序号)进行存储,数据在数组中是有序的。可以

2021-01-17 15:54:45 196

原创 js基础(1)~js定义,基本数据类型,js运算符,if,while循环结构,for循环

1.页面中运行js:(1)javascript,简写为js,是一种函数式、弱类型的脚本语言。(2)在一个网页中:HTML负责页面中有什么。CSS负责页面长什么样子。JS负责页面能够干什么。JS能够控制HTML和CSS(3)Js在页面中运行有两种方式:直接在script标签中写js代码。引用外部js文件。Src属性填写的是外部js文件的绝对路径。<script src="name.js"></script>控制台输出:Console.log一个页面中是

2021-01-10 17:21:26 177

原创 HTML基础(3)~长度单位,元素阴影和文本阴影,表单元素,响应式布局

目录1.长度单位:2.行内垂直居中3.元素阴影和文本阴影:4.表单元素:5.响应式布局:1.长度单位:(1)Px:像素,1px相当于屏幕上1个最小的显示单元。(2)Em表示当前元素的父元素的字体大小。(3)Rem表示根元素的字体大小。(4)1vw表示浏览器窗口宽度的1%。(5)1vh表示浏览器窗口高度的1%。2.行内垂直居中vertical-align: middle;3.元素阴影和文本阴影:Box-shadow:设置元素阴影,五个参数:横向偏移量,纵向偏移量,模糊程度,阴影大

2021-01-10 16:49:00 184

原创 HTML基础(2)~图片精灵,盒模型,浮动布局,弹性布局,css动画,变形

1.图片精灵(雪碧图)(1)Link标签:引入外部文件 <link rel="stylesheet" href="sprite.css">(2)用到图片精灵的时候如何设置背景大图的尺寸?不用看大图的原有尺寸,先看纵向和横向有多少小图,然后分别用个数*元素对应轴的尺寸。(3)图片精灵的定义:将很多张小图整合成一张大图片,然后通过css样式在页面中显示出来某个小图片,这种技术叫图片精灵。(4)图片精灵的好处:1.减少页面的请求次数,2.提高页面的加载速度。2.元素盒模型(1)一

2021-01-10 16:25:29 372 3

原创 HTML基础(1)~元素,定位方式,列表,表格,语义化标签,css选择器

1.html简介:HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页2.元素:(1)元素=标签+属性+内容(2)布局:static,静态流式布局。(1)块元素、行元素、行内块元素块元素:独占一行,可以设置宽高。标签:div,p,h1—h6。如果不设置

2021-01-10 01:39:44 170

原创 前端开发遇到的坑

1.元素消失的方案(1)Visibility:hidden;元素隐藏但保留位置,(2)display: none;元素隐藏且不保留位置。2.vue中v-if和v-show的区别(1)v-if的原理是根据判断条件来动态的进行增删DOM元素,(2)v-show是根据判断条件来动态的进行显示和隐藏元素。(3)v-for比v-if优先级高,3.Css中px,em,rem的区别(1)px像素(Pixel),相对长度单位,相对于屏幕分辨率而言。(2)em:相对长度单位,相对于当前容器内的文本

2020-12-22 10:13:57 388

原创 vue基础

Vue基础1.双向绑定,2.组件化开发,(代码复用),3.模板语法:{{}},vue指令,修饰符,过滤器(工具函数)4.条件语句:v-if和v-show,(1)v-if的原理是根据判断条件来动态的进行增删DOM元素,(2)v-show是根据判断条件来动态的进行显示和隐藏元素。(3)v-for比v-if优先级高,5.watch 和 computed 和 methods 区别是什么?(1)当页面中有某些数据依赖其他数据进行变动的时候,可以使用computed(计算属性)。compu

2020-12-20 17:09:16 84

空空如也

空空如也

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

TA关注的人

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