React8

React8

除了react和vue之外的一些不太实用的mvvm框架,仅做了解

alpine.js

前后端在经过彻底的分离之后,服务端渲染再次成为热门议题。除了最主流的SSR(服务端渲染+前端水合)方案之外,也出现了适合不同场景的不同方案,例如JAMTALLTALLLaravel主推的一套快速的全栈开发方案,是TailwindCSSAlpine.jsLaravelLivewire的首字母缩写。

alpine.js以相比react或vue这些大框架低很多的成本提供了响应式和申明式的组件编写方式

可以像写tailwindcss一样写js

alpine.js无需安装,免去了webpackyarn之类的学习成本,类似vue的语法也非常容易上手。为了保持轻巧,alpine.js选择了一些不同的实现方式,例如不依赖虚拟 DOM,模板通过遍历 DOM 来解析等等

引入alpinejs

1
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.js" defer></script>

最简单的组件

1
2
3
4
5
6
7
8
9
<div x-data="{ open: false }">
<button @click="open = true">Open Dropdown</button>
<ul
x-show="open"
@click.away="open = false"
>
Dropdown Body
</ul>
</div>

https://juejin.cn/post/6930811299907502093#heading-6

solidjs

评论

You forgot to set the app_id or app_key for Valine. Please set it in _config.yml.

 

本文章阅读量:

  0

IT学徒、技术民工、斜杠青年

机器人爱好者、摄影爱好者

PS、PR、LR、达芬奇潜在学习者

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×