原创 viewport的深入理解-移動前端開發

在移動設備上進行網頁的重構或開發,首先得搞明白的就是移動設備上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有關的meta標籤的使用,才能更好地讓我們的網頁適配或響應各種不同分辨率的移動設備。 一

原创 JS閉包可被利用的常見場景

場景一:採用函數引用方式的setTimeout調用 閉包的一個通常的用法是爲一個在某一函數執行前先執行的函數提供參數。例如,在web環境中,一個函數作爲setTimeout函數調用的第一個參數,是一種很常見的應用。 setTim

原创 瀏覽器對同一域名進行請求的最大併發連接數

當我們在瀏覽網頁的時候,對瀏覽速度有一個重要的影響因素,就是瀏覽器的併發數量。併發數量簡單通俗的講就是,當瀏覽器網頁的時候同時工作的進行數量。 如果同時只有2個併發連接數數量,那網頁打開的時候只能依賴於這2條線程,前面如果有打開慢的內

原创 vue前端路由地址中的#號是什麼,該怎麼處理

1.在用vue.js做微信公衆號支付的時候碰到了很奇怪的問題,並且只有android系統會發生這種問題:get_brand_wcpay_request:fail 這個錯誤是因爲授權目錄填寫錯誤導致的,授權目錄整個鏈接中都不能出現#號哦

原创 前端渲染和後端渲染,要說的都在這裏?

時下,前端 UI 設計越來越複雜,可謂“XX與XX齊飛,XX共XX一色”。  越來越複雜的 UI 意味着越來越重的 渲染工作。 目前通常有兩種選擇:服務器渲染 與 客戶端渲染 筆者是支持客戶端渲染的(沒錯就是欽點的) 以 J

原创 關於vue.js是什麼,爲什麼要在nodejs中安裝?

Vue.js可以在html裏引用,使用npm引入是方便包管理。等到應用需要的庫和框架多起來後,一個個從html裏引入就不方便了。所以用到打包工具比如webpack,可以直接require引入之後將不同模塊打包成單個js文件。同時這些工具提

原创 後端渲染和前端渲染的比較

脫離場景談架構都是耍牛氓!不同的方案會有不同的優劣,我們來比較一下後端模板渲染和前端模板渲染:一、後端渲染頁面呈現速度:快,受限於用戶的帶寬流量消耗:少一點點(可以省去前端框架部分的代碼)可維護性:差(前後端東西放一起,掐架多年,早就在鬧

原创 js中的事件委託

起因: 1、這是前端面試的經典題型,要去找工作的小夥伴看看還是有幫助的; 2、其實我一直都沒弄明白,寫這個一是爲了備忘,二是給其他的知其然不知其所以然的小夥伴們以參考; 概述: 那什麼叫事件委託呢?它還有一個名字叫事件代理,Ja

原创 nodejs到底是什麼?

初學NodeJS,就是要弄清楚什麼是nodejs,能做什麼,怎麼用。。 什麼是nodejs?     腳本語言需要一個解析器才能運行,JavaScript是腳本語言,在不同的位置有不一樣的解析器,如寫入html的js語言,瀏覽器是它

原创 css3 rem的用法——網頁佈局

 rem這是個低調的css單位,近一兩年開始嶄露頭角,有許多同學對rem的評價不一,有的在嘗試使用,有的在使用過程中遇到坑就棄用了。但是我對rem綜合評價是用來做web app它絕對是最合適的人選之一。 rem是什麼?     re

原创 當spa單頁面應用遇上SEO,蛋痛的經歷

spa單頁面應用優點當然毋庸置疑:效果酷炫,我在視覺和產品面前無從反駁;性能高速度快,全JS嘛當然快,我在運維和產品面前無言以對;運算分散,異步加載,又省硬件又省流量,我在開發和產品面前徹底投降;JS前後端,一個人幹一個站的活兒——關於

原创 git對比svn有什麼優勢

能想出很多git優於subversion的地方,大部分是體現在分佈式優於集中式的特徵上,但如果你讓我說出任何SVN分過來勝過git的地方,我竟一時想不出來一個。但這就能說明git完勝SVN嗎? 事實當然不是這樣,就像是Windows和Li

原创 vue生命週期

Vue生命週期 這是Vue文檔裏關於實例生命週期的解釋圖 那麼下面我們來進行測試一下 <section id="app-8"> {{data}} </section> var myVue=new Vue({