1 月
第二周:animations& transitions,架构
技术
- 为什么 IndexedDB 很慢以及使用什么代替
- "我"做系统架构的一些原则
- 理解 CSS animations 和 transitions 的性能问题与动画调试
- 图解 React 源码系列
- 2021 年 CSS 发展情况
- 看完了 2021 CSS 年度报告,我学到了啥?
- 认知偏差知识手册
- vscode console 插件
言论
- toB 的行业很难垄断,因为客户不允许。
- 人和人是不平等的,其中最重要的,是人与人有知识的差异
第三周:fakerjs,css in 2022,js rising starts,react-pdf
技术
JavaScript Rising Stars 第 6 版 JavaScript Rising Stars
React-pdf This package is used to create PDFs using React. If you wish to display existing PDFs, you may be looking for react-pdf
quick-lint-js Over 110× faster than ESLint, quick-lint-js gives you instant feedback as you code. Find bugs in your JavaScript before your finger leaves the keyboard. Lint any JavaScript file with no configuration. 😔 但是还不支持 JSX 语法(在 React 代码中使用)
其他
- 上周任务太零散,导致有些小需求忘记做了,该死该死
- 为了系统的安全性,我们一直被告知永远不要相信用户或者前端的输入,同时今天在想,为了系统的稳定性前端也应该永远不要相信后端的返回。
第四周:eleventy,danfo,npm trends
技术
- eleventyjs 发布 1.0 版本 更简单的静态网站生成器
- heapify 快速优先队列 A very fast JavaScript priority queue, implemented using a binary heap, which in turn is implemented using two underlying parallel typed arrays. No dependencies whatsoever; just plain, vanilla JS.
- danfojs 数据分析工具 Danfo.js is an open-source, JavaScript library providing high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data.
- twojs A two-dimensional drawing api meant for modern browsers. It is renderer agnostic enabling the same api to render in multiple contexts: webgl, canvas2d, and svg.
- angularjs1.0 停止维护
- 中国色
- npm trends
- The list of 2021 visualization lists
- 解读 React Conf 2021
- Luckysheet 🚀Luckysheet ,一款纯前端类似 excel 的在线表格,功能强大、配置简单、完全开源。
- Matrix Multiplication An interactive matrix multiplication calculator for educational purposes
- Vue 3 将成为新的默认版本
言论
- 每个人都有两次生命,第二次是在意识到生命只有一次的时候。
- 一个充满限制和商品化的互联网,正在取代原来那个曾经互相连通和开放的互联网。
第五周:parcel,rasterizeHTML,mojs
技术
Just("Welcome, Monads")
.concat(Just(" And Friends"))
.map(v => v.toUpperCase())
.fold(Maybe.from)
.map(v => v + "!")
.fold(
() => IO.of("--empty--"),
greetings => IO(() => console.log(greetings))
)
.run()
- remix vs nextjs
- parcel:css 编译
采用 rust 编写:benchmarks 如下
- astro:静态站点构建
- umbrella JS:jQuery 轻量级代替品
- scala JS
- tinyBase:结构化状态库
- mo Js: 逐帧动画库
- rockpack:react 服务端渲染库
- rasterizeHTML JS:在 canvas 中渲染 HTML
- zustand:状态管理库 A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy api based on hooks, isn't boilerplatey or opinionated
- React-Contexify:右键菜单
- braft-edito:react 富文本编辑器
- The Free Photo Editor in your Browser
言论
- 极度夸张的语言是极度虚伪的社会的反映,而暴力的语言是社会暴行的前驱。
记录
- 今日下雪宜爬山