天天看點

蒲公英 · JELLY技術周刊 Vol.21 -- 技術周刊 · React Hooks vs Vue 3 + Composition API

蒲公英 · JELLY技術周刊 Vol.21 -- 技術周刊 · React Hooks vs Vue 3 + Composition API

蒲公英 · JELLY技術周刊 Vol.21

選 React 還是 Vue,每個人心中都會有自己的答案,有很多理由去 pick 心水的架構,但是當我們扪心自問,我們真的可以公正的來評價這兩者之間的差異麼。或許我們應當回歸初心,從最基礎的視角來看看關于架構選型等等設計哲學,合适的構架設計才能讓項目健康的發展。

登高遠眺

天高地迥,覺宇宙之無窮

基礎技術

Lodash 安全漏洞背後,你不得不知道的 JavaScript 知識

該篇文章内容可以加深讀者對JavaScript基礎知識的了解,通過對

Loadsh

潛在安全漏洞及其修複方案的分析,可以幫助讀者對原型污染的産生、原型污染攻擊方式及相關防範措施進行深入了解,涉及到的知識點包括但不限于:

Object 原型

原型

原型鍊

NodeJS 相關問題

Object.create 方法

Object.freeze 方法

Map 資料結構

深拷貝

從 Web 圖示演進曆史看最佳實踐

在産品中适當使用圖示,可以讓産品更生動,也更簡潔。在前端項目中,處理和引入圖示都是必不可少的環節。本文将簡單梳理一下圖示相關的工作流程的演進,以及我們在百度設計語言系統推進過程中相關的一些嘗試。

前端架構

用 React 和 Vue 做了兩個完全一樣的 App 之後,這是我的完整對比評測

“對比一下 React 和 Vue” 是一道常見的面試題。Sunil Sandhu 兄弟想要更為中立地回答這個問題,是以他一直在嘗試建構一個标準、完整的 Todo App 來對比這倆架構的工作流程。在 React Hooks 和 Vue Composition Api 分别釋出後,他釋出了 2020 版的 React & Vue 對比評測。

圖形程式設計

不顧一切找圓角 —— Figma 實時平滑圓角方案探究

你還在粗暴地使用直角圓角嗎?在 iOS7 時代,蘋果對主屏圖示做了非常精巧的改動,引入了平滑圓角的概念。使用數學語言來描述便是:平滑圓角的邊緣曲率是連續的,而直角圓角不是。這看似微不足道,但這種設計小細節卻有很大的體驗影響。

【譯文】http://www.martinrgb.com/blog/#/Figma_Round_Corner

設計哲學

細說 SOLID —— OOD 的 5 原則

在程式設計領域,面向對象是我們逃不開的話題,而 SOLID 原則是一種為了避免不良而設計的編碼标準,是所有的軟體開發人員都應該清楚的,但很少人能夠概括面向對象方法和原則,面向對象設計和過程式設計的關鍵差別在哪,以及怎麼定義和衡量可讀性、究竟什麼是可複用性、怎樣的代碼稱為脆弱和僵化的。這篇文章從 SOLID 原則出發,通過更貼近業務的解釋性文字和具體的代碼示例來回答這些問題。

隻寫 2 行代碼,為何需要 2 天?

很多時候我們會把代碼行數作為一個重要的 KPI 名額,來量化我們的工作,但是它真的可以決定我們工作的價值麼?針對不懂技術的上司或者 PM,該如何回答這個問題?本文列出了一些可能的理由。

【譯文】https://zhuanlan.zhihu.com/p/162925587

人工智能

【好書推薦】算法的落地《推薦系統實踐》

本書主要提供了搭建推薦系統過程會遇到的資料來源,資料分類,算法/模型選擇,以及效果評價等問題的思考方向。并以大量工程化的内容結合少量算法講解,十分适合了解算法落地。

【豆瓣評分 8.1】https://book.douban.com/subject/10769749/

滄海拾遺

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

從程式媛角度去看項目管理

合理的設計項目構架很重要,合理的去管理項目同樣重要,如何分析需求、拆分、排期是開發中重要的一環。雖然學校不會教大家該怎麼做,但是我們的程式媛小姐姐卻深谙此道,現在就讓小姐姐為大家補上這關鍵的一課,管理預期,控制風險,讓上線再無壓力。

Design Tokens —— 設計與開發碰撞的火花

前端開發的過程中,設計師的參與是必不可少的,他們也是開發中的重要一環。在業務流程中,設計師将自己的設計稿傳遞給開發者,期望可以在項目中完美複現,但是想要在所有細節上都能複刻難度非常大,這時候 Design Tokens 就承載者雙方的期待應運而生。

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

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

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

蒲公英 · JELLY技術周刊 Vol.21 -- 技術周刊 · React Hooks vs Vue 3 + Composition API

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

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

蒲公英 · JELLY技術周刊 Vol.21 -- 技術周刊 · React Hooks vs Vue 3 + Composition API