原创 【ES6系列】詳解ES6中的Map

一、含義和基本用法 Map 類似於對象,都用於存儲 key-value 結構的數據。但是,在傳統的對象上,只能用字符串或者 symbol 來作爲鍵名。然而,Map 與對象最大的差別就在於它可以各種數據類型作爲鍵名。 Map 是一個

原创 React 基礎篇(八)—— 錯誤邊界

錯誤邊界 過去,組件內的 JS 錯誤會導致 React 的內部狀態被破壞,並且再下一次渲染時產生可能無法追蹤的錯誤。部分 UI 的 JS 錯誤不應該導致整個應用崩潰,爲了解決這個問題,引入了錯誤邊界的概念。 錯誤邊界是一種 Rea

原创 CSS 佈局系列(二)—— 聖盃佈局

聖盃佈局 聖盃佈局是三欄(左中右)佈局的一種,其中,左右兩邊固定寬度,中間的主體內容自適應。 爲了行文方便,下面先定義一些公共代碼: HTML 結構: <div class="container"> <header>hea

原创 Koa 基礎篇(三)—— 模板引擎

ejs 安裝 npm install --save ejs koa-views 引入 const views = require("koa-views") app.use(views("views",{extension

原创 Dart 基礎篇(二)—— 基礎知識

入口方法 在上一篇文章中,我們配置了 Dart 開發的基本環境,而且在一個 main 方法中輸出了簡單的一句話。然而,這個 main 方法就是一個 Dart 程序(腳本)的入口。 語法: main(){ //邏輯 } 註釋 與

原创 Koa 基礎篇(一)—— 簡介與環境搭建

Koa 簡介 Koa 是一個新的 web 框架,由 Express 幕後的原班人馬打造, 致力於成爲 web 應用和 API 開發領域中的一個更小、更富有表現力、更健壯的基石。 通過利用 async 函數,Koa 幫你丟棄回調函數

原创 Koa 基礎篇(二)—— 路由與中間件

路由 在 Koa 中,路由,是一個由一個 URI 和一個特定的 HTTP 方法組成的,涉及到應用如何響應客戶端對某個網站節點的訪問。 簡而言之,就是針對不同的 URI 服務器做出不同的響應。 在 Koa 中使用路由 在 Koa 中

原创 Koa 基礎篇(四)—— Cookie 與 Session

Cookie Cookie 並不是它的原意“甜餅”的意思, 而是一個保存在客戶機中的簡單的文本文件, 這個文件與特定的 Web 文檔關聯在一起, 保存了該客戶機訪問這個 Web 文檔時的信息, 當客戶機再次訪問這個 Web 文檔時

原创 【總結系列】原生JS常用技巧

(一)字符串相關 一、獲取查詢字符串 /** * 獲取url中的查詢字符串的某個值 * @param key 必須參數,查詢字符串中的一個鍵名 * @param url 可選參數,默認爲當前頁面的url * @returns {s

原创 Java舍入法

Java 舍入法 傳統的四捨五入法 傳統的四捨五入法就是我們日常生活中所認識的四捨五入,看保留位的下一位數,大於或等於5就進位,否則捨去。 在 Java 中實現這種傳統的四捨五入法很幾種方法: 1. BigDecimal 與 Ro

原创 React 基礎篇(七)—— Context

Context Context 提供了一個無需爲每層組件手動添加 props,就能在組件樹間進行數據傳遞的方法。 一般情況下,數據是通過 props 屬性自上而下進行傳遞的,但這種做法對於某些類型的屬性是極其繁瑣的,比如主題,這些

原创 【深入理解】width 的默認值

首先,明確一點: HTML 元素屬性 width 的默認值是 auto 。 然而這個 auto 有四種表現,從而造成了不同的元素的默認寬度有不同的表現。 fill-available —— 意爲 充分利用可用空間,比如塊級元

原创 【ES6系列】詳解ES6中的Set

一、基本用法 Set 是 ES6 提供的一種新的數據結構,它跟數組一樣用於存儲有序的數據,但是沒有隨機訪問的能力,也就是說,不能像數組一樣通過索引來獲取具體的某個元素。除此以外,最重要的是,Set 中的元素具有唯一性,不允許存儲相

原创 【面經系列】JS面經

【Q1】let、const 與 var 的區別 區別一:變量提升 var 是用於聲明變量的關鍵字,它會帶來 “變量提升” 的問題。 JS 引擎在解釋執行一個作用域中的代碼時,會優先將所有的 var 聲明放在最前面處理,但只是聲明,

原创 【面經系列】Vue面經

【Q1】談談你對 MVVM 的理解 MVVM 是 Model-View-ViewModel 的縮寫,其中: Model 代表數據模型,可以在 Model 中定義數據修改和操作的業務邏輯。可以把 Model 稱爲數據層,因爲它僅僅