Submitted by gouki on 2021, October 26, 9:11 PM
系统升级到12后。Moom打不开了，在命令行直接open，显示Bus Error，一下子想不到怎么弄，干脆，不用了，换成hammorspoon，然后单独配置。
由于我用moom其实主要就是用了5组窗口（其实常见7种），1、左右 各50%，2：40：60，3、4/13,9/13，4：100%
1、50:50，用于放微信和QQ窗口
2、40:60，用于放便签和word，在高分屏下，word，如果全屏，反而字很小，干脆放60%左右
3、4/13和9/13，用于放终端和IDE，还有一组是MAC模拟器和Code（写flutter的时候用得上）
4、100%，用于给浏览器使用
配置，我把0.4的去掉了。
配置如下：
XML/HTML代码
- hs.window.animationDuration = 0
- units = {
- right50 = { x = 0.50, y = 0.00, w = 0.50, h = 1.00 },
- left50 = { x = 0.00, y = 0.00, w = 0.50, h = 1.00 },
- left_4_13 = { x = 0.00, y = 0.00, w = 4/13, h = 1.00 },
- right_9_13 = { x = 4/13, y = 0.00, w = 9/13, h = 1.00 },
- maximum = { x = 0.00, y = 0.00, w = 1.00, h = 1.00 }
- }
- hs.hotkey.bind({"alt" }, "1", function()
- hs.window.focusedWindow():move(units.left50, nil, true)
- end)
- hs.hotkey.bind({"alt" }, "2", function()
- hs.window.focusedWindow():move(units.right50, nil, true)
- end)
-
- hs.hotkey.bind({"alt" }, "5", function()
- hs.window.focusedWindow():move(units.left_4_13, nil, true)
- end)
-
- hs.hotkey.bind({"alt" }, "6", function()
- hs.window.focusedWindow():move(units.right_9_13, nil, true)
- end)
-
- hs.hotkey.bind({"alt" }, "0", function()
- hs.window.focusedWindow():move(units.maximum, nil, true)
- end)
代码里没有0.4/0.6的，自己配一下就可以了，上述命令其实是:alt+数字，为什么用这个，是因为这个快捷键的冲突比较小（几乎没有见到有冲突）
如果复制不方便，还可以看这个gist：https://gist.github.com/neatstudio/ec8a26ed237e4a98667a878d8fd3c8cd
Tags: gist, moom, hammerspoon
Flutter | 评论:0
| 阅读:6352
Submitted by gouki on 2021, October 12, 12:25 PM
突然间不知道这个算是该放在哪个分类了，毕竟ziggy在github上的项目，也是src为PHP，dist是JS
ziggy是一个优秀的、配合laravel使用的、适合用于SAP项目的一个前端组件。对于laravel来说，他只是主要实现了一个@route的方法，放在blade模板里就行了。至于是全放还是部分放，那就看你怎么配置的了：https://github.com/tighten/ziggy#filtering-routes，比如debug相关的就应该去掉。如果前后端项目有分离，那更应该用@route(['group'])的方式来处理。
对于前端来说，那就更方便了，他提供了一个route的方法，可以直接用laravel路由的名字。比如route('home.index')，会生成相应的路由。如果你要用在axios或者其他里面，你得 使用url()方法，比如route('home.index').url()生成一个字符串。
ziggy的用法有很多，即使你不使用blade模板，官方也都提供了适用的方法，说多了也没啥用，看这里就行了：https://github.com/tighten/ziggy#filtering-routes
常用方法：
route('home.index') => 对应 Route::get()->name('home.index')
route('home.index',[1,2]) =>对应 Route::get('/aaa/{a}/bbb/{b}')->name('home.index') ，允许传入数据当成 参数传递
route('home.index' , {a:1,b:2}) ，同样对应上面的路由，也就是说他第二个参数除了可以传入数组外，也可以传入对象
如果你有用laravel 的route.binding功能，他生成链接的时候，会根据你在Model里的getRouteKey来输出URL，参考：https://github.com/tighten/ziggy#route-model-binding
更多的还是看官方吧。。。。
PHP | 评论:0
| 阅读:5406
Submitted by gouki on 2021, October 9, 4:32 PM
几个常用命令
1、pstree -ap|grep php ，这是以树型进行展示 ，如果有括号，基本上就是僵尸
2、ps -A -o stat,ppid,pid,cmd | grep -e '^[zZ]' ，如果有，那就是僵尸。毕竟都Z了
有兴趣的在遇到僵尸后可以strace -p跟进一下，没兴趣就直接：kill -HUP id 或者 kill -9 id了
当然，最好还是strace一下，这样方便排查问题，而不至于后面会频繁出现。遇到问题不要急着重启nginx和php-fpm，排查一下，不然下次可能还会出现
其他方法
1、ps -aux|grep -v "grep\|nginx\|php-fpm" | grep php
Tags: strace, pstree
PHP | 评论:0
| 阅读:6016
Submitted by gouki on 2021, October 8, 8:36 AM
看到标题的时候，估计会很惊讶，服务端验证那不是很方便么，自定义一个rules，杀杀水就达到目标了。
事实上，我是在做一件偷懒的事情，毕竟大家都知道表单验证很多时候为了方便和节约性能，都是客户端先检验，然后再服务端检验，这样用户体验也好，但是在后台的时候，如果你要写两遍，那花的精力就大了。特别是elementUI的rules，还得写自定义的validateFunc，于是我就想着前端不校验，后端校验，然后把error回显到指定的元素上。
比如如果只是弹个窗，提个示，那谁都可以实现了，但如果你不能为指定元素做错误提示，那么在表单过多的情况下，用户也会很苦恼。如果表单有几十个，怎么破？
翻了一下elementui的form和form-item的源码，发现可以额外传递error进去。用来提示该元素出错了。error是一个string，组件中会watch，然后给validateStatus赋值error，给validateMessage赋值error对应的string。
于是，在submit的时候，发现有error时，可以直接this.errors = res.data.error;这时候相应的元素就会飘红。除了没有focus到第一个标红的元素上，其他一切OK
---
如果用的是step 表单，那要注意，如果要去不同的step，需要先设置step ，然后 在 this.$nextTick()中进行赋值。否则，页面出来了。变量会提前赋值，渲染出来的表单元素无法将error赋值进去。被这个折腾了一晚上。
---
用这个的好处是，只有提示，不会象他原来的rules会阻止下一步的进行。现在就感觉轻松多了。
本来是准备切到andtv的，结果 发现elementUI的2.15，把andtv中的几个额外的组件也加全了。比如description-item和 骨架屏。。确实666
----
再忍忍，现在还得用VUE2.。。。
Javascript | 评论:0
| 阅读:5251
Submitted by gouki on 2021, October 1, 10:10 AM
InertiaJS和VueNestable共用时，遇到的Avoid mutating a prop directly since the value will be overwritten whenever the parent.
因为在使用InertiaJS时，所有的变量都是通过props传递进去的。比如分类的数据。这时候用vue-nestable，就会出现上面的错误：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: xxxx
因为xxxx变量是props传过来的。因此不能在子组件再通过组件来修改xxxx变量。要偷懒直接在data变量中定义一个中间变量，这时候就方便了。
data(){
return {
yyyy: this.xxxx
}
}
然后vue-nestable的v-model可以直接用this.yyyy，报错信息解除。
-----
这个问题主要是出在inertiaJS上。毕竟其他完整的页面demo，变量都是当前页直接给出来的，所以就不会出错了，但遇到问题还是要看本质，才知道怎么改
Javascript | 评论:0
| 阅读:5483
