第10期:现代web开发实践

date
Jul 9, 2021
slug
2021-weekly-28
status
Published
tags
Cooking
Design
React
summary
现代web开发实践、如何搭建web性能监控系统、类Notin无代码建站系统、文字渐变效果、前端知识点自检清单
type
Post
weixin
authors
topic
Description
Link

文章推荐

🌱一文帮你搞定90%的JS手写题
 

开源与库

Alpine.js ——【中文】 Alpine.js 通过很低的成本提供了与 Vue 或 React 这类大型框架相近的响应式和声明式特性。17.3K ⭐️
notion image
Qwik – A new HTML-first framework that wants to go fast
iframe-resizer —— 5.3K ⭐️ 自适应iframe窗口的宽高,还有react版本的 iframe-resizer-react
solidjs —— 8.8K ⭐️
notion image
aoife —— 基于 HTMLElement,有一个类似于上面的 solidjs 库,好像没什么关注,但作者还搞了不少其它类型东东,比如 flavorcss cssin css-in-js的一种方式verk基于 Web-Components 的前端(微服务)框架 aoife-doc 快速文档工具
notion image
Naive UI —— 一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,不算太慢,有点意思 4.6K ⭐️
notion image
vechaiui —— 使用 Tailwind CSS 的 React UI 组件库。
notion image
notion image
cssreference.io —— 用示例来预览css效果
notion image
 

技术专题

持续关注CSS IN JS解决方案

CSS IN JS

 

React

 
 

经验教程

简单的文字渐变效果实现
frontendchecklist.io —— 前端知识点自检清单,查一下各个知识是否掌握了解。
notion image
 
 

开发周边

Pitch —— 这个在线PPT制作太好了,设计精美,而且还有桌面版。
notion image
 
Typedream —— 这个👍🏻, 是我目前看到最好的无代码建站方式,像notion一样直接通过block模块建站,无需其它拖拽建站一样从既有的模块中选择,而是自定义,如果用过notoin,那么更好上手,不同的是block的类型模块更丰富,而且比notoio的选择粒度更细。
下面这个 demo,大概用了不到十分钟,非常值得尝试~!
notion image
 
notion image
builder.io —— Drag and drop page builder and CMS for React, Vue, Angular, and more
notion image

⭐️ 欢迎订阅投稿

notion image

📑
© 版权声明 本站为纯属技术资源分享站点,资源是网络搜集整理而成,版权均归原作者所有。 本站仅提供一个观摩学习的环境,将不对任何资源负法律责任。 若无意中侵犯到您的版权利益,请来信联系我们,我们会在收到信息后会尽快给予处理! 网站内所有资源仅供学习交流之用,如有下载内容,请于下载后24小时内删除,请支持原作正版。 转载请保留本站链接及申明内容, 联系方式:zyj10222@126.com。