原创 流式佈局與響應式佈局

常見的面試題會讓你聊一聊流式佈局與響應式佈局,我還沒遇到過直接問他倆區別的面試官,都是根據我的項目(裏面有用到流式佈局+響應式佈局)。圍繞這兩點感覺網上大部分博客都長得差不多,那我就用自己粗淺的理解說一下由此展開的一點問題吧。說起流式佈局

原创 css之條紋邊框的實現

感謝chokcoco大佬,題目和解題思路來源:http://www.cnblogs.com/coco1s/p/5895764.html。主要記錄通過這個題目而惡補的css屬性們。題目:下面這個圖形,只使用一個標籤,可以有多少種實現方式:拿

原创 css之層疊上下文

感謝chokcoco、小火柴的藍色理想和張鑫旭三位大佬,推薦看:http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-ind

原创 CSS之右邊豎條的實現方法

感謝chokcoco大佬,原來版本是”左邊豎條“。 題目和解題思路來源:http://www.cnblogs.com/coco1s/p/5893921.html 主要記錄通過這個題目而惡補的css屬性們。     題目1:下面這個圖形,只

原创 css之水平垂直居中

面試十有八九會考到的問題(豈可休美圖竟然沒問我這個!)   題目:一個彈窗水平垂直居中於整個body 所用的html都是 <body> <div class="box"></div> </body>   ①最牛掰的display

原创 牛客網錯題記錄(不斷更新中~

1.一個值爲false的Boolean對象被if強制轉換時爲true var x = new Boolean(false);//x爲Boolean引用類型 var y = Boolean(false);/

原创 javascript類型轉換

可以分爲4大類: 奇葩NaN NaN是一種奇葩的number,究竟有多奇葩呢?和自己各種不等夠不夠! number中還有一個比較特殊的東西Infinity。用typeof查看可知Infinity屬於number型。 浮點數計算精度 j

原创 一道題引發的對於自執行函數、異步調用與event loop、作用域鏈的思考

依舊是由一道面試題引發的思考: for(var i=0;i<5;i++){ setTimeout(function(){console.log(i)},i*1000); } 大

原创 函數聲明和原型鏈

今天整理了一天的二叉樹,卻還是一頭霧水,不知道大家有沒有學習的好方法,之前以爲前端不需要數據結構和算法如此精通。看了一些筆試題之後心灰意冷了。今後整理好會發布的相比起來函數聲明和原型鏈問題更像腦筋急轉彎一點。整理幾個看起來有點繞的問題吧。

原创 類型判斷の四種方法

var num = 1234; var str = "qwer"; var b = true; var arr = [1,2,3]; var f = function(){ return "f"; } var obj = {

原创 js之高級技巧

安全的類型檢測 js內置的類型檢測方法並不安全。 ①typeOf 不能用於檢測array只能返回object,不能檢測null只能返回object,但是出乎意料的是可以檢測symbol、function和undefined。類型返回值都是

原创 面試之跨域與安全

今天接到了滴滴的一面電面,希望這次可以通過啊,真的不想再死於一面了。 面試過程中有幾處沒有答出來,其中一個就是跨域,只講了JSONP和CORS(跨域資源共享),CORS也只是模模糊糊答了一部分,個人感覺並沒有達到點上。 回去又好好看了一下

原创 面試之ES6

面試的過程中提到了symbol,很悲劇我答得超級差,所以晚上回來整理下,遇到不會的就要立刻補救! 以後關於ES6的我也都整理在此~ Symbol 1.symbol獨一無二,用於避免命名衝突,所以我們可以用於對象的屬性名。 之前提過for

原创 JS之圖片無縫滾動

無縫滾動的圖片是非常常見的一道面試題~代碼很簡單,但思路一定要清晰。首先是準備的幾張圖片:因爲圖片個數有限,移動的過程中難免會移完,所以我們需要先將這幾張圖片拷貝一份附到後面。但是再多的圖片也有走完的一天,我們需要弄一個循環圖片,所以在u

原创 由多列等高佈局引發的思考

一道經典的CSS題,是面試時常考的問題之一。 相信大家都知道怎麼做了,將parent設置overflow:hidden,子元素都設置超級大的padding-bottom和等量負值的margin-bottom。運用到的知識點是強大的負邊距