第3期:Notion成熟了!
date
May 14, 2021
slug
2021-weekly-21
status
Published
tags
Design
Cooking
Book
summary
新近状态管理库、TS类型推到、Nobelium,Notion API,开发友好字体等
type
Post
weixin
authors
topic
Description
Link
文章推荐
《前端项目TS化手记--类型提取》——项目 TS 化,最大的难点还是在于如何补齐类型。纵使搭配 eslint 规则和种种限制,JS 的弱类型和灵活性依旧容易让代码野蛮生长。也正因如此,项目的 TS 化过程中,切忌贪图一时爽快,大量使用 any 和 public,为项目的可持续发展埋上核弹。
《90 行代码的 webpack,你确定不学吗?》—— 本文从 webpack 的设计理念和最终实现出发,梳理了其作为一个打包工具的核心能力,并使用一个简易版本实现帮助更直观的理解其本质。
开源与库
Fastify —一个高度专注于以最少的开销和强大的插件架构为开发人员提供最佳开发体验的 Web 框架。号称最快之一,全村希望~
zustand — 状态管理库
recoiljs — react 状态管理库
react-three-fiber — threejs的react包装库
lea.verou.me — 如下有很多小的有意思的库。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F46852cef-174a-4489-bb23-bfcd32739979%2FSlice_1.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220521%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220521T085944Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D0398d095afe0f3707dd9609819869c618f71192aef981c736af23fbca7080ad0%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=21d2e9cf-1ba2-498d-ade6-7f051637d0c7&cache=v2)
TweenMax.js ———适用于移动端和现代互联网的超高性能专业级动画插件,Tweenmax是GreenSock 动画平台的核心,配合其他插件可动画CSS属性、滤镜效果、 颜色、 声音、 色彩、 帧、 饱和度、 对比度、 色调、 色系、 亮度、 贝塞尔
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F01f9b43c-1726-4c71-b58e-34895d59b80c%2Ftweenmax.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220521%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220521T085944Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3Da011ffc46e9c5b9126bb6b28333e9e948b7147b5bd3df2451d124e72f94efddf%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=a812f046-8c0e-47ab-bb5f-b024c28501da&cache=v2)
sveltekit — Svelte 开箱即用的工具
dts-gen — 能自动生成那些没有类型的包的类型,生成结果比较糙,比直接declare module强一些
Parcel 2 发布 beta 3 版本 —— 使用 Rust 完全重写了 JavaScript 编译器,从而将整体构建性能提高了 10 倍。
技术专题
CSS IN JS
React
经验教程
开发周边
Notion搭建博客的另外一种方法 —— 利用 Cloudflare 的 Workers 做代理,将 notion.so 替换成自己的域名
All Integrations for Notion —— notion 相关的一些站点等信息
coding-fonts — 开发友好字体库推荐
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F400da0ab-ab0d-4d14-af54-04da83ae3acc%2FCoding_Fonts_.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220521%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220521T085944Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D31cc16ff44badfc1f72e688a4949765926a10b9c5dd406f66b5d6dc611e832dc%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=a1daad0a-8d4d-4c7b-8f61-ddea3ed3ea21&cache=v2)
Sublime Text 4 稳定版发布 —— 带来了全新 UI、支持多选项卡、支持 Apple M1 平台和 Linux ARM64。此外还有感知上下文的自动补全,支持 TypeScript、JSX 和 TSX 等诸多新特性。由于支持了 GPU 渲染,UI 现在可以支持 8K 分辨率
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3.us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fccb7e4e5-836d-4481-894a-3aeba42e3002%2Fsublime_text_4.png%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45EIPT3X45%252F20220521%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20220521T085944Z%26X-Amz-Expires%3D86400%26X-Amz-Signature%3D3f52aa3bf4fbbc77474694cbe3da1bfbc84b4af94fd9550088005349854c3c84%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject?table=block&id=61c3587a-07ba-4346-889a-ca3012cff39f&cache=v2)
⭐️ 欢迎订阅投稿
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F87f6437f-df54-4bf5-b8bc-2946c36c4f72%2FGet_Custom_App_Design.png?table=block&id=19a7a83a-a788-4f1f-9275-e0873181cd48&cache=v2)
© 版权声明
本站为纯属技术资源分享站点,资源是网络搜集整理而成,版权均归原作者所有。
本站仅提供一个观摩学习的环境,将不对任何资源负法律责任。
若无意中侵犯到您的版权利益,请来信联系我们,我们会在收到信息后会尽快给予处理!
网站内所有资源仅供学习交流之用,如有下载内容,请于下载后24小时内删除,请支持原作正版。
转载请保留本站链接及申明内容, 联系方式:zyj10222@126.com。