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

HEADER

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技術周刊貢獻指南

FOOTER

歡迎關注凹凸實驗室部落格:aotu.io

或者關注凹凸實驗室公眾號(AOTULabs),不定時推送文章:

歡迎關注凹凸實驗室公眾號