原创 前端特效【第03期】|果汁混合效果-上
前幾天有一個熱心的小夥伴找到我說，我看到一個很好看的效果，可不可以講講？ 這種要求我向來是不會拒絕的，於是就有了今天的案例。同樣，大家以後如果有什麼想要了解的效果的話，也可以在下方留言給我，說不定我的下一個視頻講解就是你想要的案例哦...
2018-12-11 21:17:30
原创 前端常用插件、工具類庫彙總（下）
前言 對本文感興趣可以先加個收藏，也可以轉發分享給身邊的小夥伴，以後遇到類似的場景就來看看具體的插件及其用法。 上一篇《前端常用插件、工具類庫彙總（上）》內容摘要： 動畫庫 滾動庫 輪播圖 滾屏 彈出框 消息通知 下拉框 級聯選擇器 顏色
2018-12-11 21:17:30
原创 JavaScript的組成 | DOM/BOM
往期回顧 在上一期的《JavaScript的組成 | 核心-ECMAScript 》☜裏，我們有說到JavaScript 是由三大部分組成，分別是：核心ECMAScript、文檔對象模型-DOM、瀏覽器對象模型-BOM 那麼本期就讓我們繼續
2018-12-11 21:17:30
原创 Vue.js 3.0 新特性預覽
Evan You（尤雨溪）（2018年11月16日）前幾日的早上在 Vue Toronto 的主題演講中預演了 Vue 3 。 利用現代瀏覽器支持的新功能，Vue 3 將成爲我們已經瞭解和喜愛的 Vue.js 強大的的改進版本。 我們做了
2018-12-11 21:17:20
原创 React 新 Context API 在前端狀態管理的實踐
本文轉載至：今日頭條技術博客 衆所周知，React的單向數據流模式導致狀態只能一級一級的由父組件傳遞到子組件，在大中型應用中較爲繁瑣不好管理，通常我們需要使用Redux來幫助我們進行管理，然而隨着React 16.3的發佈，新contex
2018-12-11 21:17:20
6
原创 前端算法題 | 這道題效率最高的算法，你可能不知道？
尋找最長的不含有重複字符的子串 可能看標題不會明白這個題到底什麼意思，來看看下面的例子： abcabcbb ➡ abc ➡ 3 bbbb ➡ b ➡ 1 pwwkew ➡ wke ➡ 3 看了栗子是不是明白了呢？
2018-12-11 21:17:20
原创 前端特效【第04期】|果汁混合效果-下
往期回顧 在上一期的【前端特效】☜裏，我們已經把果汁混合的效果裏面的圓形菜單做好了，如果你錯過了上篇文章今天我們要討論的是杯子裏面的液體生成問題 先來回顧下咱們的果汁混合效果吧 果汁混合效果，掃描下方二維碼就看到啦： 我們接着上期的內容
2018-12-11 21:17:20
原创 炫酷粒子表白 | 聽說女神都想談戀愛了！
最近聽女神說想談戀愛了，✧(≖ ◡ ≖) 嘿嘿，一定不能放過這個機會，給她來個不一樣的表白。 那麼咱們就一起來把這個粒子系統玩出花來吧 演示地址： https://es2049.studio/work-show/textPraticle/
2018-12-11 21:17:19
2
原创 前端常用插件、工具類庫彙總（上）
前言 在開發中，我們經常會將一些常用的代碼塊、功能塊進行封裝，爲的是更好的複用。那麼，被抽離出來獨立完成功能，通過API或配置項和其他部分交互，便形成了插件。 下面這些是我在工作中積累的一些常用的前端開源插件，這裏只是羅列出來，詳細的用法
2018-12-11 21:17:19
原创 手把手教你實現一個 Vue 進度條組件！
最近在個人的項目中，想對頁面之間跳轉的過程進行優化，想到了很多文檔或 npm 等都用到的頁面跳轉進度條，於是便想自己去實現一個，特此記錄。 來看下 npm 搜索組件時候的效果： so 下面咱們一起動手實現一下唄。 ** 定義使用方式 *
2018-12-11 21:17:19
原创 代碼改變世界 | 如何封裝一個簡單的 Koa
下面給大家帶來：封裝一個簡單的 Koa Koa 是基於 Node.js 平臺的下一代 web 開發框架 Koa 是一個新的 web 框架，可以快速而愉快地編寫服務端應用程序，本文將跟大家一起學習：封裝一個簡單的 Koa 一個簡單的 htt
2018-12-11 21:17:19
1
原创 零基礎入門前端的修煉之道
本文是爲了給那些想要了解前端開發是什麼，或者剛剛打算開始學習前端的朋友們準備，希望可以幫助準備入行的你; 總所周知，目前無論是企業還是個人，都會有製作網站、博客、小程序等需求,他們希望把自己的產品或服務通過互聯網展示給更多用戶。在這種情況
2018-12-11 21:17:19
原创 移動端 H5 場景應用【破繭成蝶】案例鑑賞
移動端【破繭成蝶】場景請用微信掃描二維碼訪問（溫馨提示：H5案例有聲音，請打開聲音體驗）： 案例代碼： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" co
2018-12-11 21:17:19
原创 JavaScript和它父親的故事
附贈脫單祕籍：瞭解一些JavaScript的歷史，聊天的時候說不好可以獲得更多程序員小妹子的崇拜的喲~ ๑乛◡乛๑~ 閱讀本文可以讓你更好的理解什麼是ECMAScript。 本次文章內容來自：《JavaScript高級程序設計》，本書可以
2018-12-11 21:17:19
原创 玩轉 React【第02期】：戀上 React 模板 JSX
往期回顧 前文中我們講解了利用 ReactElement 來編寫React程序,但是我們也看到這種方式編寫 React 特別的麻煩，而且層級結構特別不清晰。今天我們來看一種優雅的編寫React的代碼的一種方式 JSX。 JSX JSX就是
2018-12-11 21:17:19