摘要:巔峰人生年老兵思路上的轉變,遠比單純提升技術更有價值本文節選自趙成教授在極客時間開設的趙成的運維體系管理課,是其對自己十年技術生涯的回顧與總結。趙成教授來自美麗聯合集團,集團旗下兩大主力產品是蘑菇街和美麗說,目前負責管理集團的技術服務團隊。
前端每周清單專注前端領域內容,以對外文資料的搜集為主,幫助開發者了解一周前端熱點;分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號(ID : frontshow),及時獲取前端每周清單。
新聞熱點國內國外,前端最新動態
FCC 廢除網絡中立法案: 所謂的網絡中立性,要求網絡服務供應商不能優待或者故意限制來自某些網站的流量。前總統奧巴馬在 2015 年簽署命令,規定以 1934 年通過的《聯邦通訊法》“ 第二類 ” 業務來規管網絡服務供應商,讓聯邦通訊委員會執法,禁止網絡服務供應商優待任何公司。美國聯邦通訊委員會(Federal Communications Commission, FCC )早前通過廢除網絡中立性的規定,不再明文禁止網絡服務供應商優待來自特定網站的流量。
Expo SDK v24.0 發布: 本周 Expo SDK 24.0 正式發布,其基于 React Native 0.51 版本;同時 Expo 的官方網站也迎來了極大的更新,搜索、項目創建、發現等界面都煥然一新。該版本中添加了離線圖片支持功能,避免了每次應用初始化時都需要進行網絡圖片加載;同時添加了 iOS 權限對話框的配置,優化了 ImageManipulator, ImagePicker 等接口的功能。
React Studio 1.3 發布: React Studio 是圖形化可交互地 React 應用開發工作臺,本文即是介紹最新的 1.3 版本中包含的系列特性。首先是整體性能與交互體驗的提升,并且增加了對多語言的支持,同時優化了 Mock 數據的創建方式;此外,該版本還引入了新的卡片、選擇器等等一系列新的組件。
開發教程步步為營,掌握基礎技能
JavaScript 基礎代碼片: 本文整理了許多簡明精巧的 JavaScript 開發中用到的代碼片,既適合于初學者學習語法,也能幫助開發者溫故知新。本文包含了數組的常見處理、瀏覽器元素與位置、時間與日期、函數與函數式編程、數學公式與計算、Node.js、Object、字符串以及很多的其他工具類;更多 JS 學習資料參考現代 JavaScript 開發:語法基礎與工程實踐。
清除瀏覽器中的資源緩存: 瀏覽器緩存是最常見的,也是最顯著的提升前端性能的手段之一;不過在如果我們錯誤地將某些資源設置為了長期緩存,那么就要尋求方法強制刷新這些資源。本文即是介紹討論如何強制刷新瀏覽器的某些資源緩存,作者依次討論了 location.reload, vary + fetch, fetch + cache:reload, fetch + POST, iframe 中進行 POST, Clear-Site-Data 等方法;更多瀏覽器的存儲操作參考現代 Web 開發基礎。
基于 Vue.js 的 RSA 加密通信應用: 加密是現代互聯網的基石之一,本文即是希望通過構建簡單的加密聊天應用,來引導讀者了解加解密算法的基本概念。本文首先介紹了 2048 位的 RSA 加密算法的概念與實現方式,然后使用 Vue.js 來編寫前端界面,并且使用 Node.js 以及 Socket.io 來編寫服務端來協調各個客戶端的消息。更多 Vue.js 相關資料參考 Vue.js Reference。
工程實踐立足實踐,提示實際水平
ESM 的目前實現與未來規劃: ES 模塊化標準最早是 2015 年在 ECMAScript 6 中發布,現在我們已經可以在三個主流瀏覽器中使用 ES Modules。而 Node.js 目前是采用了 Common.js 模塊化方案,我們可以在應用中通過 require 方法來引入其他模塊。兩種模塊機制的巨大差異使得同時兼容 Common.js 與 ESModule 并非易事;而自 Node.js 8.9.0 以來,開發者可以實驗性地使用 ESModules,本文即是對于社區的反饋以及 ESM 的未來規劃進行介紹。更多相關資料參考 JS Reference。
基于 Apollo 的組件數據交互: 本文是 Werkspot 的工程師分享的他們協同使用 Apollo Client 與 React Native 來開發應用的實踐經驗,著重討論了 GraphQL 帶來的易用性與靈活性。作者首先討論了查詢組件的構成,然后分析了如何結合查詢組件與 Mutations,最后討論了如何測試查詢組件;更多 GraphQL 相關資料參考這里。
將 REST APIs 轉化為實時 APIs: 實時交互式現代技術棧中的重要組成,從而滿足用戶與企業的高速頻繁地數據需求;本文即是介紹如何利用開源的 Pushpin 來將 REST API 轉化為實時 API。本文首先介紹了請求-響應架構與事件驅動架構地區別,然后對比了現有的事件接口的解決方案,最后介紹了 Pushpin 的特性與部署方式。更多服務端架構討論參考服務端應用程序開發基礎。
Electron 開發跨平臺構建流程設計: 這是 Electron 系列文章的第二篇,本文將和大家分享我是怎么去構建自動化的 Electron 開發構建工程的,說白了,就是怎么把敲的代碼變成一個用戶可以下載安裝的包。當然隨著之后應用復雜度的提升和技術再選型,工程體系可能隨時會重構或演進,但至少可以給大家一些參考,歡迎留言交流。工程自動化,應該是所有開發者的一種基礎追求,當你搭建建好工程體系,以后你將專注于產品功能的開發,而不會花大量不必要的時間去手動構建。更多 Electron 相關資料參考這里。
深度閱讀深度思考,升華開發智慧
The State of JavaScript 2017: 經過漫長的調研與數據整理之后,2017 年的 JavaScript 使用報告正式發布;本報告匯聚了來自數萬名開發者對于語法、前端框架、狀態管理、服務端框架、測試、CSS 、構建工具、移動端框架等等大前端相關技術棧的看法與使用體驗。本報告仍然采取了樂于使用、正在使用、準備使用、不感興趣、沒聽過等幾個層次來描述開發者對于某個框架或者工具的看法;此外,本報告還提供了所謂 Connections 圖解,即衡量使用者不同技術之間的關聯度,譬如有多少 React 的使用者仍然使用了 Redux 等等。更多 JS 教程參考現代 JavaScript 開發:語法基礎與工程實踐。
NectarJS: 將 JavaScript 編譯為平臺相關的二進制代碼: 本文作者 Adrien Thierry 近年來致力于,打造將 JavaScript 編譯為平臺相關的二進制代碼的途徑,其在本文中介紹了開源的 NectarJS 的設計理念與運行機制。作者將 NectarJS 定位為編譯即服務,即能夠在優化 JavaScript 本身性能的同時,支持將其編譯為 WebAssembly、IoT、Windows、OSX、Linux 等等各個平臺或者目標的格式。更多 JS 教程參考現代 JavaScript 開發:語法基礎與工程實踐。
REST 就是新時代的 SOAP: 本文作者分享了其對于 REST 的看法,不可避免地帶有主觀色彩,可以辯證地去看待。作者首先討論了 RESTful API 的不足,其抽象簡練的原則往往不能滿足真實業務場景中的問題;然后作者又討論了 REST 動詞、錯誤處理乃至于基礎概念上的不足,作者并未在本文中討論他理想的解決方案,只是拋出了很多問題留待讀者去思考。更多服務端架構討論參考服務端應用程序開發基礎。
利用機器學習突破圖片驗證碼: 圖片驗證碼是現代網頁中常見的安全防火墻之一,能夠用于人機識別,避免爬蟲等惡意抓取行為;本文則是以著名的 WordPress 圖片驗證碼插件為例,介紹如何使用機器學習來突破驗證碼的限制。本文作者主要使用了 Python 3, OpenCV, Keras, TensorFlow 這些常見的機器學習庫與工具,首先介紹了如何使用 WordPress 的插件創造訓練數據集,然后介紹了深度卷積神經網絡的基本原理以及如何進行神經網絡的訓練,最后介紹了如何使用訓練好的模型進行圖片識別。更多 Web 安全相關資料參考這里。
開源項目樂于分享,共推前端發展
exercism.io: Exercism 提供了超過三十種編程語言的數百個實踐問題,以幫助開發者在實踐中學習并且掌握某個編程語言。Exercism 還提供了便捷的客戶端工具,幫助開發者快速搭建實驗環境,并且允許開發者分享自己的見解與解決方案。
Microbundle: Microbundle 是基于 Rollup 構建的零配置小模塊打包工具,開發者只需要安裝,并且在 package.json 內配置基礎命令即可使用。Microbundle 會自動檢測 index.js 或者 cli.js 這樣的文件,作為入口文件,自動編譯為 CommonJS、UMD 、 ESM 等多種格式。
WAlt: WAlt 可以作為 WebAssembly 文本格式的中介,其嘗試使開發者利用 JavaScript 的語法來直接編寫 .walt 代碼,然后直接編譯為 WebAssembly。WALt 的優勢在于,其并不需要 C/C++ 或者 Rust 環境,而只需要了解 JavaScript;并且編譯的過程也不需要 LLVM 等二進制工具,還能夠集成于 Webpack 等工具。
巔峰人生10 年 IT 老兵:思路上的轉變,遠比單純提升技術更有價值: 本文節選自趙成教授在極客時間 App 開設的“趙成的運維體系管理課”,是其對自己十年技術生涯的回顧與總結。趙成教授來自美麗聯合集團,集團旗下兩大主力產品是蘑菇街和美麗說,目前負責管理集團的技術服務團隊。作者在本文中依次分享了為什么我選擇了踏上運維之路?、運維思路上的轉變,遠比單純提升運維技術更有價值、專欄的構成等內容。
前端之巔「前端之巔」是 InfoQ 旗下關注前端技術的垂直社群,加入前端之巔學習群請關注「前端之巔」公眾號后回復 “ 加群 ”。投稿請發郵件到 editors@cn.infoq.com,注明 “ 前端之巔投稿 ”。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92247.html
摘要:感謝王下邀月熊分享的前端每周清單,為方便大家閱讀,特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列,并以年月為單位進行分類,具體內容看這里前端每周清單年度總結與盤點。 感謝 王下邀月熊_Chevalier 分享的前端每周清單,為方便大家閱讀,特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列,并以年/月為單位進行分類,具...
摘要:前端每周清單年度總結與盤點在過去的八個月中,我幾乎只做了兩件事,工作與整理前端每周清單。本文末尾我會附上清單線索來源與目前共期清單的地址,感謝每一位閱讀鼓勵過的朋友,希望你們能夠繼續支持未來的每周清單。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清單年度總結與盤點 在過去的八個月中,我幾乎只做了...
摘要:前端每周清單第期微服務實踐,與,組件技巧,攻防作者王下邀月熊編輯徐川前端每周清單專注前端領域內容,以對外文資料的搜集為主,幫助開發者了解一周前端熱點分為新聞熱點開發教程工程實踐深度閱讀開源項目巔峰人生等欄目。 前端每周清單第 26 期:Node.js 微服務實踐,Vue.js 與 GraphQL,Angular 組件技巧,HeadlessChrome 攻防 作者:王下邀月熊 編輯:徐川...
摘要:的另一個核心特性,蘋果表示也正在開發中,按開發進度可能幾個月后就能與我們見面。是基于的本地化數據庫,支持以及瀏覽器環境。 前端每周清單專注前端領域內容,以對外文資料的搜集為主,幫助開發者了解一周前端熱點;分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號(ID: frontshow),及時獲取前端每周清單。 本期是 2017 年的最后一...
閱讀 2837·2023-04-25 20:02
閱讀 1435·2021-11-11 16:55
閱讀 614·2021-09-26 09:46
閱讀 6204·2021-09-22 15:55
閱讀 1823·2021-08-09 13:41
閱讀 1572·2019-08-30 15:52
閱讀 2372·2019-08-30 14:13
閱讀 3289·2019-08-26 13:48