关于全栈工程师:AlpineJS作者不上班一年10w刀
大家好，我是卡颂。 明天为大家介绍一位坦诚的老哥。有多坦诚呢？他在推上实时颁布本人赚了多少钱。 到去年6月，老哥的年收入是10w刀。要害是：老哥从19年1月就不下班了。 接下来让咱们看看这位坦诚的老哥是如何做到不下班年入10w刀。 不想下班了，想做喜爱的事这位老哥名叫Caleb Porzio，是一名全栈工程师。在到职前，他的年收入为9w刀。 作为一名每天要在前端、后端来回编码的全栈工程师，某天空闲时，Caleb忽然产生一个想法： 能不能把前端的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有了出圈的影响）。 Caleb的另一个开源我的项目AlpineJS是一款轻量级前端框架，在实现上很相似Vue1。 只有15个属性、6个个性、2个办法。与Livewire相似，都是走上手简略、功能强大路线。 截止当初，曾经有1.8wstar。 喜爱的事能赚钱么坐拥2个star过万的我的项目，Caleb赚钱了么？答案是：没有。 尽管常常有用户示意心愿他开明Patreon（一个打赏艺术家、创作者的网站），但这种只有多数人每月打赏你5刀的感觉，让Caleb感觉并不好。 所以，很长时间Caleb的支出只有大量的付费征询。 19年一整年开源带来的支出是：2w刀。 转折呈现在19年年末。 ...