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

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

【前端】

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 🙂

相關文章

程式語言 最新文章