2021 大前端技術回顧及未來展望
總結2021 年度趨勢 1、 TypeScript 穩健增長 回顧2021,官方的 Roadmap 闡明了TypeScript 的目標是繼續完善其類型系統、實現強大的工具提高生產力、提高使用體驗、提高社區參與程度、改進基礎設施和工程化系統。提出目標後,這一年TypeScript 團隊還是非常給力的發了4 個版本,目前最新版本4.5,其中許多新特性確實使用起來更香了,比如: 更好的元組類型支持,允許任意位置的剩餘類型以及可選類型。 更好的模板字符串字面量類型支持。 更智能的條件分支域的類型推斷。 索引類型支持Symbol 和模板字符串模式。 Awaited 類型和Promise 類型改進。 等等。 除了特性,它還完善了許多使用體驗,比如: 性能優化如更快的類型生成、增量編譯和Sourcemap 生成。 更智能的IDE 補全。 非Javascript 源文件定位。 等等。 另外, TypeScript 新官網在8 月上線了,全新的文檔查閱起來也更加方便。 目前TypeScript 已經是IMWeb 團隊的標配。無論是Web 前端、Node.js 項目還是公共模塊,從腳手架模板就默認支持TypeScript,其中公共模塊體係不僅僅使用TypeScript 編寫代碼和類型檢查,同時利用ESLint 實現TS 語言標準AST 的特定校驗來實現公共模塊規範,還結合TypeDoc 生成使用文檔等等。 展望 TypeScript 在未來將提供更多激動人心的特性,例如: 扁平化聲明文件(Flattening declarations),只輸出一份總的d.ts 文件,而不是一個模塊一個d.ts 文件。 環境裝飾器(Ambient decorators),用來聲明一些環境信息,例如API 是否是deprecated。不影響輸出的運行時代碼,只在d.ts 聲明文件中體現。 條件編譯(Conditional compilation),有點類似C++ 中的#if 宏定義,可以在編譯前預處理代碼並保留符合條件的代碼分支。 […]
Flutter Example Apps (Source Code + YouTube Link)
Clones/Apps Flutter WhatsApp Clone App Flutter Instagram Clone App Flutter Build a Beautiful Pokemon App – English Flutter Build a Beautiful Pokemon App – Hindi Flutter Responsive Game of Thrones Flutter App Flutter: Quiz App Flutter StackOverflow App Flutter Gender Prediction App Flutter Cocktail App Flutter Gif Search Engine App Flutter QuotesX App Flutter For […]
How to Use a Joystick with Serial Monitor
This project will show you how to use joystick with serial monitor. Operation and uses The joystick is similar to two potentiometers connected together, one for the vertical movement (Y-axis) and other for the horizontal movement (X-axis). ( Same operation as an analogic joystick used with arduino card ) The potentiometers are […]
总结100+前端优质库,让你成为前端百事通
js相关库 js 常用工具类 「lodash」 一个一致性、模块化、高性能的 JavaScript 实用工具库。 「xijs」 一款面向复杂业务场景的 javascript 工具库 「ramda」 一个很重要的库,提供了许多有用的方法,每个 JavaScript 程序员都应该掌握这个工具 「day.js」 一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样, 体积只有 2kb 「big.js」 一个小型,快速的 JavaScript 库,用于任意精度的十进制算术运算 「qs」 一个 url 参数转化 (parse 和 stringify)的轻量级 js 库 「decimal.js」 实现 JavaScript 的任意精度的十进制类型库 表单校验 「Validator.js」 一个强大的 js 表单校验库 「Validate.js」 致力于提供一种验证数据的跨框架和跨语言方式的 js 库, 已通过 100%代码覆盖率的单元测试 dom 库 「JQuery」 封装了各种 dom/事件操作, 设计思想值得研究借鉴 「zepto」 jquery 的轻量级版本, 适合移动端操作 「fastclick」 一个简单易用的库,它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 […]