- 博客(26)
- 收藏
- 关注
RSS订阅原创 类型判断の四种方法
var num = 1234;var str = "qwer";var b = true;var arr = [1,2,3];var f = function(){ return "f";}var obj = { a: 123, b: { c: "qwer", d: { rd: num }...
2018-07-20 10:45:52
238
原创 javascript类型转换
可以分为4大类：奇葩NaNNaN是一种奇葩的number，究竟有多奇葩呢？和自己各种不等够不够！number中还有一个比较特殊的东西Infinity。用typeof查看可知Infinity属于number型。浮点数计算精度javascript的世界中对整数和小数一视同仁都看作双精度浮点数2^64位。0.1+0.2 !== 0.3：0.1和0.2会先被转成二进制再相加...
2018-07-13 16:38:32
242
原创 图片懒加载
图片按需加载当用户触发了某项动作才加载对应的功能。比如图片的按需加载，图片默认开始不加载，等接近可视区域范围时再进行加载，俗称懒加载，图片一下子全加载，那请求数必然超级多，肯定会影响性能。当滚动条拉动到某个位置时，即将进入可视范围的图片需要加载。比如内容按需加载，可以先将html结构放在textarea标签中，当触发的时候把textarea的value赋值给父元素的innerHTML。 ...
2018-04-28 11:22:24
266
原创 由多列等高布局引发的思考
一道经典的CSS题，是面试时常考的问题之一。相信大家都知道怎么做了，将parent设置overflow:hidden，子元素都设置超级大的padding-bottom和等量负值的margin-bottom。运用到的知识点是强大的负边距！ 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:rela...
2018-04-27 21:51:25
260
原创 js之高级技巧
安全的类型检测js内置的类型检测方法并不安全。①typeOf 不能用于检测array只能返回object，不能检测null只能返回object，但是出乎意料的是可以检测symbol、function和undefined。类型返回值都是字符串、而且都是小写打头。②instanceOf是用来判断是不是某个东西的实例对象的，比如一道经典的题：var isArray = value in...
2018-04-24 22:54:04
776
原创 JS之图片无缝滚动
无缝滚动的图片是非常常见的一道面试题~代码很简单，但思路一定要清晰。首先是准备的几张图片：因为图片个数有限，移动的过程中难免会移完，所以我们需要先将这几张图片拷贝一份附到后面。但是再多的图片也有走完的一天，我们需要弄一个循环图片，所以在ul移动一半的时候自动将left赋为0，实现循环假象。最后一步就是让我们的div可以隐藏溢出。总代码是：<!DOCTYPE html><html...
2018-04-23 22:11:18
197
原创 数据结构之栈和队列
JS语言中，栈与队列其实都是数组，只是调用方法的不同使其呈现出栈与队列的特质罢了。栈 function Stack(){ //用数组来模拟栈 this.items = []; this.push = function(element){ this.it...
2018-04-23 18:33:34
146
原创 关于事件对象event的一些整理
今天整理大红书上第13章事件，发现很多以前没注意到的东西，特此整理下来：坑1：移除事件监听我们知道addEventListener所添加的事件处理程序只能通过removeEventListener来移除，但是两次的参数必须一致，所以如果第二个参数是匿名函数就永远无法移除了： var btn = document.getElementById("myBtn"); btn...
2018-04-22 21:29:40
379
原创 计算机网络
去某公司三面的时候面试官问了关于请求头和响应头的问题，可能他觉得通信专业对于计算机网络应该都很精通吧……但是我答得很不好，所以回家之后整理了一下，发现控制台好多东西都是只到表面啊，一往深了问我就请求头Connection: keep-alive keep alive表示使一次TCP连接为同一用户的多次请求服务，提高了响应速度。比如图片、js、css、html都在同一台服务器上，当...
2018-04-22 16:49:13
197
原创 面试之跨域与安全
今天接到了滴滴的一面电面，希望这次可以通过啊，真的不想再死于一面了。面试过程中有几处没有答出来，其中一个就是跨域，只讲了JSONP和CORS（跨域资源共享），CORS也只是模模糊糊答了一部分，个人感觉并没有达到点上。回去又好好看了一下，发现还真的有好多可以说的啊，那现在就让我们开始吧~ 同源策略”不同源的站点之间相互请求会做限制“是浏览器的行为，同源指的是协议、域名、端口都相同...
2018-04-19 21:46:00
587
原创 面试之ES6
面试的过程中提到了symbol，很悲剧我答得超级差，所以晚上回来整理下，遇到不会的就要立刻补救！以后关于ES6的我也都整理在此~Symbol1.symbol独一无二，用于避免命名冲突，所以我们可以用于对象的属性名。之前提过for in可以遍历到原型上的方法和属性；Object.keys(obj)返回的不包括原型上的方法和属性。for-in却不会遍历到对象的symbol键，Objec...
2018-04-19 21:28:32
1341
原创 js算法题
1. == 与 === 的区别①如果是两个相同类型的原始类型数据相比，==和===一样，都是比较他们的值。②如果两个都是引用类型，==和===一样，都是看他们是否指向同一个对象。③如果两个类型不同，===直接返回false，==会进行数据格式。如果是两个基本类型相比，==会把他们都转换为Number型，比较他们实际的值；如果是一个基本类型一个引用类型，则会调用引用类型的valueOf函...
2018-04-17 21:11:46
772
原创 前端性能优化
页面的加载和渲染过程 浏览器请求服务器，获取html文档并开始从上到下解析，构建DOM树； 构建DOM过程中，如果遇到<link>和<script>标签暂停文档解析，开始下载css文件和js文件； css文件下载完成后，构建CSSDOM；同时一个js文件下载完成后解释执行，紧接着另一个js文件进行下载，必须前面的执行完才会下载后面的。 等js文件全部执行完成，继...
2018-04-17 15:37:54
119
原创 网络基础
局域网：一个家里一台路由器连好几台电脑，然后这同一个栋好几个家都连着同一个路由器，就这么像树开花一样。广域网：走广域网链路 花钱买带宽 如果我花钱买30M带宽，指的是买从自己到运营商的带宽。Internet:ISP=Internet Service Provider 因特网服务提供商。看了知乎上石岩的通俗的方式，觉得很棒很好懂：1.想象你住在一个小区里，这个小区有很多栋楼，每栋楼有很多单元，每个单...
2018-04-17 15:37:24
184
原创 数据结构之二叉树
数据结构——大一学c++的时候就非常头疼的东西，没想到现在js都要考数据结构与算法了，看到有面试题手写一个二叉树插入，对比剑指offer上的题真算得上是太简单了。本次整合一下做过的二叉树题的思路和代码，希望能对逻辑思维的提升有个帮助。 题目描述写出二叉树插入方法insert。分析首先判断根节点有无，如果没有就赋给他；如果有根节点，继续判断data与节点val值的大小，data&...
2018-04-15 20:20:38
140
原创 牛客网错题记录（不断更新中~
1.一个值为false的Boolean对象被if强制转换时为true var x = new Boolean(false);//x为Boolean引用类型 var y = Boolean(false);//y为Boolean原始类型 console.log(x);//Boolean {false} console....
2018-04-15 20:19:26
419
原创 函数声明和原型链
今天整理了一天的二叉树，却还是一头雾水，不知道大家有没有学习的好方法，之前以为前端不需要数据结构和算法如此精通。看了一些笔试题之后心灰意冷了。今后整理好会发布的相比起来函数声明和原型链问题更像脑筋急转弯一点。整理几个看起来有点绕的问题吧。第一题：关于原型链和运算符优先级 var A=function(name){ if(name)this.name=...
2018-04-14 21:15:44
573
原创 js之数组去重
面试常考的点之一吧（我也只被考过set的用法而已）先上最简单版~①利用set[... new Set(arr)]ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。new Set(array)得到的是一个Set数组（没有重复值），三个点为扩展运算符，得到用逗号分隔的参数序列，最外的中括号使得我们最终得到的还是一个数组。这句话也可以写成Array.from(new...
2018-04-13 20:58:22
153
原创 一道题引发的对于自执行函数、异步调用与event loop、作用域链的思考
依旧是由一道面试题引发的思考： for(var i=0;i<5;i++){ setTimeout(function(){console.log(i)},i*1000); }大家知道出来的结果是什么吗？5 5 5 5 5 隔1秒出来一个数首先，我们需要明确的是setTimeout()是一个异步函数。异步函数在写项目的过...
2018-04-13 15:55:23
415
原创 字符串与数组
substring、slice和substr也是一道经典面试题（虽然人家没问过我）var str = "I am 一个好人";str.substring(2,7);//am 一个str.substr(2,7);//am 一个好人str.substr(2,10);//am 一个好人str.slice(2,7);//am 一个str.substring(2,-2);//am 一...
2018-04-13 11:02:26
181
原创 流式布局与响应式布局
常见的面试题会让你聊一聊流式布局与响应式布局，我还没遇到过直接问他俩区别的面试官，都是根据我的项目（里面有用到流式布局＋响应式布局）。围绕这两点感觉网上大部分博客都长得差不多，那我就用自己粗浅的理解说一下由此展开的一点问题吧。说起流式布局首先就要提到的是老掉牙的固定布局：浏览器大小不影响内部元素大小。这不就是各大银行和国企的PO网站嘛 = = 无论屏幕多大网页都显示相同宽度。在知乎上看到：在移动端...
2018-04-13 09:42:39
8414
1
原创 css之水平垂直居中
面试十有八九会考到的问题（岂可休美图竟然没问我这个！） 题目：一个弹窗水平垂直居中于整个body所用的html都是<body> <div class="box"></div></body> ①最牛掰的display:flex *{ margin: 0; ...
2018-04-12 19:20:15
172
原创 css之margin
以下的题目以及引申来源于今年4月份去美图面试时的一道问题。题目：divA与divB设定都是width: 200px;height: 200px;margin: 50px;当他们分别是兄弟关系和父子关系时会是怎样的呈现？先po下答案：首先我们要明确最基本的margin的基准线，不知道基准线怎么找位置？！top 以 containing block 的 content 上边或者垂直上方相连元素 mar...
2018-04-12 13:13:00
185
原创 css之层叠上下文
感谢chokcoco、小火柴的蓝色理想和张鑫旭三位大佬，推荐看：http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/主要记录通过这个题目而恶补的css属性们。题目：你真的懂z-index:auto和z-index:0吗？其中2是因为“后来居上”所以才会在1的上面，当改变z...
2018-04-11 18:47:30
538
原创 css之条纹边框的实现
感谢chokcoco大佬，题目和解题思路来源：http://www.cnblogs.com/coco1s/p/5895764.html。主要记录通过这个题目而恶补的css属性们。题目：下面这个图形，只使用一个标签，可以有多少种实现方式：拿到题的第一个想法是，可以设置底下为全蓝，边框是虚线粉，中间一片白色。于是有了第一种最简单的解法：#div1 { width: 180px;...
2018-04-10 13:01:15
2120
原创 CSS之右边竖条的实现方法
感谢chokcoco大佬，原来版本是”左边竖条“。题目和解题思路来源：http://www.cnblogs.com/coco1s/p/5893921.html主要记录通过这个题目而恶补的css属性们。 题目1：下面这个图形，只使用一个标签，可以有多少种实现方式： 第一种情况：使用border#div1 { background: #d...
2018-04-09 16:07:09
7397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人