【SolidJs】仅次于原生JS的超级性能！SolidJs框架教程【上】

背景

今天被战友种草了一款前端框架，打开链接看文章，在各个指标的比较下，SolidJs脱颖而出，下面简单介绍一下这个框架，然后开始记录一下学习笔记。（Golang的事情暂时放一放，毕竟咱是专业前端「手动狗头」）。

SolidJs简介

SolidJs作为一个新星）可谓是各个厂牌的集大成者，它支持JSX、Fragments、Context、Portals、Lazy等等，而且是继HyperApp和Svelte后，第三个比纯JS实现更小的库。

JSX template

SolidJs在保持JSX语法的同时，做了一些template的规范，比如它的For、Index、Switch、Match.....既保留了JSX语法的灵活性，又再某些程度提高了编译速度，perfect！

NO DOM DIFF

SolidJs并不像Vue&React采用了虚拟dom，解决了内存占用过多的问题

SolidJs教程

Hello World

代码语言：javascript复制

import { render } from 'solid-js/web'
function HelloWorld() {
    return <p>Hello World</p>
}

render(() => <HelloWorld />, document.getElementById("app"))

组件的使用

在SolidJs中，组件的含义与React基本一致，即组件即函数，举个