「已注销」-优快云博客

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

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

2021-01-17 17:19:31 293

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

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

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

原创 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 399 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 206

原创前端开发遇到的坑

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 407

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