- 博客(19)
- 收藏
- 关注
RSS订阅原创 HTML5新增标签Video
H5新增了很多语义化标签，其中video标签就是，它取代了flash的视频效果，拥有了更多新功能video标签视频的地址用src引入，支持MP4、ovg、webm格式，是行内块元素。属性autoplay:自动播放，在浏览器中会被禁用，需要去浏览器设置，但是在静音状态下可以自动播放muted : 设置静音controls : 标签自带的控件，就是视频进度条那一栏，不同浏览...
2020-01-14 20:42:52
772
原创 BOM窗口下的一个小案例
我们首先回顾一下DOM与BOMDOM与BOM的区别DOMBOM文档对象模型浏览器对象模型顶级对象是document顶级对象是window操作页面元素学习浏览器窗口交互的一些对象标准化组织是w3cBOM是浏览器厂商在各自浏览器上定义的，缺乏标准这个小案例我把它起名为“如果你追上我···”利用的是获取文档显示区的宽高让图片随机生成在页面上，当...
2020-01-14 20:42:30
188
原创 JS的重载
什么是重载相同的函数名，不同参数列表的多个函数在调用时，可以根据传入参数的不同自动选择对应的函数调用，一个函数名执行多个操作。一般会在一个任务根据不同的参数执行不同的流程时使用。function pay(){ console.log(typeof(arguments)); if(arguments.length == 0) console.log('扫码支付') else if(ar...
2020-01-14 20:42:15
353
原创 浅度克隆和深度克隆
深度克隆是面试高频问题，他背后涵盖了很多js的知识点，为了强化记忆在这里总结一下1.浅度克隆function shallowClone(o) { const obj = {}; for ( let i in o) { obj[i] = o[i]; } return obj;}const oldObj = { a: 1, b: [ 'e', 'f', 'g' ...
2020-01-14 20:41:43
148
原创 浏览器的渲染页面的过程
浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个标签都是DOM树中的1个节点，根节点就是常用的document对象。DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体，在解析的过程中会去掉浏览器不能识别的样式，比如IE会去掉-moz开头的样式，而FF会去掉_开头的样式...
2019-12-27 10:32:40
144
原创 轮播图
在一些旅游网站上会有一些风景名胜的图片一点一点滚动的效果，这其实是定时器控制图片的移动效果，这个的难点主要是怎么样才可以让一组图片播放完毕之后无缝衔接继续播放。这个的思想就是js再创建一个跟页面上一模一样的div，然后把这个新建的div加在原有的后面，所谓无缝指的就是在一个div走完了之后再将这个div放在后面的后面，也就是将第一个div变成第三个、第二个变成第四个、第三个再变成第五个……这样就实...
2019-12-26 21:05:09
132
原创 城市三级联动
想必大家都在各种网站上都注册过账号，在填写户籍那一栏的时候，前面选择的不同后面的选项也不同，用的下拉框就属于三级联动，这个主要考察的是DOM里的内容，这个的难点主要有两点，第一就是整理所有的城市，我这里有个整理好的js文件就直接拿来用了，大致就是这样的这个没有什么技术含量就是有点麻烦，第二就是其中父子层级的关系，这个如果出错就很容易出现拿不到所选省市的城市，或者出现拿错的情况。下面直接看代码...
2019-12-26 21:04:34
215
原创 2048小游戏
在学习完了闭包原型链之后就开始进行2048小游戏的制作游戏代码思想这个小游戏要通过控制键盘上的上下左右键 来实现界面上的数字挪动和相加，整体分为三部分，html、css和js，其主要是通过js来实现功能HTML部分要注意在html页面插入链接时 尽量把css链接放在头部，js链接放在尾部<!DOCTYPE html><html lang="en"><he...
2019-12-26 21:04:09
173
原创 关于闭包
什么是闭包闭包也是一种函数，是有权访问另一个作用域中变量的函数，如果一个函数内部有一个局部变量，别的作用域不管是局部也好全局作用域也好，都可以访问这个局部变量就会有闭包产生，这个变量所在的函数就是闭包函数，简单来说就是一个作用域可以访问另一个函数内部的局部变量function fn(){ var num = 10; function fun(){ cons...
2019-11-13 08:34:17
145
原创 JavaScript预编译与作用域链
JavaScript引擎在解析脚本的过程分为两个阶段，预编译和执行，因为JS是解释型脚本语言，所以在进行预编译之后从上到下逐行执行代码。作用域分为全局作用域和局部作用域，是一个变量或者函数能够使用的空间，函数在执行时会创建一个对象，也叫做执行期上下文的内部对象，它定义了一个函数在执行时的环境，函数的执行对应唯一的执行上下文，函数每一次调用都会创建一次执行上下文，函数执行完毕后就自动销毁。预编译...
2019-11-11 21:26:16
123
原创 JS常用API（part.2）
3.Array对象toString()将数组转换为字符串var arr = ["电饭锅","活动覆盖","衣服"]console.log(arr.toString())//输出电饭锅，活动覆盖，衣服join()将数组打散成字符串，用引号隔开var arr = ["今天"，"天气","好","晴朗"]console.log(arr.join(""))//今天天气好晴朗...
2019-11-11 17:59:27
133
原创 JS常用对象的API
JavaScript有11种内置对象：String Number Boolean Error Function Array RegExp Object Math Date window/Global，下面将介绍一些常用对象的API1. String对象字符串可以通过str[i]创建数组，访问内容，但是一旦创建内容不可更改。属性：length 作用与数组相同 获取字符串的长度charAt...
2019-11-11 00:37:35
655
原创 服务器的介绍
服务器顾名思义就是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力，一般由cpu、芯片组、内存、磁盘系统等组成。从外形上来分类的话分为三大类：·塔式服务器、机架式服务器、刀片式服务器。塔式服务器塔式服务器一般是大家见得最多的，它的外形及结构都与普通的PC机差不多，只是个头稍大一些，而且它的主板扩展性要强很多。塔式...
2019-11-06 13:09:16
299
原创 练习题3
1. JavaScript实现继承的方式，不正确的是：A 原型链继承B 构造函数继承C 组合继承D 关联继承答案：D解析：JavaScript实现继承共6种方式：原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承。构造函数继承是每次继承都会把父类的所有属性方法全部拷贝一份，而对于公用的方法重复拷贝会浪费内存；原型链继承所有对象都公用一份原...
2019-10-28 19:49:36
533
原创 JS基础
计算机语言分为两类，一种是编译型语言，一种是解释型语言。编译型语言是通篇翻译形成一个文件，比如Linux unix C++等，但缺点在于不跨平台，移植性不好；解释型语言就是逐行翻译，遇到错误直接停止，不过逐行翻译会导致它的速度慢，但比编译型语言好在它可以跨平台，JS就是一种解释型语言。 JS全名叫做JavaScript，在1995年时，由Netscape公司的Bre...
2019-10-28 19:33:21
160
原创 练习题2
1 下面说法正确的有()A P元素不能包含divB li元素的祖先元素可能是li，但父元素不可能是liC DomTree的根节点是body元素D a元素可以包含img答案：ABD解析：A中p标签不能包含任何其他块元素（除了他本身和内联元素可以），D是a标签可以包含任何元素（除了它本身不可以）Dom Tree的根节点是document而不是body元素，li里可以...
2019-10-21 00:42:36
2883
1
原创 CSS相关
CSS叫做层叠样式表，其英文全称是Cascading Style Sheets，是一种用来表现HTML文件样式的计算机语言，更直白的来说就是用来美化、修饰页面的，如果说HTML用来实现网页的结构的话CSS就是网页的元素样式，是一种相辅相成相互依赖的关系。不过当HTML的属性和CSS的属性有重合的话就尽量使用CSS样式取代（除非无法用CSS取代如表格）。既然叫层叠样式表那其特性肯定会有层...
2019-10-20 22:52:58
139
原创 练习题
1.下面有关html结构描述正确的有？(多选题)A <ul> <li> </li> </ul>B <ol> <li> </li> </ol>C <dl><dt><dd></dd></dt></dl>D <...
2019-10-14 23:41:39
899
原创 HTML基础
HTML历史和基本结构www是大家熟知的万维网，常简称为web，分为Web客户端和Web服务器程序，1994年10月万维网的发明者蒂姆博纳斯李在麻省理工学院计算机科学实验室成立了万维网联盟（World Wide Web Consortium 简称W3C），是Web技术领域最具权威和影响力的国际中立性技术标准机构，该机构制定了一系列标准并督促Web应用开发者和内容提供者遵循这些标准。HTML就...
2019-10-14 19:27:23
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人