原创 【動畫】簡易製作貝塞爾曲線動畫(JS+css3+canvas)

一些廢話(直接看代碼的可跳過) 貝塞爾曲線:什麼是貝塞爾曲線?用過PS的就知道,那破鋼筆工具就是,什麼,沒用過?自行百度用法。 需要的工具 ctrl+c、ctrl+v 直接上代碼 <!DOCTYPE html> <ht

原创 【算法】面對後端返回的上萬條json數據 - 讀取渲染修改,你會優化到哪一步?

說在前頭 別說不可能會遇到,確實,正常情況下是不會有那麼大的數據的,用戶也不可能幹等着你,content Download都要炸,所以前臺界面估計不多,但在後臺的大數據分析、gis監控、自動採集等的環境下還是較爲常見的。 開始

原创 【Chrome】Chrome-devtools:對ios-safari移動端的H5頁面進行調試(ios-webkit-debug-proxy)

說在前頭 要看乾貨的,可跳過該“說在前頭”章節 該類文章,百度上“一挖一麻袋”,但說句不好聽的,“一個能打的都沒有”,總結如下: scoop:win7下,搞這個都煩的一批,到最後“scoop install ios-webk

原创 【插件】打造屬於自己的cnpm/npm安裝,生成自定義項目架構

一些廢話(直接看代碼的可跳過) 現在前端圈子框架繁多,不乏一些自主研發或合作開發的公司內部框架,模塊/組件化、框架設計理念、架構分析、底層封裝等去搭建高樓大廈的骨架,爲的就是“維護、複用、二次開發、高效”等理念,濃縮就是兩字好用(

原创 【個人總結】es6箭頭函數以及es5的this指向問題

以下js比較示例,引用“小小小小小亮”同學 點擊我,跳轉至他的分析結果 一、比較並分析下例代碼的this指向問題 var a=11 function test1(){ this.a=22; let b=functio

原创 【JS】節點截圖的最終解決方案dom-to-image與html2canvas

說在前頭 這篇文章估計面向的人不多,所以我也不大篇幅的介紹這是幹啥的了 … 起先,我是單純想用domtoimage來解決我節點的截圖的,但嘗試了無數種方案,終是讓我敗下陣來 原因有仨 不使用代理且必須不能本地引入(當然前提是你圖

原创 【插件】gbel:es2015腳本 - 0配置高性能的編譯工具

說在前頭 類似的編譯腳本有很多,有人會問,babel都一統江湖了,還管你bubel、gbel什麼事? 沒錯,主打0配置高性能的gbel,終將歸入冷門,因爲他創建的初衷是我個人團隊所用的 當然冷門原因還有其他: 個人開發 - 含有

原创 【上班摸魚系列】文字選擇類遊戲:《職員默示錄 - 啓》末日喪屍爆發,你,是什麼下場!?

說在前頭 玩遊戲時,你應該做到 第一次,請認真代入玩(因爲第二次,就不是你真正的選擇了) 可以深思熟慮,但必須遵從你內心的安排,忌被“這樣選應該更好吧”的想法而左右 沉下心來,單獨玩,你的抉擇會定義主人公的性格 請模擬你什麼都不

原创 【插件】cors:vscode cors擴展 - 解決跨域開發最終版

說在前頭 解決跨域的方式不下7 8種,類似的文章我也發表過,但開發路上總會遇到一些奇奇怪怪的限制,讓你始終沒法easy調試,這次我乾脆寫了個vscode擴展,伴隨開發工具一起完滅Access-Control-Allow-Origin

原创 【react】【ts】架構、書寫規範

說在前頭 React因爲jsx的模式,比Vue的寫法更多,更雜亂,但勝在社區廣,開發者多,作爲Facebook爲後盾的開發者團隊們,更是底蘊深厚,出了一套又一套的擴展插件,理念也各不相同,有react-router3/4扁平化結構與過

原创 【庫】Generator:8行代碼優雅解決異步嵌套

Generator的核心“計步功能”亦可解決異步嵌套的問題,一定情況下的封裝可替代Promise Promise的簡易實現,可看該篇文章 【庫】Promise的簡便實現,15行代碼優雅解決異步嵌套 一、核心函數的定義 functio

原创 【庫】利用ES6 默認傳參Default Parameters改善柯里化應用

說在前頭 “一切皆對象”不知幾何起已成爲一種語言的楷模,一種對寫法規範的標準,但其實各種語言依然有他們自身的精彩與美麗,更何況當今多數插件的底層,算法仍無法避免面向過程的書寫(我們無法否認if else給我們帶來的便捷),所以在面向對象化

原创 【JS編寫規範一】庫 || 組件:ES5書寫示慄

以下所有示慄以【JQ】爲主(白盒模式僅供參考) 一、書寫方式之 —— “工廠模式” function $$(a) { var dom = document.getElementById(a) return {

原创 【前端面經】面試:最快最全面的滲透應聘者真實水平

說在前頭 所有的面試官、技術主管都是從應聘者的身份過來的,相信大家都有非常豐富的面試經驗,裏面有發展中的創業公司,有達到一定規模的上市公司,也分獨資的、合企的,有開發團隊百人以上的,也有少數精英團體的。但在應聘者角度下以下幾種情況常有發生

原创 【插件】JS維護nginx反向代理,媽媽再也不用擔心我跨域了!

一些廢話(直接看代碼的可跳過) “跨域了,咋搞啊!” “問你自己啊,我們後臺不配合解決的。” “你們寫幾句話就好了啊,cors、jsonp、header ……” “搞不來!不合法!不安全!……” “臥槽,這接口又跨域了,我CNML