原创 2020前端知識體系(圖譜)

前言 隨着前端的不斷髮展,各種框架概念層出不窮,初級希望能瞭解前端整個知識體系,加強對前端認知,有一定工作經驗的前端工程師也希望能構建自己的知識體系,往更高的層次邁進。因此本人查閱多方資料,結合自己的瞭解認知,整理出如下的知識圖譜

原创 JavaScript代碼優化 --- 長期更新

自2015年6月17日(ECMAScript 2015(ES6)正式版發佈至今已快三年,衆多新特性使得JavaScript不再是一門“簡陋”的語言,Node端在6.4.0之後的版本對ES6的原生支持已達到95%(參考:node各版

原创 用 cavas 下一場雪

效果圖 (實際是動的,演示地址:canvas 下雪,倉庫地址:canvs 雪) 解析: 畫一朵雪花的思路: 本文擬定雪花外輪廓爲正N邊形,則雪花同中心各邊長度相等,相鄰邊形成的夾角相等。 選取一點爲雪花的中心{x0,y0},雪花

原创 2017校招全國統一模擬考試(第五場)JavaScript解法記錄(題目來源-->牛客網)

1.[編程題] 彩色瓷磚 時間限制:1秒 空間限制:32768K 牛牛喜歡彩色的東西,尤其是彩色的瓷磚。牛牛的房間內鋪有L塊正方形瓷磚。每塊磚的顏色有四種可能:紅、綠、藍、黃。給定一個字符串S, 如果S的第i個字符是’R’,

原创 用echarts放個煙花

echarts2內置了很多漂亮的點樣式,在使用過程中受到漂亮圖形的啓發想到了可以用echarts模擬一個煙花,然後就開始做了。幾個要點就是隱藏地圖,隨機座標添加。展示效果:echarts煙花 點贊 收藏 分享

原创 JavaScript日期格式轉換

var formatDate = function(oDate,sFormation){ var obj = { yyyyyyyy:oDate.getFullYear(), yy:oDate.getFullYe

原创 用SQL進行地鐵線路換乘查詢

這代碼是當初做課程作業時寫出來的,過了幾個月了現在看了看發現還挺不錯的,說不定現在還寫不出來了呢·~·。語法較爲基礎,都是簡單的關鍵字,但是邏輯嵌套比較複雜,也用了大量的in,所以效率上可能不那麼給列,不知道用來查公交速度如何~~

原创 HTTP與UDP的區別比較

TCP(Transmission Control Protocol,傳輸控制協議)與UDP(User Data Protocol,用戶數據協議)是互聯網傳輸數據較爲常用的協議,我們熟知的HTTP就是基於TCP的。 二者區別: 1. 連接

原创 網易面試題記錄(題目來源-->牛客網)

1.魔法幣:小易準備去魔法王國採購魔法神器,購買魔法神器需要使用魔法幣,但是小易現在一枚魔法幣都沒有,但是小易有兩臺魔法機器可以通過投入x(x可以爲0)個魔法幣產生更多的魔法幣。 魔法機器1:如果投入x個魔法幣,魔法機器會將其變

原创 微博簽到數據可視化分析研究

主要是就是用echats對微博簽到數據進行可視化,從展示效果上可以得到一些結論(這裏就不寫啥結論了,數據是當初參加比賽官方給的,大家可以自己寫爬蟲去爬,或者某些公衆號會公開一些),具體代碼什麼的後臺就是個數據讀取而已,前端的F12

原创 原生JavaScript實現前端翻頁插件

之前做項目有遇到需要使用翻頁插件,公司原來使用的是基於jQuery和bootstrap擴展的插件,依賴較多,後來自己就嘗試着用原生的JS實現插件效果,由於技術水平有限,花了一天多時間算是完工,但可能還有一些BUG本人未完全測試出,一些代碼

原创 HTTP常見狀態碼(部分)

1XX 100: 客戶端應當繼續發送請求。這個臨時響應是用來通知客戶它的部分請求已經被服務器接收,且尚未被拒絕。客戶端應當繼續發送請求的剩餘的部分,或者如果請求已經完成,忽略這個響應。服務器必須在請求完成後向客戶端發送一個最終響應

原创 前端單元測試(Unit Testing)整理

是什麼 wiki: 在計算機編程中,單元測試(英語:Unit Testing)又稱爲模塊測試, 是針對程序模塊來進行正確性檢驗的測試工作。程序單元是應用的最小可測試部件。在過程化編程中,一個單元就是單個程序、函數、過程等;對於面向

原创 HTML Entity 簡介

HTML Entity 是什麼 HTML Entity 是一段字符串組成的文本,以 “&” 符號開頭,以 “;” 結尾, 誕生原因 一些字符在 HTML 中是預留的,擁有特殊的含義,比如小於號 < 用於定義 HTML 標籤的開始。

原创 使用 canvas 實現 js 取漸變色某段色值

背景 開發大屏時遇到一個需求:需要由數值映射到顏色,具體表現爲 0-100 分別對應由綠、黃、橙、紅組成的漸變色的某段,即 10 應該對應綠黃之間的某個色值。 預期 傳入所需漸變的色值,返回一個可取色的對象,調用此對象的取色方法