- 博客(23)
- 收藏
- 关注
RSS订阅原创 2021-02-24let和const，变量的解构赋值，函数扩展
let1.ES6简介ECMA是一个标准 JavaScript是ECMAScript的实现。ES6是ECMAScript的一个版本，是2015年发布的，ES2015.2.let关键字ES6新增的关键字，用来声明变量。用法类似于var，但是所声明的变量，只在let所在的代码块有效。var a = []; for (var i = 0; i < 10; i++) { a[i] = function(){ console.log(i); }
2021-02-27 18:04:03
921
原创 2021-02-26构造函数
构造函数1.什么是构造函数定义：在js中，使用new关键字来调用的函数，被称为构造函数。构造函数的作用：创建对象。2.为什么要使用构造函数假如需要创建多个类似的对象，我们会书写很多重复的无意义代码。此时我们使用构造函数，方便快捷的创建一个对象。如何封装一个构造函数将一个对象的特征作为属性，将它的行为作为方法。function Dog(name,age,breed,color){ this.name = name; this.age = age; this.breed
2021-02-27 17:01:11
589
原创 2021-02-23this指向和强行改变this指向
文章目录this指向1.this2.几种情况1.全局变量中指向window2.在对象的方法中指向调用者3.在事件绑定中，指向目标对象。4.定时器处理函数中，指向window3.强行改变this指向3.1 call()3.2 apply()3.3 bind()this指向1.this在每一个函数中，都有一个内置的变量 this。大部分情况下，这个this存储是当前函数的调用者。this的指向在函数定义的时候是确定不了的。只有函数执行的时候才能确定this到底指向谁。function fn(){
2021-02-23 20:21:44
115
原创 2020-12-14背景图和Css3背景
文章目录一、背景图1.背景图2.背景图定位3.滚动二、CSS3背景原点1.背景原点2.Css3颜色3.Css3文本4.Css3属性5.线性渐变6.径向渐变一、背景图1.背景图background-img设置图片为背景。background-size:设置背景图片的大小属性值：px 单词单词：都会让图片等比例缩放。cover 将盒子铺满背景图，但是不保证图片的完整显示。contain 将图片完整的显示，不保证铺满盒子background-repeat 设置背景图片是否重复以及如何重复
2021-02-19 18:55:02
121
原创 2021-01-13事件对象
文章目录一、事件对象二、鼠标事件对象三、获取元素尺寸四、获取元素偏移量四、获取浏览器窗口尺寸一、事件对象对象可以看成 属性的集合 函数也是属性的一种。（属性和函数的集合）事件对象主要包含一些事件的信息。事件绑定：元素节点.on+事件类型 = 匿名函数；事件对象的产生：在事件绑定完成后，就自动生成了一个事件对象。事件绑定函数，因为不是在代码中直接调用函数，所以没有办法直接传参.浏览器会给咱们一个默认的参数，这个参数就是事件对象。获取事件对象：在标准浏览器中。直接在事件处理函数上定义一个形
2021-02-19 18:54:42
136
原创 2021-01-14事件案列
文章目录一、阻止浏览器默认行为二、1.一、阻止浏览器默认行为默认行为：a标签 自带点击效果form 表单自己会提交框选鼠标右键菜单表单事件：失去焦点：blur获取焦点：focus提交：submit重置：reset阻止浏览器默认行为：要在你阻止的行为中添加阻止方法。标准浏览器： event.preventDefault();IE低版本：event.returnValue = false; 兼容写法：if(event.preventDefault){
2021-02-19 18:54:14
91
原创 2020-12-15过渡、2D转换
文章目录一、浏览器前缀二、使用步骤1.一、浏览器前缀w3c会员：各大互联网巨头它设定了整个平台的规则，监督整个过程。现在学习的是css2.1 但是到css3时，就要考虑兼容性问题。浏览器前缀 谷歌 苹果 -webkit- 火狐 -moz-IE -ms-欧朋 -o-sass二、使用步骤1....
2021-02-19 18:53:35
202
原创 2020-12-11盒子隐藏与背景图
文章目录一、盒子隐藏二、图片色1.背景系列二、背景图一、盒子隐藏给一个图片盒子设置隐藏<a href="#" class="link">放上来看看 <div class="box"> <img src="img/m.jpg" alt=""> </div> </a>设置隐藏.box { display: none; }行
2021-02-19 18:53:01
207
原创 2020-12-01基本概念与开发环境
基本概念前言一、前端开发工程师是什么？二、前端开发主要学习什么？三、常见浏览器四、互联网基本概念1.IP2.域名3.局域网4.广域网5.服务器6.IPv47.NAT8.IPv69.域口映射10.C/S11.B/S总结新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表F
2021-02-19 18:52:34
163
原创 2020-12-04表单和Css概念
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、表单表单含义1.form标签2.input标签2.1输入框2.2密码框2.3单选框2.4多选框2.5 按钮2.6文件上传2.7隐藏域2.8通用属性3.label标签4.下拉菜单4.1select常用属性4.2option常用属性4.3optgroup分组5.文本域6.fieldSet标签一、表单表单含义用来收集用户输入或选择的信息，并提交到服务器上。html表单是由网页上可以提供用户输入和选择的一些控件（表单元素）组成
2021-02-19 18:51:28
567
原创 2020-12-02HTML及标签
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、HTML是什么？2、HTML是负责描述文档语义的语言3、HTML的网络术语二、标签1、计算机编码介绍2、单、双标签3.语法特性（1）HTML对换行不敏感，对tab不敏感（2）空白折叠现象（3）标签要严格封闭4.h系列标签5.p系列标签6.em、strong、delete、ins标签7.hr标签8.sub、sup、pre标签9.标签属性11.img标签12.路径问题13.ol标签14.ul无序列表、li列表项二、使用步骤1.引
2021-02-19 18:48:08
222
原创 2021-01-20JSON和本地存储
文章目录一、json字符串二、示例1、对象或数组转JSON字符串2、JSON字符串转对象或数组三、本地存储1、本地存储与服务器存储一、json字符串普通字符串 “abc123truelkgsjhgo”html格式字符串 "<h1>hgahgo</h1>" json格式的字符串键值对格式。 ‘“name”:“yasuo”’键和值都需要用双引号去包括。json用途：在网络传输时使用。 比如前后端交互， 不能够传输对象和数组的。 只能通过字符串形式去传输数据
2021-02-19 18:38:02
146
原创 2021-01-19正则表达式
文章目录一、正则表达式概念二、创建正则对象三、字符串中使用正则四、元字符五、练习一、正则表达式概念js 最初就是用来做表单验证的什么是正则表达式：regular expressionjs中RegExp类表示正则表达式 它是一个描述字符模式的对象正则作用：1.用来验证字符串是否符合规则2.从字符串中获取一部分符合规则的内容二、创建正则对象1.通过new关键字来声明一个正则对象第一个参数：正则的主体， 字符串第二个参数 ：修饰符 字符串var str = new RegEx
2021-02-18 15:51:56
860
原创 2021-01-08Bom和Dom
文章目录一、location地址栏对象1.URL2.location对象：二、navigator浏览器对象三、history历史对象四、浏览器卷去的高度四、浏览器滚动自定义滚动速度一、location地址栏对象BOM中location对象提供的方法，可以更改当前用户在浏览器中访问的URL，实现新文档的载入、重载以及替换等功能。1.URL统一资源定位系统（uniform resource locator;URL）是因特网的万维网服务程序上用于指定信息位置的表示方法。URL是由一串字符组成，这些字符可
2021-02-15 20:47:29
123
原创 2021-01-06对象及Math，Date
文章目录一、对象二、对象的分类1.内建对象2.宿主对象3.自定义对象三、基本类型与引用类型区别四、Math对象五、Date对象1.日期对象方法2.日期格式化一、对象基础类型number string boolean null undefined引用类型数组 函数 对象对象是指一个具体的事物。万物皆对象。一个具体的事物一般都会有行为和特征。例如 手机：行为：打电话 聊微信 玩和平精英 刷新闻特征：颜色 屏幕分辨率 摄像头像素对象的行为------js对象的函
2021-02-15 20:46:07
418
原创 2021-01-04数组及排序
文章目录一、数组array二、数组方法三、二维数组四、数组的排序冒泡排序选择排序一、数组array当我们需要处理一组数据时，一定性定义很多变量，比较难处理。这个时候我们就需要用到数组。概念：数组：一组数据的集合。其中每个数据被称为数组的元素。在数组中存放任意类型的数据。数组是将一组数据存储到单个变量名下的方式。数组声明三种声明：1.通过new关键字创建数组。2.省略new关键字创建数组3.字面量赋值【注】前两种方式，若传入参数只有一个，且为number时，这个数字表示声明的数组的长度，
2021-02-15 20:44:38
113
原创 2020-12-31流程语句
文章目录一、流程语句二、选择多分支语句：switch语句case分组三、循环while循环do while循环for循环一、流程语句程序的三大流程语句顺序：从上往下执行选择：根据不同的情况，执行相应的操作循环：重复做一件事情1.顺序：最基本最简单的程序流程结构二、选择选择格式:if(条件表达式){//条件为true时，执行的代码}else{//条件为false时，执行的代码}【注】小括号中可以写任何表达式，但是推荐使用条件表达式。默认为双分支。else可以省略，省略之后
2021-02-15 20:41:44
67
原创 2020-12-30运算符
文章目录一、运算元二、数学运算符三、一元运算符四、赋值运算符五、关系运算符六、逻辑运算符七、三元运算符八、优先级一、运算元运算元：运算符应用的对象。1 + 2 = 3一元运算符：只有一个运算元的运算符。 var a = -1; a = -a;表达式：由运算符和变量/常量组成的式子a+1 1+2 3+5 5-4 a-b c*d二、数学运算符常见的数学运算符+ - * / % 指数：**1.多个数字和字符相加时，注意顺序不同，结果
2021-02-15 20:41:01
99
1
原创 2020-12-28JS简介
JavaScript简介web前端有三层：html 页面结构css 页面样式javascript 行为 （与用户交互）用途：数据验证网页特效游戏开发动态加载数据node.js开发服务器手机app为什么要学习JavaScript在web前端里，JavaScript能跨平台，跨浏览器驱动页面，与用户交互。它的功能很强大，用途很广泛。它有着很大的社区，广泛的图书与文献，代码资源丰富。JavaScript简介JavaScript 一个面向对象的跨平台脚本语言
2021-02-15 20:39:32
158
原创 2020-12-18轮播屏
文章目录一、步数二、轮播屏1.透明度方法2.lable方法一、步数.box { width: 300px; height: 300px; margin: 0 auto; margin-top: 200px; background: url(img/天宫.jpg) no-repeat; animation: identifier 1s steps(7) infi
2021-02-15 20:38:30
108
原创 2020-12-24vw_rem和sass
文章目录一、em和rem二、vw和vh三、sass1.变量2.嵌套3.注释4.mixin和继承5.继承6.颜色一、em和remem:相对单位，它需要一个参考属性。当前元素的字体大小。rem：相对单位 root em。 参考值为：HTML根标签的font-size的值。iPhone5 320px 上面有640个像素点。 1px=1个物理像素点 1px=2个物理像素点。 160/320 一半iPhoneX 375px 187.5rem布局的原理：动态修改html根标签中的font-
2021-02-15 20:37:34
167
原创 2020-12-23布局与媒体查询
文章目录一、圣杯布局二、双飞翼布局三、弹性盒子解决三栏问题四、视口五、流式布局六、媒体查询一、圣杯布局总结：1.在主体内部外面嵌套了一个div2.center在结构上靠前3.center，left，right都浮动4.清除浮动5.center宽度为100%，left，right宽度固定6.left通过margin-left为负值（-100%），移动到center最左边7.right通过margin-left为负值（自身的宽度），移动到center的最右边。8.center的内容会被le
2021-02-15 20:35:34
74
原创 2021-01-07定时器与Bom
文章目录一、定时器二、时钟三、秒表四、BOM一、定时器在js中定时器有两种1、setInterval()2、setTimeout()1、setInterval()格式：var 变量名 = setInterval(“执行的语句”,每隔多久执行一次);【注意】可以写执行的代码，也可以直接传入函数。返回值：启动定时器时，系统分配的编号关闭定时器的方式：1.关闭页面。2.clearInterval();【注意】 clearInterval函数需要一个参数：定时器的编号。2、se
2021-02-15 16:26:27
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人