原创 JavaScript歷史學習總結
javascript歷史 1994年網景公司，發佈了 Netscape 瀏覽器，因此急需一門腳本語言，使得網頁可以和人互動。 1995年網景公司，錄用的 Brendan Eich，讓他擔任這門語言的設計師。 公司要求這門語言必須看上去“與
2019-09-15 01:08:17
原创 javascript基本語法學習總結
語句和表達式 表達式和語句的區別在於，語句是爲了進行某種操作，一般情況下不需要返回值，而表達式是爲了得到值。 一般情況下，在javascript中每一行就是一個語句。 let a = 1 + 3 這是一條賦值語句，其中1+3就是語句。 標識
2019-09-15 01:08:06
原创 瀏覽器渲染及動畫
瀏覽器渲染原理： 瀏覽器在渲染頁面之前會先構建DOM樹和CSSDOM樹。 HTML會轉換成文檔對象模型DOM，CSS會轉換成CSS對象模型CSSDOM。它們兩個是互相獨立的數據結構。 DOM和CSSDOM組合在一起形成渲染樹。 遍歷
2019-09-15 01:07:55
原创 canvas入門——圓繪製
arc 語法：arc(x, y, radius, startAngle, endAngle, anticlockwise) 前面兩個參數是x座標，y座標，第三個參數是半徑，第四個參數是開始的弧度，第五個參數是結束的弧度，第六個參數是順時針還
2019-09-08 22:45:07
1
原创 【canvas】canvas入門——用canvas製作倒計時項目總結
項目演示 此項目是慕課網上的視頻，這篇文章自己的學習總結。 點陣 在canvas中繪製數字，可以使用點陣的方式。 下面是5的點陣佈局，1代表要繪製，0代表不要繪製。這裏數字採用的是10 * 7的網格系統，冒號是10 * 4的網格系統。 [
2019-09-08 22:35:03
1
原创 canvas入門——線段繪製
moveTo、lineTo 使用canvas繪製一條線段，默認已經拿到canvas的上下文context 繪製一條直線需要使用context提供的moveTo、lineTo方法 moveTo是線段的起點，lineTo是線段下一個點，最後
2019-09-08 15:45:04
原创 認識盒模型
盒模型是用來表示每個元素所佔用空間的大小。由4個區域組成，分別是內容區域、內邊距區域、邊框區域、外邊距區域。這些區域分別對應了5個屬性： width和height，寬度和高度 padding內邊距 border邊框 margin外
2019-09-01 17:45:04
原创 【重學前端學習筆記】關於類型，有哪些你不知道的細節
在學習《關於類型，有哪些你不知道的細節》一章節中，講到了javascript內置了Symbol.toPrimitive屬性，可自定義類型轉換操作。 typeof 我們最常使用typeof來進行類型檢測，對於基本類型使用typeof能得到我們
2019-08-19 20:55:08
2
原创 【重學前端專欄學習筆記】建立系統的知識架構體系
明確你的前端學習路線 自己特別喜歡屯課，看着自己買的課，有種滿足感，彷彿知識都是我的了，翻看極客時間買的課，決定這段時間把重學前端專欄學習一遍。 從週六到今天，一共學習了 5 篇文章，這個專欄的信息量是非常大的，特別是第一章《前端的學習路線
2019-08-16 00:05:05
5
原创 在命令行中執行 ts
配置 npm 淘寶源 npm config set registry https://registry.npm.taobao.org/ 如果後悔了，想撤銷淘寶源就運行npm config delete registry 在命令行運行ts文件
2019-04-08 21:05:11
2
原创 去哪兒網項目學習總結
項目準備 目錄結構 readme //項目的說明文件 package.json //第三方依賴包配置 package.lock.json //幫助我們去確定安裝的第三方依賴包的具體的版本，保持
2019-03-03 02:26:03
原创 Vue 2.x 文件夾目錄
外層目錄： readme //項目的說明文件 package.json //第三方依賴包配置 package.lock.json //幫助我們去確定安裝的第三方依賴包的具體的版本，保持團隊編程
2019-02-26 10:24:43
原创 初探 Vue 生命週期和鉤子函數
生命週期 生命週期函數就是 Vue 實例在某一個時間點會自動執行的函數。 簡單來說就是好像把人的出生到死亡分成一個個階段，你取名字肯定是在你出生階段，而不是在成年階段；你結婚肯定是在成年階段，而不是在出生階段；如果說你在出生階段想去階段，那
2019-02-25 18:54:44
1
原创 Vue 動畫的封裝
如何進行動畫封裝，讓動畫變的可複用，看下面代碼 .fade-enter,.fade-leave-to{ opacity: 0; } .fade-enter-active, .fade-leave-active{ transi
2019-02-12 17:54:39
1
原创 Vue 中多個元素或組件的過渡
多個元素之間過渡動畫效果 多元素之間如何實現過渡動畫效果呢？看下面代碼 .fade-enter, .fade-leave-to{ opacity: 0; } .fade-enter-active, .fade-leave-activ
2019-02-12 16:44:51
2