來自未來，2022 年的前端人都在做什麼?
如果給你一個站在巨人的肩膀上、使用上帝視角來看 2022 年前端趨勢的機會，你會看到什麼？
奮進道路上的前端人，踏著新的前端標準，不斷攀上新高峰
堅實的前端基礎框架、工程化與體驗，是他們賴以生存的行囊
智慧化前端搭建技術，讓初入江湖的小白也能快速追趕前輩的腳步
懷揣一門絕技跨平臺技術的大俠，在前端武林也能受人尊崇
精通泛前端的大神是六邊形戰士，上可摘月，下可撈星，可謂全才
5G 場景，更是給前端武林俠士們建起新的擂臺，給予更多人實現夢想的機會
程式設計師如何透過在Medium.com上寫技術部落格賺錢？
在 Medium.com 上怎麼變現呢？一圖勝千言：
進階探索
Chrome 99新特性：@layers 規則淺析
一句話概括 Layer 的特點：「對於處在不同層中的樣式，無視樣式本身的權重，後宣告的層中的樣式優先順序更高，不在層中的樣式優先順序最高」。
即將到來的 ECMAScript 2022 新特性
彙總 ECMAScript 2022 預計會推出的新功能，包括：Top-level Await、類示例成員、Temporal API、內建物件 API 擴充套件等
動手打造一款 canvas 排版引擎
從最初想實現一個簡單的圖片渲染功能，最後實現了一個簡易的 canvas 排版引擎，雖然實現的 feature 有限並且還有不少細節與 bug 需要修復，但是已經具有基本的佈局以及互動能力，其中還是踩了不少坑，重構了很多次，同時也不禁感嘆瀏覽器排版引擎的強大。
實踐 & 應用
Three.js 實現2022冬奧主題3D趣味頁面
本文使用 Three.js + React 技術棧，實現冬日和奧運元素，製作了一個充滿趣味和紀念意義的冬奧主題 3D 頁面。本文涉及到的知識點主要包括：TorusGeometry 圓環面、MeshLambertMaterial 非光澤表面材質、MeshDepthMaterial 深度網格材質、custromMaterial 自定義材質、Points 粒子、PointsMaterial 點材質等。
操作 JavaScript 的 AST
在實際編寫 ESLint、Stylelint 規則時，大家容易遇到很多細節問題，比如解析的程式碼是有錯誤的、屬性值不足以分析出問題之類的。我們還需要更多的工具來幫助我們簡化規則開發的流程，比如容錯度更高的解析器，或者獲取更豐富屬性的工具。
如何利用 SCSS 實現一鍵換膚
在專案開發過程中，我們有時候遇到需要更換站點主題色的需求。乃至於 APP 底部的 banner 中的 icon、文案和背景圖都是運營線上可配置的，還有的功能比如更換系統字型大小等。針對這些場景，文中介紹了一種使用 SASS/SCSS 一鍵切換整站樣式的方法。
這個春節用一片雪花️來致敬冬奧會的開幕
雪花之所以美麗，是因為它符合我們樸素的幾何學審美，而在幾何學中，分形學又往往能創造出讓人印象深刻的圖案。通常意義下，分形被定義為將一個確定的幾何形狀（元影象） 在其邊上迭代地生成與元影象近似地的形狀。這次就基於分形的原理，利用canvas畫出一朵雪花吧。
作者：位元組前端
連結：https://juejin.cn/post/7063390613709783071
來源：稀土掘金
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。
