原创 瀏覽器解析原理

瀏覽器文檔流 -》htmlDOM結構 -》css結合 -〉佈局-》繪製頁面  第一步 HTML轉換成DOM 服務端返回‘text/html’ 格式的文檔流,HTML字符串描述流頁面的結構,瀏覽器會把HTML字符串解析成DO

原创 (一)性能優化策略

用例代碼 <head> <meta charset="utf-8"> <title>JS and CSS preload example</title> // 1. 瀏覽器可以預先加載style.css, main.

原创 mpvue & 小程序 中的事件處理

事件綁定 使用方法基本是一樣的。但是在小程序中會編譯成 bindtap 捕獲冒泡 小程序: .wxml <view id="wrapper" bind:tap="bind1" capture-bind:tap="c

原创 Yahoo 34條軍規

1.儘量減少HTTP請求數 80%的終端用戶響應時間都花在了前端上,其中大部分時間都在下載頁面上的各種組件:圖片,樣式表,腳本,Flash等等。減少組件數必然能夠減少頁面提交的HTTP請求數。這是讓頁面更快的關鍵。 減少頁面組件數的一種

原创 2. 架構設計的歷史背景 & 語言發展

理解了架構的有關概念和定義之後,今天,我會給你講講架構設計的歷史背景。我認爲,如果想要深入理解一個事物的本質,最好的方式就是去追尋這個事物出現的歷史背景和推動因素。我們先來簡單梳理一下軟件開發進化的歷史,探索一下軟件架構出現的歷史背景。

原创 TypeScript 2.7 - [ 1小時快速入門]

基本數據類型 基本數據類型 - boolean,number,string,any,void 基本結構類型 - Array,enum TS函數類型 函數類型聲明 function add(x: number, y: numbe

原创 3. 架構設計的目的

首先我們思考一個問題”爲什麼要做架構設計?” 架構設計的誤區 關於架構設計的目的,常見的誤區有: 1. 因爲架構很重要,所以要做架構設計 2. 不是每個系統都要做架構設計嗎 3. 公司流程要求系統開發過程中必須有架構設計 4. 爲了高性

原创 vuex 深入實踐

Vuex 核心模塊 state 單一狀態樹,用一個對象就包含了全部的應用層級狀態 mapState 當一個組件需要多個狀態的時候, 將這些狀態都聲明爲計算屬性,會有些重複和冗餘 對象展開符號 …mapState({}) impor

原创 1. 架構到底是指什麼? & 容易混淆的概念

架構”這個詞常見,但如果深究一下“架構”到底指什麼,大部分人也許並不一定能夠準確地回答。例如: 架構和框架是什麼關係?有什麼區別? Linux 有架構,MySQL 有架構,JVM 也有架構,使用 Java 開發、MySQL 存儲、跑在

原创 python3.x 快速入門

Edit the > 2018/6/15 11:26:53 1認識Python 人生苦短,我用python - 優雅,明確,簡單 是python設計哲學 - python的設計目標之一, 是讓代碼具備高度的可閱讀性 - pytho

原创 Linux 下使用 samba 共享服務

linux 下的授權機制 第一用戶: 文件的所有者; 第二用戶: 該文件的所有者下的其他用戶,相當於win下的另一用戶 第三用戶: 代表其他用戶 r : 可讀 w: 可寫,可修改,可刪除 x : 可執行的 - :沒有該權限

原创 sass 速查手冊 - [ 實戰篇]

1. 安裝 click sass install sass環境配置 ;我這裏略過~ 直接實戰 2. sass命令使用 //cmd 輸出文件 sass sass/style.scss:css/style.css //cmd 文件

原创 Android 導讀

Android歷代版本發展 android 4.1/4.2/4.3 實現了通話功能 andriod 4.4 實現了原生計步功能,NFC,java虛擬機 andriod 5.0 支持64位處理器 andriod 6.0 實現了

原创 前端裏的持續集成

什麼是持續集成,什麼是統一代碼倉庫,前端工程化,自動化構建 持續集成 持續集成需求 持續集成式通過平臺串聯各個開發環節,實現和沉澱工作自動化的方法; 線上代碼和代碼倉庫不同步,影響迭代和團隊協作; 靜態資源發佈依賴人工,浪費開發人力;

原创 [ Grunt + Gulp + Rollup + Bower + Yeoman + Browerify + Parcel ] 構建工具淺析及使用場景

有些公司的老項目,會用到這些工程化開發; 我留下了github上的各種實例 *.conf文件都有註釋; 基本上完整的; 如果在跟新了新特性.也可以在我這上面測試嘗新; Parcel 這個要比webpack入手容易, 學習曲線不會