×

Falcon

  • Falcon
    2024-03-14 15:28
    #稍后阅读# next.js 加载骨架图更详细的一些参考文章:
    https://dev.to/peterlidee/using-loadingjs-and-suspense-in-next-13-1n7g


    可以克隆这个项目看看代码(不仅仅是骨架图,还有其他练习)
    git clone git@github.com:peterlidee/streaming.git

    next.js官方文档关于这个loading的部分:
    https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
  • Falcon
    2024-03-14 14:46
    这个网站有大量next.js/react 的实例:
    比如如何做一个next.js的骨架图
    如何向next.js加入youtube视频播放器
    如何加上日期选择器等等

    https://www.geeksforgeeks.org/how-to-add-skeleton-loading-in-nextjs/

    关键是他不仅提供代码,还提供短视频预览最终的效果,必须说,非常用心的网站。
  • 内容型网站后端一把梭

    Web 全栈工程师经常遇到一些内容型网站的开发需求,比如个人博客、机构官网、新闻门户。这些虽是 Web 1.0、2.0 时代就烂大街的典型 Web-site,但面对不同的甲方,看似雷同的需求往往又有各种细节的定制化。 虽然 WordPress、Discuz!X 等建站系统早已非常成熟,但在人们更看重 UI/UX 设计的今天,它们专用的模板引擎反而成了二...

    2024-03-14 10:10 Falcon 阅读
  • Falcon
    2024-03-14 08:41
    卧槽,Code-server升级后出了一个巨大的bug,如果我要把一个目录添加到工作区,会在路径的输入框那里卡死,后台返回502,只有重启code-server才能重新使用,我尝试重新安装code-server也会重现,也就是说工作区有bug,保险起见只有使用文件目录的方式来启动code-server,即修改url查询参数folder。比如 https://example.com/code/?folder=/web/, 另一个解决方法是安装 Project-manager 将要用到的目录保存到Project-manager,这应该是比较好的方式,还可以防止一个工作区里太多文件索引时性能爆炸。
  • Falcon
    2024-03-14 07:14
    #daily tips# 在 查看 strapi的starter demo项目的github repo :https://github.com/strapi/foodadvisor?tab=readme-ov-file

    它里面用了一个很不错的工具平台 gitpod ,开了一个在线vscode:
    https://strapi-foodadvisor-fx1qx5hekoi.ws-us110.gitpod.io/

    可以从端口映射看开的两个服务的地址,很不错。
    PS:这个项目比较旧,有些地方已经不兼容了,并且next.js也是12版本。
    新版的starter项目是:
    git clone https://github.com/strapi/nextjs-corporate-starter.git
     
  • Falcon
    2024-03-14 06:46
    #daily tips# strapi demo,可以看到一个完整的前后端分离网站, 我主要用来学习后台的content type builder.

    https://strapi.io/demo
    测试开通的url:
    后台:
    https://api-ey6x9.strapidemo.com/admin
    前台:
    https://client-ey6x9.strapidemo.com/
     
     
     
  • Falcon
    2024-03-14 05:19
    #稍后阅读# 一本介绍laravel的书《laravel up and running》中文翻译:
    https://liseen315.gitbook.io/laravel
  • Falcon
    2024-03-14 02:58
    今天去取快递,也就前几天租的两张ns卡带,不知道是不是年龄的增长,这几年对游戏热情已经越来越淡,去年在v2ex上看到有个兄弟搞了个游戏租赁的小程序,我就开了一年400多的黑金会员,十几张包邮券,下个月就到期了,这个我都还剩3张,月初租了张《最终幻想 重聚》重制版。前几天又下单了个《忍者神龟》和《七龙珠》都是怀旧的经典ip,还是因为鸟山明逝世的新闻,想起了龙珠。没想到今天拿到快递的时候,略带期待地打开一看却只有《忍者神龟》,不见《七龙珠》,于是郁闷地给那个小程序客服留言了。也未见处理,好像是11点才有客服从上班。

    其实还有一件事,他们昨晚刚处理完我被冻结的三个订单,事情是这样的:就是我把几个游戏打包寄过去了,还特地寄的顺丰,显示已经送达那天有几个游戏已经退了押金,但还有三个游戏的押金却迟迟没有退还,加起来也有接近1000块,就挺奇怪的,后来客服问我要了订单号和收款码,我发过去又过了一天没有收到消息也没有退还押金,于是我昨晚又联系他们,客服回复收款码要先保存了再发送,我之前只是截图,我就重新操作了一下把收款码发过去收到了押金退款。

    虽然有些波折,但好歹问题得到了解决,眼看会员下月就要到期了,我看小程序里有续费优惠和增加包邮券的活动,就花了378又续了一年。

    没想到今天就发生了这种事,现在我不禁有些后悔续费的决定,太闹心了,弄得我今天很不愉快。
  • Falcon
    2024-03-13 07:46
    #daily tips#
    解决 vscode css文件里的 Unknown at rule @applycss(unknownAtRules) 错误。

    @apply 是 CSS 中的一个功能,它允许您将一组样式规则应用于一个选择器。这是一种实验性质的功能,并非所有的 CSS 解析器都支持它,特别是当你使用 PostCSS 和一些Tailwind CSS工作时。 在 VSCode 中遇到 Unknown at rule @apply 的信息,可能是因为您的编辑器或其内置的 CSS Linter 并不识别这一规则。
    方法一:
    编辑 .vscode/settings.json 文件,加入:
    {
    "files.associations": {
    "*.css": "tailwindcss"
    }

    方法二:
    在设置里搜索 unkown,找到 CSS> Lint > Unknown At Rules
    改成ignore
    }