原创 mongoose操作數據庫時添加新屬性失敗的問題

在調用了mongoose插件操作MongoDB數據庫時，已成功獲取到查詢出來的數據對象doc，但是在爲doc添加新的屬性doc.productNum和doc.checked發現doc並沒有發生更改，但是卻能獲取到對應的新屬性。 測

2020-06-22 23:51:27

原创 兩道簡單的前端開發面試題

爬樓梯問題：一次只能走1階或2階臺階，求到第n階有幾種走法？典型的斐波那契數列問題，到第n階的走法等於最後一步走1階和走2階的走法之和，即f(n) = f(n-1) + f(n-2);與傳統斐波那契數列（f(0) = 0, f(1) =

2020-02-20 19:57:14 1

原创 （promise-polyfill）手動實現一個符合Promises/A+規範的promise， 並添加Promise的常用方法

/* Promises/A+ specification */ // 1. Terminology // 1.1. “promise” is an object or function with a then method whose

2019-01-17 02:15:56

原创 物理像素、CSS像素、dip、dpr、ppi、dpi

物理像素(physical pixel) 物理像素又被稱爲設備像素（dp），他是顯示設備中一個最微小的物理部件。一個設備的物理像素是固定不變的。每個像素可以根據操作系統設置自己的顏色和亮度。所謂的一倍屏、二倍屏(Retina)、三倍屏

2018-10-10 10:51:41 2

原创 層疊水平（stacking level）與層疊上下文（stacking context）

層疊水平順序（W3C）： 形成堆疊上下文環境的元素的背景與邊框. 擁有負 z-index 的子堆疊上下文元素 （z-index的值越小層級越低）. 正常流式佈局，非 inline-block，無 position 定位（除了sta

2018-09-19 23:58:49 3

原创 JS對象-不可擴展對象、密封對象、凍結對象

JS中的不可擴展對象、密封對象、凍結對象 在JavaScript 中，可以對對象的權限進行配置，通過配置，可將對象設置爲不可擴展對象、密封對象、凍結對象等，以達到保護對象屬性的目的。 不可擴展對象 如果一個對象可以添加新的屬性，則這個對象

2018-08-24 15:11:22

原创 使用Echarts快速繪圖-餅圖

Echarts ECharts，一個使用 JavaScript實現的開源可視化庫，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），底層依賴輕量級的矢量圖

2018-08-24 15:11:22

原创 JS中的原型應用（繼承與擴展）

JS中的原型 原型機制(prototype)是JavaScript中非常重要的機制，通過[[prototype]]，我們可以輕易地實現構造函數與其實例的繼承與擴展。 原型的概念大致如下圖展示，詳情可以參考MDN，本文主要講原型在實際中的應

2018-08-24 15:11:22 2

原创 轉-前端技術選型

1. 背景及現狀 隨着前端開發複雜度的日益增加，各種優秀的組件框架也遍地開花。同時，我們面臨業務規模的快速發展和工程師團隊的不斷擴張，如何解決資源整合、模塊開發、項目部署、性能優化等問題勢在必行。 2. 目標 根據背景和現狀的分析

2018-08-24 15:11:20

原创 JavaScript中常用的數組方法總結(含ES6)

Array （數組）在JavaScript中是最重要的數據結構之一，是類似列表的高階對象。Array對象用於構造數組的全局對象。 數組中的每個元素對應一個索引（從0開始），同時每個數組有自己的length 屬性（等於該數組的元素個數(0~

2018-08-24 15:11:20

原创 Webpack V4安裝使用與常用配置總結

webpack Webpack 是一個前端資源加載/打包工具。它將根據模塊的依賴關係進行靜態分析，然後將這些模塊按照指定的規則生成對應的靜態資源。 Webpack可以將多種靜態資源js、css、less轉換成一個靜態文件，減少了頁面的

2018-08-24 15:11:20 1

原创 JavaScript中的this關鍵字的綁定

this 關鍵字在 JavaScript中的表現略有不同，此外，在嚴格模式和非嚴格模式之間也會有一些差別。 this的綁定對象的判定規則總結 由new調用？綁定到新創建的對象。 由call或者apply（或者bind）調用？綁定到指定的

2018-08-24 15:11:20

原创 HTML語義化

HTML語義化 HTML語義化，顧名思義，就是讓HTML標籤富有語義，讓HTML結構更加清晰易懂，便於開發者閱讀和書寫，讓瀏覽器的爬蟲和機器很好的解析。 HTML語義化優點，爲什麼要語義化 增加頁面可讀性在去掉CSS樣式的情況下，HTM

2018-08-24 15:11:20 3

原创 使用Echarts快速繪圖-根據數據實時渲染直方圖與折線圖

Echarts ECharts，一個使用 JavaScript實現的開源可視化庫，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），底層依賴輕量級的矢量圖

2018-08-24 15:11:20 51

原创 CSS-外邊距摺疊問題

外邊距摺疊 塊級元素的上外邊距和下外邊距有時會合並（或摺疊）爲一個外邊距，其大小取其中的最大者，這種行爲稱爲外邊距摺疊（margin collapsing），有時也翻譯爲外邊距合併。 <!-- 外邊距摺疊演示 --> <div c

2018-08-24 15:11:20 2