原创 不同內核瀏覽器的差異以及瀏覽器渲染簡介
一、簡單介紹一下什麼是瀏覽器內核。 瀏覽器最重要或者說核心的部分是“Rendering Engine”，可大概譯爲“解釋引擎”，不過我們一般習慣將之稱爲“瀏覽器內核”。負責對網頁語法的解釋（如HTML、JavaScript）並渲染（顯示）
2019-02-27 19:49:13
原创 Vue數據響應式原理
前言 Vue.js 的核心包括一套“響應式系統”。 “響應式”，是指當數據改變後，Vue 會通知到使用該數據的代碼。例如，視圖渲染中使用了數據，數據改變後，視圖也會自動更新。 舉個簡單的例子，對於模板： <div id="root">{
2018-12-07 22:09:13
原创 Vue2源碼分析
分析目標 通過閱讀源碼，對 Vue2 的基礎運行機制有所瞭解，主要是： Vue2 中數據綁定的實現方式 Vue2 中對 Virtual DOM 機制的使用方式 源碼初見 項目構建配置文件爲 build/config.js，定位 vue.j
2018-12-07 22:09:13
原创 Vue數據綁定以及雙向綁定原理分析
效果 分析 已經瞭解到vue是通過數據劫持的方式來做數據綁定的，其中最核心的方法便是通過Object.defineProperty()來實現對屬性的劫持，達到監聽數據變動的目的，無疑這個方法是本文中最重要、最基礎的內容之一，如果不熟
2018-11-28 13:12:30
原创 自動提取HTML中的JS進行合併與壓縮
前段時間公司做網站的優化，其中就有將HTML文件中用到的多個JS壓縮成一個min.js。現在做一個總結： css js 壓縮用的是 gulp,只要寫一個gulpfile.js腳本即可，非常方便 css 目前只是將每個源CSS文件壓縮了
2018-11-26 06:56:28
原创 用gulp做一個略完整的前端打包工作~
分模塊，每個模塊都有獨立的頁面和靜態文件，並將所有靜態文件打在一個文件夾下， 一些常用變量可以進行替換，並可進行簡單的頁面動態生成， 生產環境打包與線上環境打包分開進行， 靜態文件進行壓縮合並，加md5以及cdn， wap的靜態
2018-08-22 03:27:20
1
原创 點擊頁面判斷是否安裝app並打開，否則跳轉app store的方法
常常有這樣的場景，咱們開發出來的APP需要進行推廣，比如在頁面頂部來一張大Banner圖片，亦或一張二維碼。但往往我們都是直接給推廣圖片加了一個下載鏈接（App Store中的）。所以咱們來模擬一下用戶的操作步驟： 1、用戶第一
2018-08-22 03:27:20
57
原创 大型網站應用之海量數據和高併發解決方案總結一二
目錄(?)[-]一網站應用背景二針對海量數據和高併發的主要解決方案三海量數據的解決方案高併發情況下的解決方案總結一、網站應用背景開發一個網站的應用程序，當用戶規模比較小的時候，使用簡單的：一臺應用服務器+一臺數據庫服務器+一臺文件服務器，
2018-08-22 03:27:20
原创 瀏覽器渲染頁面過程與頁面優化
從用戶輸入瀏覽器輸入url到頁面最後呈現 有哪些過程？一道很常規的題目，考的是基本網絡原理，和瀏覽器加載css，js過程。答案大致如下：用戶輸入URL地址瀏覽器解析URL解析出主機名瀏覽器將主機名轉換成服務器ip地址（瀏覽器先查找本地DN
2018-08-22 03:27:20
3
原创 構建一個預渲染SEO友好的應用示例
“我受不了了！我們的內部報告面板太爛了”產品經理很生氣。他從這個即將崩潰的應用程序中拉取數據的操作是災難性的。“Max，我們需要更好的報告。你能修嗎？”“老實說，我更願意建立一個全新的應用”，我笑着回答說。“好，請便。全權委託，老鐵”我笑
2018-08-22 03:27:20
3
原创 webpack—devtool裏的7種SourceMap模式
我們先來看看文檔對這 7 種模式的解釋： 模式 解釋 eval 每個module會封裝到 eval 裏包裹起來執行，並且會在末尾追加註釋 //@ sourceURL. source-map 生成一個SourceMap文件. hidden-
2018-08-22 03:27:20
原创 VUE預渲染遇到的坑
遇到的問題 1.下載prerender-spa-plugin 失敗解決方案 我更新prerender-spa-plugin 發現運行 下去都是 error報錯 安裝不成功， 但是他會提示你對downloading 什麼文件
2018-08-22 03:27:20
2
原创 掃描二維碼自動識別手機APP下載地址
移動互聯網發展迅速，各種APP的開發都太瘋狂了，一般稍大點兒的應用，都會準備多個版本，比如：iPhone版、iPad版、Android版，我們姑且稱之爲：終端適配。 業務做的再大點兒的，APP還會考慮覆蓋到多個國家，比如：中文版
2018-08-22 03:27:18
原创 如何修改Apache的默認站點目錄
修改Apache的默認站點目錄 Apache HTTP Server安裝好後，默認的站點目錄位於其安裝目錄下的htdocs文件夾內，默認首頁是該文件夾的index.html文件。比如，我的Apache是安裝在C:/P
2018-08-22 03:27:18
1
原创 前端代碼規範（靜態檢查）工具
爲了統一團隊的代碼規範，除了一紙規範說明之外，還需要引入工具進行限制。雖說工具並不能完全實現規範中的規則，但至少能夠在一定程度上緩解代碼不統一的局面。相對於後端，前端代碼規範的質量檢查涉及到HTML, CSS，Javascript ，如今
2018-08-22 03:27:18