原创 跨域

寫在前面: 跨域是面試經常會問到的問題。 在工作中,開發環境可以用webpack-dev-server,線上環境服務端會配置好。 爲什麼會出現跨域問題 瀏覽器同源策略導致了跨域問題 瀏覽器同源策略 瀏覽器的同源策略 [協議,域名,端口]

原创 flex佈局的幾種典型佈局方式

flex佈局的典型佈局方式有哪些? 網格佈局 固定底欄佈局 聖盃佈局 輸入框佈局 懸掛佈局 網格佈局 最簡單的網格佈局是平局分配,在容器裏面平均分配空間,設置項目的自動縮放。 注意:grid佈局是一個很大的概念。會單獨成一章來寫。 <s

原创 ES6解構賦值

題目 題目1:用解構賦值實現兩個變量值互換 let a = "aaa"; let b = "bbb"; [a, b] = [b, a] console.log(a); // "bbb" console.log(b); // "aaa" 題

原创 HTTP狀態碼

https://www.runoob.com/http/http-status-codes.html http的狀態碼: 當瀏覽器訪問一個網頁時,瀏覽者的瀏覽器會向網頁所在的服務器發出請求。在瀏覽器接收並顯示網頁前,此網頁所在的服務器會

原创 JS new的時候發生了什麼

1、創建一個新對象 2、將構造函數的作用域賦值給新對象(this指向這個新對象) 3、執行構造函數中的代碼(爲這個新對象添加屬性) 4、返回新對象 一個普通的構造函數 function Person(name){ this.name =

原创 ES6 class與繼承

class是什麼 class是定義類的方法。ES6之前用構造函數的方式定義類,ES6引入了class。 class是語法糖。 class內部默認是嚴格模式。 使用 傳統方式定義一個類 function Point1(x,y){ th

原创 CSS實現寬度自適應100%,寬高16:9的比例的矩形

如果寬爲100%,高爲100/16*9 = 56.25% *{ margin: 0; padding: 0; } div{ width: 100%; height: 0; padding-bottom: 56.25%;

原创 寫一個函數,每次調用自動加一

首先想到的是用閉包解決 const times = (() => { var times = 0; return () => times++ })() console.log( times(), times(), tim

原创 JS 寫楊輝三角

楊輝三角的格式如下: 1 1 1 1 2 1 1 3 3 1 1 4 6 4 1 ...... 解決方式:遞歸 // m是行,n是列 function combination(m,n){ if(n === 0) return 1;

原创 CSS實現自適應正方形

情況1:實現固定寬高的正方形 div{ width: 300px; height: 300px; background-color: red; } 情況2:實現自適應的正方形 方式一:vw vh 1vw === 1%的寬度 d

原创 JavaScript判斷一個變量是不是數組

Array.isArray(arr),返回true就是 arr instanceof Array,返回true就是 Object.prototype.toString.call(arr),返回"[object Array]"就是。

原创 JavaScript函數傳參

幾個面試題 // 函數傳遞,值類型 // 示例1: var name = 'aaa' function modifyName(name){ name = "bbb" } modifyName(name) console.log(name

原创 instanceof 的原理和實現

instanceof是怎麼判斷數據類型的 instanceof是通過原型鏈判斷,A instanceof B表示:在A的原型鏈中一直向上查找,是否有原型等於B.prototype。如果一直找到頂端,仍然沒有等於B.prototype的,就返

原创 JavaScript中一些運算式

這是一些JS中的運算式,會持續更新,如有錯誤歡迎批評指正☺。 這些是返回false的 表達式 值 0 false NaN false '' false null false undefined false

原创 JavaScript內置函數和內置對象

內置函數:Object, Array, Date, String, Error, Function, RegExp, Boolean, Number 內置對象:JSON, Math