原创 CSS - 垂直水平居中方法

參考鏈接 整理搬運css垂直水平居中方法,區分內聯元素與塊級元素 CSS垂直居中和水平居中 【原】用css讓一個容器水平垂直 內聯元素居中方法 水平居中設置: 行內元素 設置 text-align:center; Flex佈局 設置

原创 JS單線程與setTimeout執行原理

Javascript 引擎單線程機制 首先明確,JavaScript引擎是單線程機制。 JavaScript 是單線程執行的,無法同時執行多段代碼。當某一段代碼正在執行的時候,所有後續的任務都必須等待,形成一個任務隊列。一旦當前任務執行完

原创 jquery ajax 封裝說明

簡要說明 前面我寫了一篇《封裝 jquery ajax 及 api 文件》文檔,主要用來說明我們在項目中通常會對 jquery 的 ajax 方法進行進一步的封裝處理,便於我們在業務代碼中使用。從那篇文檔中我們可以瞭解到如何封裝ajax方法

原创 通用 jQuery ajax 封裝及 api 文件設計方法

封裝 jquery ajax 文件 /** * 封裝 jquery ajax * 例如: * ajaxRequest.ajax.triggerService( * 'apiCommand', [命令數據] ) * .th

原创 jQuery 中的 Deferred 對象

參考鏈接 jQuery API中文文檔 jQuery.Deferred jQuery.when jQuery的deferred對象詳解 jQuery deferred 對象的 promise 方法 jQuery中的Deferred-詳解和

原创 Web 前端性能分析(二)

簡要說明 在上一篇文章《Web 前端性能分析(一)》中,我們對前端性能相關的知識進行了學習和探討,並且做了一個試驗性質的項目用來實踐和驗證,本文附上主要功能模塊 - WebPerformance.js 的源碼,作爲對web前端性能分析的學習

原创 瀏覽器解析渲染HTML文檔的過程

參考資料 瀏覽器的工作原理 瀏覽器加載網頁時的過程是什麼? HTML渲染過程詳解 瀏覽器的工作原理 一、瀏覽器的高層結構 瀏覽器的主要組件爲: 用戶界面 - 包括地址欄、前進/後退按鈕、書籤菜單等。除了瀏覽器主窗口顯示的您請求的頁面外

原创 Web 前端性能分析

參考鏈接 初探 performance – 監控網頁與程序性能 使用簡潔的 Navigation Timing API 測試網頁加載速度 前端性能統計 前端性能——監控起步 使用性能API快速分析web前端性能 Page Visibili

原创 在 React-CRA 應用中配合 VSCode 使用 ESLint 實踐前端編碼規範

更新時間:2019-01-22React.js create-react-app 項目 + VSCode 編輯器 + ESLint 代碼檢查工具 + Airbnb 編碼規範 前言 爲什麼要使用 ESLint 在項目開發過程中,編寫符合團隊編

原创 React-CRA 多頁面配置(react-app-rewired)

更新時間:2019-01-11版本信息:CRA v2.1.1 + Webpack v4.19.1 + react-app-rewired v1.6.2 一、前言 爲什麼要進行多頁面配置 在使用 React 進行開發的過程中,我們通常會使用

原创 React - 多頁面配置(creat-react-app)

creat-react-app 多頁面配置 說明 本文對 React 多頁面應用配置的探討是基於使用 creat-react-app 構建的項目,並不是 webpack 多頁面配置教程。 在使用 React 進行開發的過程中,我們通常會使用