- 博客(22)
- 收藏
- 关注
RSS订阅原创 变量的解构赋值
1.什么是解构ES6中，按照一定的模式，从数组或对象中提取值，对变量进行赋值。这个过程叫做解构赋值。2.数组解构 // ES6 之前的写法 const arr = ["元素一", "元素二", "元素三", "元素四", "元素五"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; let four = arr[3]; let fiv
2021-02-24 19:15:32
158
原创 this指向
1.this在每一个函数中，都有一个内置的变量 this。大部分情况下，这个this存储是当前函数的调用者。this的指向在函数定义的时候是确定不了的。只有函数执行的时候才能确定this到底指向谁。function fn(){ console.log(this)}fn() //windowobj.fn // obj2.几种情况1.全局变量中指向windowfunction show(){ console.log(this);//window}show()2.在对象的方法中
2021-02-23 19:10:42
79
原创 对象分类、Math、Date对象、日期格式化
对象基础类型number 、string、 boolean、 null 、undefined引用类型数组、 函数 、对象对象是指一个具体的事物。万物皆对象。一个具体的事物一般都会有行为和特征。对象的行为------js对象的函数对象的特征------js对象的属性eg: 手机：行为：打电话 聊微信 玩和平精英 刷新闻特征：颜色 屏幕分辨率 摄像头像素JavaScript中的对象JavaScript中的对象可以看做生活中具体事物的抽象。js对象是属性+函数
2021-01-06 20:15:27
185
原创 数组方法+数组的排序
数组(array)当我们需要处理一组数据时，一定会定义很多变量，比较难处理。这个时候我们就需要用到数组。概念数组：一组数据的集合。其中每个数据被称为数组的元素。在数组中存放任意类型的数据。数组是将一组数据存储到单个变量名下的方式。数组声明三种声明：1.通过new关键字创建数组。 var arr = new Array(10, true, "hello", 11); document.write(arr);2.省略new关键字创建数组var arr = Array(10, true, "
2021-01-04 19:58:00
228
原创 选择+循环
程序的三大流程语句顺序：从上往下执行选择：根据不同的情况，执行相应的操作循环：重复做一件事情顺序顺序：最基本最简单的程序流程结构选择格式: if(条件表达式){ //条件为true时，执行的代码 }else{ //条件为false时，执行的代码 }【注】：1.小括号中可以写任何表达式，但是推荐使用条件表达式。2.默认为双分支。else可以省略，省略之后变成单分支if判断。多分支语句
2021-01-03 17:31:41
173
原创 运算符
运算元运算元：运算符应用的对象。1 + 2 = 3运算符一元运算符：只有一个运算元的运算符。var a = -1;a = -a;表达式：由运算符和变量/常量组成的式子a+1 1+2 3+5 5-4 a-b c*d常见的数学运算符 + - * / % 指数：**1.多个数字和字符相加时，注意顺序不同，结果也会不同 var a = 3 + 4 +'5' ; 75 var a = '3' + 4 + 5 ; 345 1-'2'
2021-01-03 16:41:07
116
原创 JavaScript简介+数据类型
JavaScript简介web前端有三层：html 页面结构css 页面样式javascript 行为 （与用户交互）用途：数据验证网页特效游戏开发动态加载数据node.js开发服务器手机app为什么要学习JavaScript在web前端里，JavaScript能跨平台，跨浏览器驱动页面，与用户交互。它的功能很强大，用途很广泛。它有着很大的社区，广泛的图书与文献，代码资源丰富。JavaScript简介JavaScript 一个面向对象的跨平台脚本语言
2020-12-29 22:50:35
162
1
原创 em+rem+sass
emem:相对单位，它需要一个参考属性。当前元素的字体大小。remrem：相对单位 root em。参考值为：HTML根标签的font-size的值。iPhone5 320px 上面有640个像素点。 1px=1个物理像素点 1px=2个物理像素点。 160/320 一半iPhoneX 375px 187.5rem布局的原理动态修改html根标签中的font-size值。实现方式：1.通过js2.通过vw。百分比布局缺点：1.计算百分数不方便。2.多层嵌套时使用不方便
2020-12-24 20:52:48
108
1
原创 弹性盒子
弹性盒子垂直居中：传统：绝对定位。flex：flexible box（弹性盒子）。可以轻松控制元素的排列，对齐和顺序。定义使用display：flex或display：inline-flex 声明一个容器为弹性盒子。这个容器中的子元素们，会遵循弹性布局。【注】一般是使用display:flex；display：inline-flex极少用。display：fle:如果没有为父元素设置宽，默认为100%；display：inline-flex：如果没有设置宽，，默认为所有子元素的宽的和
2020-12-21 20:52:23
371
原创 动画+滤镜
动画之前使用过渡遇到的一些问题：1.需要重复过渡效果时无法实现2.只能通过hover等方式才能出发。动画：1.通过**@keyframs定义**动画。2.在指定元素中，通过animation属性来调用动画。1.定义动画格式：@keyframes 动画名 { from{ /* 初始帧 */ } to{ /* 结束帧 */ }}【注】动画名不要起关键字，最好见名知意
2020-12-17 20:48:33
146
原创 3D旋转+位移+透视
3D旋转transform: rotate3D(x,y,z,deg);x,y,z 是一个0/1的数值，0表示不旋转，1表示旋转，deg表示旋转的角度 .box { transform: rotate3D(1,1,1,180deg); }rorateX，X轴旋转rorateY，Y轴旋转rorateZ， Z轴旋转 .box:hover { transform: rotateX(180deg); transform: rota
2020-12-17 13:27:44
272
1
原创 transition过渡+transform属性+2D+3D旋转、位移、透视
w3c会员：各大互联网巨头它设定了整个平台的规则，监督整个过程。浏览器前缀谷歌 苹果 -webkit-火狐 -moz-IE -ms-欧朋 -o-过渡transition 过渡之前：元素从一个状态到另外一个状态（hover）直接切换，从开始状态到结束状态瞬间完成，中间过程几乎不可见。css3新增了过渡这个属性，可以实现元素不同状态之间的平滑过渡。transition-property:指定过渡的属性。 all为指定所有属性都有过渡效果。 必须ransition-du
2020-12-15 19:48:45
670
原创 清除浮动+常用定位+压盖效果
一、清除浮动方法1给父元素设置高度eg：不推荐理由：不能把高度固定死，不适合做自适应的效果。方法2方法3方法4方法5方法6方法7二、伪元素三、ifont图标四、定位1.相对定位2绝对定位3.固定定位4.z-index五、...
2020-12-11 20:50:56
234
原创 内外边距+盒模型+浮动
一、盒子盒子：容器盒子模型：英文：box model。最常见的盒子是;div 、span盒子中的区域：content1.宽 width px content2.高 height px content3.内边距 padding4.外边距 margin5.边框 border注意 ; 标准盒模型的宽和高与盒子真实占有的宽高不是一个概念。盒子真实占有的宽：内容的宽+左padding+右padding+左边框+右边框盒子真实占有的高：内容的高+上padding+下padd
2020-12-09 20:46:17
224
原创 CSS入门
css1.继承继承:有一些属性给父类或祖先元素设置后，其后代元素也会继承该样式，这就叫做继承性。继承性是从当前元素开始，一直到最小的元素。后代元素能够继承来自祖先元素的文字样式。这些属性包括：color，text-开头，line-开头的，font-开头的。关于盒子、定位、布局的属性，不能被继承。...
2020-12-08 20:46:51
114
原创 常见选择器
选择器一、元素选择器1.标签选择器选择器的功能：选中要添加样式的标签元素。标签选择器通过标签名直接选择相应的标签。不管有多复杂的嵌套关系，标签的位置就算藏得很深，依然可以被标签选择器命中。(1)格式标签名{ 声明; }eg： div{ color: red; } p{ background-color: sandybrown; } a{
2020-12-07 20:38:21
766
1
原创 表单+CSS
一、表单1.概念用来收集用户输入或选择的信息，并提交到服务器上。html表单是由网页上可以提供用户输入和选择的一些控件（表单元素）组成的。eg：网站注册：轻注册重验证2.表单元素元素：HTML中，是从开始标签到结束标签中的所有代码。表单元素指的是不同类型的控件。 输入框，密码框，复选框，提交按钮等。3.表单格式表单格式： <form> h1 p div span 表单元素 </form>
2020-12-06 22:29:01
649
原创 列表+链接+表格笔记
一.列表1.组成：dl 、dt 、dd，三个标签参与。dl:定义一个定义列表dt:定义标题（列表项）dd：对标题的说明和解释嵌套关系：dl>dt+dd.格式： <dl> <dt></dt> <dd></dd> </dl>2.知识点：dt与dd是同级一个dt可以用多个dd来解释。dd是解释上面最近的一个dt。3. 应用场景：需要
2020-12-03 20:35:44
118
原创 HTML的介绍
一、HTML的介绍1、HTML的概述：html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。超文本：音频，视频，图片称为超文本。标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。作用：HTML是负责描述文档语义的语言。注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解
2020-12-03 13:23:12
4092
原创 基本概念
基本概念互联网原理IP概念：IP是Internet Protocol（网际互连协议）的缩写，是TCP/IP体系中的网络层协议。设计IP的目的是提高网络的可扩展性：一是解决互联网问题，实现大规模、异构网络的互联互通；二是分割顶层网络应用和底层网络技术之间的耦合关系，以利于两者的独立发展。IP主要包含三方面内容：IP编址方案、分组封装格式及分组转发规则。IP是整个TCP/IP协议族的核心，也是构成互联网的基础。IP位于TCP/IP模型的网络层(相当于OSI模型的网络层)，对上可载送传输层各种协议的信息，
2020-12-03 09:43:56
453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人