AlpineJS作者:不上班,一年站着赚10w刀
Python涨薪研究所
共 2926字,需浏览 6分钟
·
2021-08-30 22:00
源 /魔术师卡颂 文/ 卡颂
不想上班了,想做喜欢的事
能不能把前端的 UI
交互逻辑也放到后端呢?
Livewire
。Livewire
是一款基于Laravel
(一款PHP Web
开发框架)的全栈框架,让我们通过一个「动态搜索框」示例展示他「前后端一把梭」的特点:use Livewire\Component;
class SearchUsers extends Component
{
public $search = '';
public function render()
{
return view('livewire.search-users', [
'users' => User::where('username', $this->search)->get(),
]);
}
}
<div>
<input wire:model="search" type="text" placeholder="Search users..."/>
<ul>
@foreach($users as $user)
<li>{{ $user->username }}</li>
@endforeach
</ul>
</div>
<body>
...
@livewire('search-users')
...
</body>
Livewire
原理可以分为四步:前端首屏渲染时,渲染对应 DOM
结构(SEO
友好)交互发生, Livewire
前端脚本发出请求后端请求数据后渲染新的 HTML
字符串并返回前端根据返回的 HTML
,前端增量更新视图
Livewire
已经获得1.2wstar
。与Vue的渊源
Livewire
的语法很类似Vue2
。这也难怪,毕竟Laravel
社区与Vue
是有渊源的(Laravel
创始人在推上的一波推广让当时名气还不大的Vue
有了出圈的影响)。AlpineJS
是一款轻量级前端框架,在实现上很类似Vue1
。Livewire
类似,都是走「上手简单、功能强大」路线。star
。喜欢的事能赚钱么
star
过万的项目,「Caleb」赚钱了么?答案是:没有。Patreon
(一个打赏艺术家、创作者的网站),但这种「只有少数人每月打赏你5刀」的感觉,让「Caleb」觉得并不好。Github Sponsors
Github Sponsors
是Github
推出的一项开源项目投资计划,他的理念是:向那些你日常业务使用的开源项目投资,使他们的团队有精力更好的维护项目,从而使你的业务从中受益
Github Sponsors
后,可以接受不同级别的支持,提供不同的服务。比如「Caleb」接受:最低档 —— 14刀/月,面向个人开发者 最高档 —— 999刀/月,面向重度依赖 Livewire
的企业,可以得到定制服务
总结
好文推荐
某程序员吐槽:太尴尬!四年不见的前女友来公司面试,自己还是面试官!
“要源码上门自取”,结果人真上门了!国内企业再惹争议
有个程序员老公该多爽???
END
顶级程序员:topcoding
做最好的程序员社区:Java后端开发、Python、大数据、AI
一键三连「分享」、「点赞」和「在看」
评论