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 :)

    原文作者:FCC成都社區
    原文地址: https://segmentfault.com/a/1190000014844158
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞