自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 面向对象贪吃蛇游戏源码

话不多说,直接上代码。面向对象纯用JS做一个贪吃蛇html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <li

2020-12-09 09:04:16 200 2

原创 前端常见面试题整理第二版

重点面试题目1.BFC 的形成条件简称块级格式化上下文。如何形成的 bfc?当元素是浮动元素、绝对定位的元素,以及是非块级盒子的块级元素如*(inline-block、table-cells、table-captions)*最后还有 overflow 的属性不是 visible(他是 overfllow 的默认属性)的块级盒子 ,在这些元素的内部都会创建出一个 BFC。2. 有这样一个 URL:http://item.taobao.com/item.htm?a=1&b=2&c=

2021-03-17 15:20:59 2418

原创 前端重点常见面试题目

重点面试题目1.BFC 的形成条件简称块级格式化上下文。如何形成的 bfc?当元素是浮动元素、绝对定位的元素,以及是非块级盒子的块级元素如*(inline-block、table-cells、table-captions)*最后还有 overflow 的属性不是 visible(他是 overfllow 的默认属性)的块级盒子 ,在这些元素的内部都会创建出一个 BFC。2. 有这样一个 URL:http://item.taobao.com/item.htm?a=1&b=2&c=

2021-01-20 14:53:53 392 4

原创 JavaScript 基础练习(六)

JavaScript 基础练习(六)1.linux中进入一个文件夹的指令是哪个AcdBmkdirCcpDrm正确答案: A解析:以下关于gulp的介绍哪个是正确的AGulp是一个基于流的自动化构建工具BGulp是用来将es6-》es5的CGulp是用来将sass转为css的DGulp是用来将js压缩的正确答案: A解析:下面关于sass的描述那个是正确的ASASS(Syntactically Awesome Stylesheet)是一个CSS预

2021-01-13 16:42:44 2262

原创 JavaScript 基础练习(五)

JavaScript 基础练习(五)1.不能进行强制类型转化的为AparseIntBparseFloatCNumberDMath.floor正确答案: D解析:alert(username);var username=“leson”;结果为AundefinedBlesonCnullD报错正确答案: A解析:变量提升,预解析有代码 function Foo(){}; var foo = new Foo(); 下列表达式运算结果为true的选项为A

2021-01-13 16:41:50 2359

原创 JavaScript 基础练习(四)

JavaScript 基础练习(四)1.一个.php后缀的文件,可以在什么环境下执行Amysql数据库B浏览器Capache服务器DWindows系统正确答案: C解析:php运行环境apache创建定时器的方法是A没有正确的选项BsetIntervalCclearIntervalDclearTimeout正确答案: B解析:1改变DOM元素的哪个属性可以实现元素样式的变更AgetAttributeBattrCstyleDdat

2021-01-13 16:40:54 3559

原创 JavaScript 基础练习(三)

JavaScript 基础练习(三)1.下列哪些属性不是事件对象event的属性AclientXBoffsetXCoffsetLeftDtarget正确答案: C解析:offsetLeft为元素针对offsetParent的水平坐标,并不是事件对象中的鼠标位置下列关于事件委托说法错误的是A事件委托可以解决事件绑定程序过多的问题B事件委托利用了事件捕获原理C事件委托可以提高代码性能D事件委托可以应用在click,onmousedown事件中正确答案: B解

2021-01-13 16:39:32 2936

原创 JavaScript 基础练习 (二)

JavaScript 基础练习 (二)1.已知字符串"hello everybody "通过下面哪个方法可以去掉字符串两端的空白Atrim()Bsplit()Creverse()Djoin()正确答案: A解析:使用排除法:split分割字符串;reverse反转数组;join将数组转成字符串trim() 去除字符串两端空格下面哪一个方法可以查找 class 名为 “xm”的元素Adocument.getElementsByClassName(“xm”)B

2021-01-13 16:37:47 1390

原创 JavaScript 基础练习(一)

JavaScript 基础练习(一)1.ES3的标准中,Javascript语言中定义变量的关键字是var,有时候不写,也没有错,此时,这个变量是A局部变量B全局变量C有可能是全局也有可能是局部D报错正确答案: B解析:默认前面添加了一个window, 为全局变量如下代码,会弹出来是什么 var num1=“1” ;var num2=1 alert(num1-num2);A0B11C1+1D报错正确答案: A解析:相减,进行隐士转换,全部为数字

2021-01-13 16:36:33 2670

原创 HTML5 基础练习(三)

HTML5 基础练习(三)下面的说法正确的是A一个transform可以声明多个功能函数,不过之间需要逗号隔开B一个transform可以声明多个功能函数,不过之间需要空格隔开C一个transform不可以声明多个功能函数D一个元素可以添加多个transform属性正确答案: B解析:下面关于变形说法错误的是Atranslate(100px,0)表示元素水平位移100pxBrotate(30deg)表示绕着中心点顺时针旋转30度Cscale(2)表示元素放大2

2021-01-13 16:34:18 4884 1

原创 HTML5 基础练习(二)

HTML5 基础练习题 (二)以下哪个不是定位属性的属性值?AstaticBabsoluteCfixedDvisibility正确答案: D解析:visibility是隐藏不是定位2.何时使用margin值描述错误的是A需要在border外侧添加空白B需要在border内侧添加空白C两个盒子上下外侧之间的空白D两个盒子左右外侧需要空白时正确答案: B解析:margin外边距,B项描述是内填充padding关于文本溢出属性描述错误的是?Ahidde

2021-01-13 16:29:08 4847

原创 HTML5 基础练习题总结(一)

HTML5 基础练习题总结(一)1.下面的描述正确的是 #menu{ font-size:14px; }A#menu是标签选择器B#menu是元素选择器C#menu是类选择器D#menu是ID选择器正确答案: D解析:标签选择器,元素选择器是直接拿标签名称作为选择器类选择器 的语法是一个 .ID选择器 的语法是#在CSS中样式表里优先级别最高的是哪个A导入样式表B外部样式表C内联样式表D内部样式表正确答案: C解析:当三个样式

2021-01-13 16:22:46 5277

原创 面相对象扫雷

如题所示HTML代码 这个代码基本跟老师的一样<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="s

2020-12-15 10:48:32 758

原创 生成随机颜色函数

此代码可以生成一个 十六进制六位数随机颜色 跟255类似 可以直接放在代码中使用。function () { var sum = "" for (var i = 0; i < 6; i++) { sum += Math.floor(Math.random() * 16).toString(16) } console.log('#' + sum);

2020-12-14 08:58:52 544

原创 Jq实现淡入淡出轮播图效果

如题所述,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style>

2020-12-10 17:37:36 498 2

原创 JavaScript中深层克隆函数

JavaScript中深层克隆函数总体思路就是运用了一个递归,来持续验证当你克隆对象的时候,对象中未知元素具体有多少对象的问题。 function clone(origin, target) { var target = target || {}; //判断是否传递了参数 target var calls = Object.prototype.toString; //使用根源性的to string 方法 然后调用call改变to string 方法的

2020-12-10 17:32:43 196

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除