原创 instanceOf學習筆記

  * 自用筆記:instanceOf學習 * instanceof運算規則: 如果運算符後面的函數 的prototype屬性所引用的對象, 出現在 運算符前面的對象 的原型鏈上的話,就返回true; 否則就返回false。

原创 有關Charles 抓包工具的破解和 Https 配置

寫在前面 由於之前查了好多無良的帖子,看了那麼多字,發現好幾篇都是一樣的,有的複製的還不是很全,真的很坑,emmmm… Charles 軟件破解方式 去官網 下載適合自己系統的版本並安裝 去破解網站根據自己Charles的版本下載對

原创 Echarts 圖表tooltip的自動播放

// 寫一個函數,參數爲chart圖表的ref參數, 自動播放的間隔時間time // 注意chart的option配置項series 要寫成數據的形式,如果爲對象 修改函數裏面series的判斷 autoPlayToopTip (c

原创 javascript 原形鏈的江湖恩怨

寫在前面 說到原型鏈這個愛恨交織、錯綜複雜的東西,今天我們就來看看這是個神馬東東 首先追本溯源,爲啥有原型鏈這麼個東西,這就要講到原型,繼承,對象這些概念 1. 對象 對象 object 說到對象的概念,我們都會仰天長嘆:萬物皆對象;

原创 es6的擴展運算符 ... 你瞭解多少呢

寫在前面 之前學習react 過程中,遇到… 知道的不是很清楚,只是知道例如下面這樣…arr1 相當於2, 4, 5, 6 let arr1 = [2, 4, 5, 6] let arr2 = [...arr1] arr2 輸出爲 [

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

瀏覽器加載解析過程 在面試的時候,有的面試官會問到js加載是不是會阻塞DOM樹的解析和渲染,css會不會,或者問到相關問題,就想總結一下,首先有幾個問題,自己在查詢資料的時候,答案衆說紛紜,通過自己學習,總結如下,也歡迎糾正 1.css

原创 CSS相關及一些兼容性問題

#### CSS相關及一些兼容性問題 1.cursor:hand VS cursor:pointer firefox不支持hand,但ie支持pointer 解決方法: 統一使用pointer

原创 關於D3.js

D3.js學習 官方網站:https://d3js.org/ 什麼是D3.js D3 的全稱是(Data-Driven Documents),是一個用動態圖形顯示數據的JavaScript庫,一個數據可視化的工具。兼容W3C標準,並且

原创 2017自己前端面試題總結

面試題總結 1.一個寬度爲120px的div裏面有三個40px的div,這時候給三個div加上border 1px的話,會發生什麼,如何解決? 答:加上border 1px的話,最後一個會掉下來,給父盒子設置display:flex;

原创 網頁性能優化

網頁性能優化 1. 圖片優化 1.1 樣式代替圖片 例如:半透明、圓角、陰影、高光、漸變等。這些效果主流的瀏覽器都能夠完美支持,而對於那些低端瀏覽器,我們並不會完全拋棄他們,“漸進增強”則是一個很好的解決方案。 1.2 精靈圖 CS

原创 NodeJS學習

  * 自用筆記:NodeJS學習 * 1. Node.js概述 1.1 Node.js是一個在瀏覽器之外可以解析和執行JavaScript代碼的運行時環境,或者說是一個運行時平臺;基於V8引擎,事件驅動,非阻塞IO模型,高效輕便 1.2

原创 let和const的區別

let和const的區別 let與const都是隻在聲明所在的塊級作用域內有效 let用來定義變量,無論是不是嚴格模式下,聲明未初始化的時候,都不會報錯,和var作用一樣,返回undefined const用來定義常量,而且聲明時必須

原创 模塊化開發

  * 自用筆記:模塊化開發學習 * 模塊化開發 1. 概述 1.1 當你的網站開發越來越大複雜的時候,會經常遇到什麼問題? 命名衝突 文件依賴 。。。。。。 各種問題。。。 1.2 程序模塊化開發優點 開發效率高 代碼方便重用,

原创 Canvas學習筆記

  * 自用筆記:Canvas學習 * canvas簡介 Canvas簡介: 概念:H5 提供的一個新的標籤元素。中文:畫布 Canvas是指 可以在其上面 通過腳本語言(通常爲js) 繪製圖形、圖像以及製作動畫的標籤。 Canv

原创 token相關

  * 自用筆記:token相關 * token相關 1.token的工作原理 1> 登錄時候,客戶端通過用戶名與密碼請求登錄 2> 服務端收到請求區驗證用戶名與密碼 3> 驗證通過,服務端會簽發一個Token,再把這個Token發