原创 IE8下rgba()不兼容的解決方法

CSS: //一般的高級瀏覽器都支持 background: rgba(255,255,255,0.1); //IE8下 filter:progid:DXImageTransform.Microsoft.gradient(startC

原创 從輸入URL到頁面加載的過程?如何由一道題完善自己的前端知識體系!

前言 見解有限,如有描述不當之處,請幫忙指出,如有錯誤,會及時修正。 爲什麼要梳理這篇文章? 最近恰好被問到這方面的問題,嘗試整理後發現,這道題的覆蓋面可以非常廣,很適合作爲一道承載知識體系的題目。 關於這道題目的吐槽暫且不提(這是一道被

原创 js 數組去重和性能比較

一、測試模版 數組去重是一個老生常談的問題,網上流傳着有各種各樣的解法 爲了測試這些解法的性能,我寫了一個測試模版,用來計算數組去重的耗時 // distinct.js let arr1 = Array.from(new Array(

原创 Promise實現原理(附源碼)

寫的是真的好,詳細,特此轉載保存一下。  本篇文章主要在於探究 Promise 的實現原理,帶領大家一步一步實現一個 Promise , 不對其用法做說明,如果讀者還對Promise的用法不瞭解,可以查看阮一峯老師的ES6 Promis

原创 從瀏覽器多進程到JS單線程,JS運行機制最全面的一次梳理

前言 見解有限,如有描述不當之處,請幫忙及時指出,如有錯誤,會及時修正。 ----------超長文+多圖預警,需要花費不少時間。---------- 如果看完本文後,還對進程線程傻傻分不清,不清楚瀏覽器多進程、瀏覽器內核多線程、JS單線

原创 vue源碼(九)渲染函數的觀察者與進階的數據響應系統

實際上在 揭開數據響應系統的面紗 一節中我們僅僅學習了數據響應系統的部分內容,比如當時我們做了一個合理的假設,即:dep.depend()這句代碼的執行就代表觀察者被收集了,而 dep.notify() 的執行則代表觸發了響應,但是我們並

原创 如何在Vue項目中修改第三方組件樣式

原文鏈接:https://www.jianshu.com/p/b19502a8a4c6 About 有時候我們在vue項目中引入了第三方組件,但是大多數時候組件的樣式可能都不滿足我們的需求,這時

原创 javascript中正則表達式的基礎語法

前面的話   正則表達式在人們的印象中可能是一堆無法理解的字符,但就是這些符號卻實現了字符串的高效操作。通常的情況是,問題本身並不複雜,但沒有正則表達式就成了大問題。javascript中的正則表達式作爲相當重要的知識,本文將介紹正則表達

原创 從瀏覽器多進程到JS單線程,JS運行機制最全面的一次梳理

前言 見解有限,如有描述不當之處,請幫忙及時指出,如有錯誤,會及時修正。 ----------超長文+多圖預警,需要花費不少時間。---------- 如果看完本文後,還對進程線程傻傻分不清,不清楚瀏覽器多進程、瀏覽器內核多線程、JS單線

原创 webpack 配置 publicPath的理解

在學習webpack的時候,配置文件中有一個publicPath屬性,一直不是很明白它到底是怎麼用,也查了很多資料,得到最多的說法是當打包的時候,webpack會在靜態文件路徑前面添加publicPath的值,當我們把資源放到CDN上的時

原创 詳解 Babel

說到 babel,一連串名詞會蹦出來: babel-cli babel-core babel-runtime babel-node babel-polyfill ... 這些都是 babel 嗎?他們分別是做什麼的?有區別嗎? babel

原创 瀏覽器中在線預覽pdf文件(不使用插件)

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <script src="jquery.min.j

原创 http緩存,強緩存和協商緩存

原文鏈接:http://caibaojian.com/http-cache-3.html 下面我貼出2道題,大家可以嘗試解答下:· 以下爲 page.html 內容: <!DOCTYPE html><html xmlns="http:/

原创 用html2canvas和jspdf實現將html轉成pdf下載到本地

解決了下載的圖片會模糊和偏移的問題 <script src="${basePath!}/js/bluebird.js"></script> <script src="${basePath!}/js/jspdf.debug.js"></s

原创 jquery.print.js打印

<script src="${basePath!}/js/jQuery.print.js"></script> 思想就是:先轉成圖片,在打印,省得會有頁面亂掉的問題, function toImg(fn){ var copyDom