20181121 前端開發日報

10 個有趣的 JSCSS 庫(2018.11);聊聊前端工程化;前端每日實戰:162# 視頻演示如何用原生 JS 編寫一個查詢 github 用戶的應用;# NodeJs 實戰——原生 NodeJS 輕仿 Express 框架從需求到實現(一);Angular 垮臺、ES6 最受歡迎,20,000 名程序員告訴你誰是 JS 王者;教程:從零開始使用webpack 4, Babel 7創建一個React項目(2018);精讀《怎么用 React Hooks 造輪子》;webpack4 optimization總結

  1. 10 個有趣的 JSCSS 庫(2018.11) Tutorialzine每月都會給我們精心挑選優秀的web開發資源,這些資源可以幫助我們解鎖最新和最炫酷的網絡開發姿勢。前端er,讓我們一起先睹為快吧! Omi 鵝廠出品,下一代 Web 框架,去萬物糟粕,合精華為一。讓 JSX, Web Components, Proxy, Store, Path Updating 在一起。響應式數據綁定,提供TypeScript...
  2. 聊聊前端工程化 我對工程化的理解 工程師是個古老的職稱了。耳熟能詳的有建筑工程師,電器工程師等,往往他們在人們腦海中的印象是刻板,嚴謹,可靠。 隨著互聯網的發展,軟件工程師出現了!他們不用一磚一瓦,也不用尺子電鉆,計算機是他們的施工現場,代碼是他們的工程部件,鍵盤之上的指尖躍動是他們的工程活動,在你看...
  3. 前端每日實戰:162# 視頻演示如何用原生 JS 編寫一個查詢 github 用戶的應用效果預覽 按下右側的“點擊預覽”按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。 [鏈接] 可交互視頻 此視頻是可以交互的,你可以隨時暫停視頻,編輯視頻中的代碼。 請用 chrome, safari, edge 打開觀看。 第 1 部...
  4. # NodeJs 實戰——原生 NodeJS 輕仿 Express 框架從需求到實現(一) 這篇文章是一個系列的文章的第一篇,主要是自己實現一個express的簡易版框架,加深對nodejs的理解。 確認需求 我們從一個經典的 Hello World 開始,這是 Express 官方文檔的第一個實例, 代碼如下 const express = require('express'); const app = express(); app.get('/', (req, res) => res.send('Hello ...
  5. Angular 垮臺、ES6 最受歡迎,20,000 名程序員告訴你誰是 JS 王者!】任何能夠用 JavaScript 實現的應用,最終都必將用 JavaScript 實現。 ???
    Angular 垮臺、ES6 最受歡迎,20,000 名程序員告訴你誰是 JS 王者
  6. 精讀《怎么用 React Hooks 造輪子》上周的 精讀《React Hooks》 已經實現了對 React Hooks 的基本認知,也許你也看了 React Hooks 基本實現剖析(就是數組),但理解實現原理就可以用好了嗎?學的是知識,而用的是技能,看別人的用法就像刷抖音一樣...
  7. webpack4 optimization總結optimization總結 minimize 默認為true,效果就是壓縮js代碼。 minimizer 可以自定義UglifyJsPlugin和一些配置。 {代碼...} runtimeChunk 默認為false,runtime相關的代碼(各個模塊之間的引用和加載的邏輯)內嵌入...
  8. Ts + React + Mobx 實現移動端瀏覽器控制臺 自從使用 Typescript 寫 H5 小游戲后,就對 Ts 產生了依賴(智能提示以及友好的重構提示),但對于其 Type System 還需要更多的實踐。 最近開發 H5 小游戲,在移動端調試方面,為求方便沒有采用 inspect 的模式。用的是粗暴的 vConsole ,用人家東西要學會感恩,所以決定去了解它的原理,最后用 Ts + React 碼一個 ...
  9. Github上 Star 數相加超過 7w+ 的三個面試相關的倉庫推薦關注我公眾號的大部分人應該知道我開源的 JavaGuide ,今天再來給大家安利另外兩個做的很好的開源文檔。從 Star 數最少的我的那個來,哈哈!文末分享了我精選的幾個面試相關的資源,都是我看過的,而且好評比較多...
  10. 從 1 到完美,寫一個 js 庫、node 庫、前端組件庫js 模塊化的發展大致有這樣一個過程 iife => commonjs/amd => es6,而在這幾個規范中:
  11. Egg.js 源碼分析(1) 前端時間抽出時間針對 Koa2 源碼進行了簡單的學習, koa 源碼是一個很簡單的庫, 針對分析過程, 想手把手的實現一個類型 koa 的框架,其 代碼 , 根據一步步的完善實現一個簡單版本的Koa, 每一個步驟一個 Branch , 如: stpe-1 , 對應的是我想實現第一步的代碼, 代碼僅供自己簡單的學習,很多地方不完善,只是想體驗下...
  12. 20181120 前端開發日報】ES6之數組的擴展;2018年,最經典的26個JavaScript面試題和答案;H5新人福音~零配置搭建現代化的前端工程;Netflix 的 Web 性能案例研究;巧用 TypeScript(三);從LHS...詳情→ ???
    20181120 前端開發日報
  13. JSON生成Form表單JSON表單是一個基于React的抽象組件,它可以把JSON數據格式描述的表單轉換成項目中的表單,它可以用簡短的幾行代碼,快速的生成Form表單。JSON表單的優點是:
  14. 我們應該如何(以及為什么)要將Typescript與Express、nodejs一起使用(譯文)在我的職業生涯開始時,我是一名桌面應用開發人員,其中強類型語言占據了市場主導地位。 當我遷移到Web開發時,我對JavaScript和Python等語言的每個新功能都很著迷。事實上,我沒有必要聲明變量的類型,這極大的...
  15. 用node批量壓縮html頁面最近在寫一個用了layui的后臺管理系統。因為某些原因,html,css,js都寫在.html里,并且沒有用到別的打包工具。所以寫了一個用node命令批量壓縮頁面并且混淆js的小工具。node安裝html-minifier
  16. 【GitHub 發布 2018 編程語言 TOP10:JavaScript 獨領風騷,Ruby 排名下降 最新Octoverse 報告出爐!快來看看你的語言是不是最流行的?大家都是學什么語言的???留言區告訴小Q吧[喵喵][喵喵][喵] ???
    JavaScript 獨領風騷,Ruby 排名下降
  17. Web 安全漏洞之 XSS 攻擊編者說:作為JS系工程師接觸最多的漏洞我想就是 XSS 漏洞了,然鵝并不是所有的同學對其都有一個清晰的認識。今天我們請來了@盧士杰 同學為我們分享他眼中的 XSS 漏洞攻擊,希望能幫助到大家。
  18. [源碼閱讀]高性能和可擴展的React-Redux我們使用時,當寫完了redux的reducer, action, bindActionCreators, combineReducers, createStore這一系列內容后,我們得到了一個store
  19. Node+Websocket之消息未讀功能實戰 github.com/hua1995116/… 這個項目本來是我學生時代為了找工作的一個練手項目,但是沒想到受到了很多的關注,star也快要破K了,這也激勵著我不斷去完善他,一方面是得對得起關注學習的人,另一方面也是想讓自己能過通過慢慢完善一個項目來讓自己提高。 今天給大家帶來的是基于Websocket+Node+Redis未讀...
  20. vue中的適配:px2rem這應該是vue項目在適配移動端時候,最簡單的方法之一下面是基本步驟(使用cnpm)1.下載并引入lib-flexible
  21. 分割一個已存在的 git commit 原文:https://codewithhugo.com/split-an-existing-git-commit/ Git 與其他版本控制系統的主要區別之一,在于其允許用戶重寫歷史。實現這一目的的主要途徑則是 git reabse,通常還跟隨著一句 git push --force 以用本地歷史重寫遠端歷史。 這里要談論的是如何用rebase、reset 和 commit 來分割既有的...
  22. gitbase:用 SQL 查詢 Git 倉庫 | gitbase 是一個使用 go 開發的的開源項目,它實現了在 Git 倉庫上執行 SQL 查詢。 … (
    gitbase:用 SQL 查詢 Git 倉庫

關注github前端日報 訂閱精彩文章

前端日報欄目數據來自碼農頭條,每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等,為開發者提供動力,如果覺得內容對你有用,記得分享給你的小伙伴。進入碼農頭條查看更多