- 博客(22)
- 收藏
- 关注
RSS订阅原创 github上几个JS面试题
问题：上面的语句的返回值是什么？答案：3“i’m a lasagna hog”.split("").reverse().join("");问题：上面的语句的返回值是什么？答案：“goh angasal a m’i”( window.foo || ( window.foo = “bar” ) );问题：window.foo的值是什么？答案：只有window.foo为假
2019-01-21 22:10:44
577
原创 经典面试题：JS的执行顺序 setTimeout与Promise
Question: What does the following code print?console.log('one');setTimeout(function() { console.log('two');}, 0);Promise.resolve().then(function() { console.log('three');})console.log('four'...
2019-01-21 21:27:31
1753
原创 sessionStorage 、localStorage 和 cookie 之间的区别
共同点：用于浏览器端存储的缓存数据不同点：(1)、存储内容是否发送到服务器端：当设置了Cookie后，数据会发送到服务器端，造成一定的宽带浪费； web storage,会将数据保存到本地，不会造成宽带浪费；(2)、数据存储大小不同：Cookie数据不能超过4K,适用于会话标识；web storage数据存储可以达到5M;(3)、数据存储的有效期限不同：cookie只在设置了Co...
2019-01-18 21:49:39
306
原创 position的absolute和fixed，relative
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。relative 生成相对定位的元素...
2019-01-17 21:09:37
202
原创 面试题:css选择器、块级元素水平垂直居中，盒子左右定宽，中间自适应的方法1.17
17.css选择器有哪些，选择器的权重的优先级ID选择器,类选择器，元素选择器，属性[type=“text”],伪类:hover,伪元素::after子选择器（p>h1），相邻选择器（h+p相邻兄弟元素）权重计算规则行业样式 1000ID 0100类，伪类，属性 0010元素选择器，伪元素选择器p，div，::after 0001子选择器（p>h1）...
2019-01-17 11:04:04
585
原创 P标签的样式：怎么垂直居中
P标签垂直居中代码如下 display: inline-block; vertical-align:middle;常见的行间样式：width:height:color:font-size:line-heighttext-alignletter-spacing 字符间距text-indent:首行缩进px今天一天都在做一个小项目，其实CSS我并不熟练，多借鉴大公司网站，...
2019-01-14 21:35:37
14629
原创 javascript面向对象中继承实现
面向对象的基本特征有：封闭、继承、多态。在JavaScript中实现继承的方法：1. 原型链（prototype chaining）2. call()/apply()3. 混合方式(prototype和call()/apply()结合)4. 对象冒充继承的方法如下：1、prototype原型链方式： function teacher(name) { this.na...
2019-01-11 15:29:27
542
原创 闭包的用途
1、匿名自执行函数每次使用变量都是用var关键字外，我们在实际情况下经常遇到这样一种情况，即有的函数只需要执行一次，其内部变量无需维护，比如UI的初始化，那么我们可以使用闭包：var data= { table : [], tree : {} }; (function(dm){ for(var i = 0; i &l...
2019-01-10 21:12:33
249
原创 面试题：检测数据类型是否是String的方法。Number也是同理
代码如下：var str1=new Date(); var str2=12; var str3='18'; var str4=new String(); var str5='hello'; var strs=[str1,str2,str3,str4,str5]; for(var i=0;i<strs.length;i+...
2019-01-10 14:58:39
821
原创 css几种清除浮动的方法
在DIV+CSS布局时，为了实现多种布局，会用到浮动。但是不清除浮动也会产生一些问题。1、设置浮动会被块级兄弟元素覆盖<div id="div1"> <h2>设置浮动会被块级兄弟元素覆盖</h2> <div id="div_blank"> 我设置了浮动但是没有背景色 </div>
2019-01-09 20:03:15
322
原创 面试题：一个200*200的div在不同分辨率屏幕上下左右居中，用css实现
利用负值来实现居中。可以脑补画面离左右都是50%，刚好可以居中，但是DIV位置在哪里，距左右外边框各负50%宽度。<div id="div1"></div>body{margin: 0;} #div1{ width:200px;height: 200px;position: absolute;background-color: aqua; left: 50...
2019-01-09 11:01:16
5240
原创 面试题：写一个左中右布局占满屏幕，其中左右两块是固定宽度200 ， 中间自适应宽，要求先加载中间块，请写出结构及样式：
首先想到的是完成效果，也就是左右200，中间自适应。&lt;div id="left"&gt;我是左边&lt;/div&gt; &lt;div id="center"&gt;我是中间&lt;/div&gt; &lt;div id="right"
2019-01-09 10:25:17
2908
原创 JS数组10种排序二
希尔排序九：希尔排序 //增量为5，排序，增量为2排序 //增量为1，相邻的数组两两比较function shellSort(arr) { for (var gap = 5; gap > 0; gap = Math.floor(gap / 2)) { for (var i = 0; i < arr.length; i++) { ...
2019-01-04 20:49:07
216
原创 JS数组10种排序一
1、冒泡排序 // 一；冒泡排序：相邻两元素之间两两比较，比较出大值进行赋值互换， // 再依次与相邻的元素比较，层层递进 #互换元素位置，相互赋值。 function popSort(arr) { if (arr == null) return arr; for (var i = 0; i < arr.length; i++) { ...
2019-01-04 18:32:44
2911
原创 JS面向对象的继承/12.28
//JS的继承方式一：对象冒充 //特点：对象冒充可以支持多重继承。简单来说，一个类可以继承多个超类 //多种继承，后面的类优先级更高，也就是它会覆盖靠前类的同名方法 function ClassA(sName) { this.name = sName; this.sayHello = function () { alert('hel...
2018-12-28 15:44:09
125
原创 JS不同window之间的通信
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Page Title</title>\ <script type="text/javascript"> var userName=&q
2018-12-27 20:58:12
599
原创 canvas在不同浏览器出现的问题
fillRect方法在IE和谷歌的不同表现。待解决function drawRec() { var cas = document.getElementById('_rectangle'); if (cas.getContext) { var ctx = cas.getContext('2d'); //画矩形 ctx.fil...
2018-12-26 21:06:08
1212
原创 资源加载JS方法
图片资源var imglist = [ { "name": "birds", "src": "res/birds.png" }, { "name": "land", "src": "res/land.png" }, { "name": "pipe1
2018-12-26 20:33:27
325
原创 数组去重以及集合求交集并集二（利用ES6）
let arrays_num = [30, 200, 100, 100, 35, 100, 100, 80, 100, 35, 100]; let arrays_num1 = [90, 300, 100, 100, 35, 100, 100, 80, 100, 35, 100]; let arrays_new = new Array(); //五、利用ES6新特...
2018-12-26 12:11:06
237
原创 数组去重的代码实现一
定义数组 var arrays_num = [30, 200, 100, 100, 35, 100, 100, 80, 100, 35, 100]; var arrays_new = new Array(); var obj_new = new Object();ex1:遍历老数组的值，在新数组如果不包含则push这个值for(var i=0;i<a...
2018-12-25 23:05:15
525
原创 JavaScrip实现小游戏2048
JavaScrip实现小游戏2048最近学习JS，用来练手的小游戏。当然也有借鉴他山之石，缕清思路，这个游戏就很简单了。_2048.js// 对象game // 需要的变量// 1、全局变量 存储当前2048数据的变量data，二位数组// 2、全局变量 存储游戏当前状态开始/结束、state，定义两个常量RUNNING\GAMEOVER// 3、全局变量 总行数总列数 m...
2018-12-23 11:10:28
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人