蒲公英 · JELLY技術周刊 Vol.14: Vue 3 新特性詳解

2020 年真的是災禍頻發，但是在各類前端架構上，依舊是在穩步的推進。近日 Vue 團隊更新了關于 Vue 3 的最新狀态，尤大新增了三個文法糖特性，它們将用于優化 SFC 的開發體驗，你會有興趣嘗鮮試試麼～

登高遠眺

天高地迥，覺宇宙之無窮

前端架構

Vue 3: 2020 年中的狀态更新

近日 Vue3 團隊對 Vue 3 的狀态進行了更新，介紹了各個主要工具的開發進度。整體計劃是 7 月中旬推出 RC 版本，8 月早些時候能夠推出正式版。在各工具在密鑼緊鼓更新相容 Vue3 的同時，受 Svelte 啟發，尤大新增了三個文法糖特性用于優化 SFC 的開發體驗，一起來了解一下吧～。

設計哲學

前後端一體化：前後端分離将死？

天下大勢，分久必合，合久必分，在幾年前由于 NodeJS 等技術的蓬勃發展，業界湧現出前後端分離的技術架構體系，仿佛前後端分離，才是自然的法則。而如今，也是因為技術的不斷發展，作者基于自身敏銳的觀察，開始探索前後端一體化的架構，并列舉了一系列關于前後端一體化即将到來的觀點，非常值得學習、思考。不過，不管是哪種架構，都是為了在合适的時機出現，解決當下的問題，架構，沒有終點。

圖形程式設計

如何挑選資料可視化架構及平台

在數字化成為趨勢的今天，資料可視化需求也越來越常見。這篇文章挑選了市面上較活躍較穩定的架構進行了詳細的測評，包含架構的發展曆史、優劣勢、與其他架構存在的差別等角度，适合正在或即将挑選資料可視化架構的前端開發對這些架構進行一個全面的了解，以便選擇最為适合的架構。

【站點推薦】Cassie Evans 的部落格

這是一個充滿了 SVG 動效小心思的個人部落格，從左上角的 Logo 到首屏的空心字 hover 效果，以及最後一屏目光跟随滑鼠的個人畫像，這個部落格首頁的所有圖形都是使用 SVG 繪制而成。部落格中包含了關于 SVG 動效開發入門、繪制等内容，适合對 SVG 動效感興趣的人邊探索邊學習。

服務端開發

Node.js Legacy url API 的安全風險

在 Node.js v11.0.0 的版本中Legacy URL API已被棄用轉而使用WHATWG API，但V11以下的版本中還會存在相關漏洞，由于相容問題，Node.js 并未直接移除 legacy API。兩套 API 盡管看起來提供一樣的能力，但是底層對 url 規範的定義不一樣，且實作也略有不同，legacy API 中隐藏了一些嚴重的安全風險。

工具推介

建構在 DevOps、CI/CD 之上的研發效能度量工具

這款工具處理的是人機協作時代，如何進行研發管理。通過标準化開發流程、CI/CD內建來實作。結合本身的業務線，在此基礎上擴充開，我們可以考慮通過CI實作團隊協作、前端自動化工作流，完成本地的建構部署釋出測試等工作。

滄海拾遺

滄海拾遺，積跬步以至千裡

京喜小程式: 高性能實踐

如何在小程式上實作高性能的體驗，這是我們一直在思考的問題。京喜小程式作為一個電商門戶，細微的體驗細節都會被無限放大，那麼追求極緻的性能、友好的體驗和穩定的服務，就是最為基本的原則。相信你也會好奇，京喜怎麼來定義高性能？又是如何分析性能名額？同時又從哪些方面着手優化小程式的性能？這篇文章一定會給你一個滿意的答案！

JDR DESIGN 開發全體驗

門戶網站開發這樣一件事情，易者易矣，難者難矣。随便做一做很輕松，但是想要做好，其中依舊有很多門道。更何談京東零售設計中台門戶這樣的站點，其中不論是設計細節，還是對于使用者體驗的追求，都是非常極緻的。阿姣小姐姐在其中的諸多設計，都很有巧思，細細品讀，多有收獲。

「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端架構技術、圖形程式設計、服務端開發、桌面開發、人工智能」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還精選凹凸技術文章，向大家呈現團隊内的研究技術方向。

擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物緻知，我們登高遠眺、滄海拾遺，以求積矽步而至千裡。

蒲公英 · JELLY技術周刊貢獻指南