「已注销」-CSDN博客

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

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

2021-01-17 17:19:31 234

原创 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 185

原创 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 166

原创 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 173

原创 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 347 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 159

原创前端开发遇到的坑

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 377

原创 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 75

wangdalong2020的博客