原创 我想學前端動畫-CSS之transition

Transition屬性: 屬性 描述 CSS transition 簡寫屬性,用於在一個屬性中設置四個過渡屬性。 3 transition-property 規定應用過渡的 CSS 屬性的名稱。默認值all。 3 t

原创 前端的貝塞爾

我想學前端動畫 最近想學習前端動畫,準備先從css3的動畫開始。 css3的動畫主要是 transition animation transition有animation-timing-function animation有animat

原创 兩個瀏覽器窗口間通信

兩個瀏覽器窗口間通信 補充一下,這裏的通訊指遵守同源策略情況下。 爲了吸引讀者的興趣,先把demo放到前面: 下面有幾個我自己寫的演示多頁面通訊的demo, 爲了正常運行,請用最新的chrome瀏覽器打開。 demo的源碼地址https:

原创 VSCode搭建node + typescript開發環境

我們一起來喜歡TypeScript 現在寫js不用TypeScript,倫家可能會覺得你是外星人。 是的,TypeScript很大程度增強了代碼的可讀性,可跟蹤性,可維護性和減少了bug。 那麼沒有理由不適用TypeScript進行js開發

原创 egret遊戲入門之學習資源篇

最近因需要,入手H5遊戲。 寫遊戲當然需要有引擎。 H5遊戲開發:遊戲引擎入門推薦 如何選擇 H5 遊戲引擎 白鷺引擎和layabox哪個好用,哪個技術更成熟 ? LayaBox 與 Egret 選擇哪個呢? Egret 4.1.6 和 L

原创 hot load那點事

熱加載,最初接觸的時候是使用create-react-app的時候,創建一個項目出來,修改一點代碼,頁面自動刷新了,貧道當時就感嘆,這是造福開發者的事情。 再後來編寫靜態頁面的時候使用 VS Code 的插件 Liver Server, 也

原创 來來來,實現一個簡單的抽獎

一回頭, 12月中旬了。 最近項目忙,還被封閉了半個月。 爲了保持一個月1到2篇博客,月中了,就說說上次寫的抽獎吧。 這裏講的是九宮格抽獎,其實圓盤的那種都類似。 在線demo地址 在線代碼地址 邏輯 點擊抽獎後立馬開始動畫效果 請求接口

原创 寫個簡單的chrome插件-京東商品歷史價格查詢

說chrome插件編寫的先關文章, 首推小茗的【乾貨】Chrome插件(擴展)開發全攻略。 有非常完善的理論,引用和demo代碼。 但是還是建議看官方的 chrome extensions。 chrome 插件是什麼,能做什麼 增強瀏覽器功

原创 koa-connect源碼解析

文中提到的koa均爲koa2 提到nodejs, 想必大家都知道express和koa. express: 大 koa: 小 比較的的是功能, 社區, 中間件,相關資源等 這裏我就專門說說中間件吧, 很多人可能說express插件豐富啊.

原创 Koa下http代理

前言 最近做管理後臺的重構或者說重做. 至於爲什麼要重構. 隨意的解釋: 是原來寫的人走了. 客觀的解釋: 用的人覺得不好用 維護的人員找不到北 再多一點解釋: express + ejs的混合編寫 單獨抽象了Router層,

原创 React中如何優雅的捕捉事件錯誤

React中如何優雅的捕捉事件錯誤 前話 人無完人,所以代碼總會出錯,出錯並不可怕,關鍵是怎麼處理。 我就想問問大家react的錯誤怎麼捕捉呢? 這個時候: 小白:怎麼處理? 小白+: ErrorBoundary 小白++: Error

原创 一行能裝逼的JavaScript代碼的延伸

前段就是坑,入坑水真深。 先看看一個黑科技, 納尼,這是什麼東西。 (!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]] 貼入瀏覽器執行一看,你個XX,你給老子等

原创 css hover遮罩層

馬上月底了, 這個月忙於工作和生活, 沒有很好的寫一篇博客, 有點憂傷. 爲了彌補, 就寫點簡單的. 最近項目有個需求, 就是鼠標移入的時候顯示一個層, 移除的時候這個層消失. 當然層是可以點擊進行額外操作的. 項目用的是react,最開始

原创 深入__proto__和prototype的區別和聯繫

前話 有一個一個裝逼的同事,寫了一段代碼 function a(){} a.__proto__.__proto__.__proto__ 然後問我,下面這個玩意a.__proto__.__proto__.__proto__是啥,然後我一臉懵逼

原创 輕量級前端模板

本來說的是輕量級ETemplate的實現,Git地址 說起模板引擎還是得提到jQuery之父John Resig的JavaScript Micro-Templating。 之前我這裏有文章專門解讀Micro-Templating源碼。 其核