FCC 成都社區·技術週刊 第 12 期

【前端】

1. JavaScript 的新數據類型：BigInt

BigInt 是 JavaScript 中的一個新的數字基本(primitive)類型，能夠用任意精度表示整數。使用 BigInt 能夠安全地存儲和操做大整數，即便這個數已經超出了 Number 可以表示的安全整數範圍。V8 引擎已正式宣佈支持 BigInt，今後 JS 能夠精確表示任意位數的整數，不再受 64 位雙精度浮點數格式的限制了。本文將介紹一些用例，並經過比較 JavaScript 中的 BigInt 和 Number 來解釋 Chrome 67 中的新功能。

詳情: https://developers.google.com/web/updates/2018/05/bigint

2. NestJs：用 TypeScript 開發 NodeJs 服務器端的框架

Nest 是用於構建高效且可擴展的服務器端應用程序的漸進式 Node.js 框架，深受 Angular 的啓發。它使用現代的 JavaScript 或 TypeScript（保留與純 JavaScript 的兼容性），並結合 OOP（面向對象編程），FP（函數式編程）和 FRP（函數響應式編程）的元素，底層使用 express，旨在提供一個開箱即用的應用程序體系結構，容許輕鬆建立高度可測試、可擴展、鬆散耦合且易於維護的應用程序。

詳情: https://www.codementor.io/samueleresca/server-side-architecture-with-node-and-typescript-using-nest-jazqpf6db

3. 用 Puppeteer 和 Jest 測試你的 React App

端到端測試能夠幫助咱們確保咱們的 React 應用程序的全部組件都按咱們預期的方式協同工做，以彌補單元測試和集成測試的不足。Puppeteer 是谷歌出品的端到端測試庫, 它爲咱們提供了一個高層次的 API，能夠經過開發工具協議控制 Chromium。在這篇文章中，做者將展現如何使用 Puppeteer + Jest 在簡單的 React 應用程序上運行不一樣類型的測試。

詳情: https://blog.bitsrc.io/testing-your-react-app-with-puppeteer-and-jest-c72b3dfcde59?gi=18fdd22f6a0

4. 用 vue 開發一個實時報表系統

本文向咱們展現了一個實時報表系統的搭建過程，它的交互式儀表板有一個折線圖， 顯示天天的收入和開支，可以添加新的開支和收入，並能看到圖表的實時更新。技術棧採用 Node.js + Express作後端服務， Vue + vue-chartjs作前端框架。

詳情: https://www.codementor.io/iamlese/build-a-realtime-chart-with-vue-js-j7h1yvcbk

5. 怎樣規避 async/await 地獄

做者先介紹什麼是 async/await 地獄，以及在開發過程當中怎樣去規避 async/await 地獄，async/await 一時爽、性能問題火葬場。

詳情: https://medium.freecodecamp.org/avoiding-the-async-await-hell-c77a0fb71c4c

6. 那些前端 MVVM 框架是如何誕生的

做者從 最原始的刀耕火種直接操做 DOM → 模板引擎 → 局部更新 → 組件化， 一步一步來還原 MVVM 的歷史，具體分析每一種方案的不足和下一代方案的優勢。

詳情: https://zhuanlan.zhihu.com/p/36453279

7. Guess.js 一個經過數據驅動去提升用戶體驗的套件

一個很是有趣的項目，開發者能夠經過 Google Analytics 集合機器學習來爲你的網站智能的預加載資源，Addy Osmani 在本週的 Google I/O 大會 上也對這個項目進行了介紹，開發者能夠經過 webpack 插件快速的添加到 React 和 Anguar 項目中去。

詳情: https://blog.mgechev.com/2018/05/09/introducing-guess-js-data-driven-user-experiences-web/

8. JSX 還能這麼玩

做者先簡單介紹 JSX 的常規用法，隨後經過用 JSX 實現一些簡單的 Math 運算 和 merge sort 舉例說明 JSX 還有更多新奇的玩法，使人大開眼界。

詳情: https://medium.com/@pomber/jsx-can-do-that-1b2666c23a32

9. 我關掉 Javascript 上了一天的網

如今若是沒有 JavaScript，能夠在網上作任何事情嗎？ 這篇文章不只用一個整潔的旅程來回答了這個問題，還提供了不少關於如何改善本身的網站和應用程序的看法。

詳情：https://www.smashingmagazine.com/2018/05/using-the-web-with-javascript-turned-off/

10. 用 React 打造一個 Instagram

初學者適用哦！這個四節的教程會帶你一步步用 React, Node, Pusher 來實現一個和 Instagram同樣的照片分享小應用。

詳情：https://react.statuscode.com/link/46696/web

11. Proton Native：使用 React Native 來構建桌面應用

和 React Native 同樣的語法，使用原生組件並且跨平臺。Proton Native 比 Electron更快，佔用資源更少。React Native 在手機上作的一切你均可以用 Proton Native 在桌面端實現。

詳情：https://proton-native.js.org/

12. CSS-Grid - 響應式佈局和組件

css-grid 是新的特性（feature），<span data-type="color" style="color:rgb(36, 41, 46)"><span data-type="background" style="background-color:rgb(255, 255, 255)">跟着本文做者學習</span></span>用僅僅幾行 CSS 代碼實現一個響應式的相冊。

詳情：https://medium.com/deemaze-software/css-grid-responsive-layouts-and-components-eee1badd5a2f

【後端】

1. 後端架構師技術圖譜

大波乾貨來襲，內容包括：數據結構，經常使用算法，併發，操做系統，設計模式，運維 & 統計 & 技術支持，中間件，網絡，數據庫，搜索引擎，性能，大數據，安全，經常使用開源框架，分佈式設計，設計思想 & 開發模式，項目管理，技術資源等等。

詳情: https://github.com/xingshaocheng/architect-awesome

2. 200 行 Java 代碼實現依賴注入框架

做者寫了一個基本知足標準依賴注入規範「JSR-330」的小框架 iockids，這個小框架只有一個主類 Injector，大約 200 行代碼，它具有如下功能：單例/非單例注入，構造器注入，字段注入，循環依賴注入和 Qualifier 注入。該項目在 GitHub 上開源。

詳情: https://mp.weixin.qq.com/s/R14Xaq2iSUbVphdVtRiyjg

3. 2018 Java 開發人員的 10 個 Tips

文章提出了 2018 Java開發人員的 10 個 Tips：學習 Java 8，學習 Spring 框架（Spring Boot），學習單元測試，學習 API 和庫，學習 JVM 原理，學習設計模式，學習 DevOps 工具，學習 Kotlin，學習微服務和更好地使用你的 IDE。

詳情: https://javarevisited.blogspot.ca/2018/05/10-tips-to-become-better-java-developer.html

4. 互聯網公司技術架構

國內外互聯網公司技術架構和開源項目，包括：微信/淘寶/微博/網易/騰訊/阿里/美團點評/百度/Google/Facebook/Amazon/eBay.

詳情: https://github.com/davideuler/architecture.of.internet-product

5. Python 開發者畫像：用什麼，作什麼

這是由開發 PyCharm 的 JetBrains 公司在 2017 年底進行的一項調查，收集了全球約 9500 名 Python 程序員的反饋。看看你們都在用 Python 作什麼，最經常使用的是哪些工具和庫，而你是否是一個典型的 Python 開發者呢？

詳情：https://www.infoworld.com/article/3269582/python/python-developers-profiled-what-you-use-what-you-do.html

6. Python 中優化數據分析處理代碼的七個策略

這是正在進行的 PyCon 2018 上分享的一個 Slides 演示文稿。Python 爲處理數據提供了一個強大的平臺，但一般最直接的數據分析可能會很是緩慢。 可是，若是使用得當，Python 能夠像 C 這樣的編譯語言同樣快。這個分享概述瞭如何有效地利用 Python 優化數字類代碼，涉及 numpy、pandas、scipy、cython 和 numba 等工具庫。

詳情：https://speakerdeck.com/jakevdp/seven-strategies-for-optimizing-numerical-code

7. 號稱性能提高 2 倍的 MySQL 8 來襲，咱們該如何應對？

這是 OSCHINA 第 196 期的高手問答。MySQL 8.0 正式版發佈已有兩週，官方表示 MySQL 8.0 要比上個版本 MySQL 5.7 快 2 倍。對於開發者來講，性能的改進當然是讓人興奮的，不過除了這些看獲得的改進，更值得咱們關注的是，咱們該如何應對和利用新版本帶來的變動？

詳情：https://www.oschina.net/question/2720166_2279371

8. Git Merge 怎麼用（正確的打開方式）

將功能用不一樣的分支來管理，對於認真的開發人員來講是相當重要的事情。 經過分離開每一個功能、錯誤修復或者一些實驗性代碼，能幫您避免不少問題並保持開發分支的清潔。直到某個時候，一段代碼會達到了你想要將它與項目其他部分整合的狀態，這時候就要用到 git merge 命令了。

詳情：https://dev.to/neshaz/how-to-use-git-merge-the-correctway-25pd

【其餘】

1. 2018 Google I/O 亮點彙總

2018 Google I/O 開發者大會已於北京時間 5 月 9 日凌晨在美國山景城正式啓幕。新的 Android P 系統發佈，更智能、更簡化；下一代的 Android 組件 Android Jetpack 發佈；改善 Kotlin 開發體驗；AI 芯片 TPU 3.0 發佈；Gmail 新增實時推薦功能，可智能書寫郵件；Google Photos 可智能 P 圖，可對老照片進行色彩還原；Google Assistant 提供 6 種新聲音，更加真實天然，還擴展了視覺交互能力和電話預定功能；此外還有 Google Map、Google Lens、Android Things 1.0 和 無人駕駛等技術更新。

詳情: https://mp.weixin.qq.com/s?__biz=MjM5NzM0MjcyMQ==&mid=2650080824&idx=1&sn=61f913b655fe4bcf2b846a0191251fc1

2. 高效閱讀 GitHub 源代碼

文章介紹三種方法幫助你更有效的閱讀 Github 源代碼。用 Chrome 插件 Octotree，左側會出現樹形結構，方便你瀏覽源代碼；用 Github Desktop 桌面應用，方便把代碼 clone 到本地，而後進行各類 git 操做；直接把 Chrome 變成一個在線 IDE，幫你把npm 包都準備好，直接能夠運行。

詳情：https://zhuanlan.zhihu.com/p/35778751

每週一同步更新到 GitHub, 歡迎 star :)