FAV0周刊

简体中文

English

简体中文

English

深色模式

004期--为什么“都”在独立开发？ ​

这是上周去海边和朋友们捡的贝壳，收获颇丰！对于从小都生活在内地的人儿，还是非常兴奋的。

>>想聊的 ​

为什么现在越来越多的人热衷于独立开发？

前面几年，大多数程序员都是奔着进入互联网大厂，拿上某某厂的工牌，相关的培训课程、面试资料、八股文资料更是络绎不绝；

而最近几年，则是奔向了独立开发，想要过上自由职业的生活，相关的独立开发工具、网站和资料也是层出不穷。

这里，就想简单谈谈我想到的几个原因，希望能抛砖引玉。

1）ChatGPT时代的来临

这对于促进独立开发有两方面助力：

  1. 门槛变低：程序员们可以利用ChatGPT工具很快地成为全栈开发人员，掌握全栈开发技术，更加便捷地独立开发出自己想要的网站；
  2. 机会变多：几乎所有的应用软件，都可以“LLM+”，但现在还有许多细分领域，还没有结合上这项技术。

2）完全有自己掌握，有绝对的控制权

搭建得很烂的基建你不得不用；封装的组件没有任何文档，你也不得不用；需求做了又删了，删了又增加回来；非常离谱的接口你也得接入，毕竟把所有的数据都返回给你了，又不是不能做。

很多时候都会做一些感觉无意义的工作，但却没有任何办法。

而独立开发虽然说要做的变得多了，但好在大部分东西都可以按照自己舒服的方向来。

3）被裁员了，被迫来做独立开发。

4）有期待，可以获得不同于打工拿死工资的体验感，用户的优质反馈、订阅消息等。

5）大家都在做，赚到钱了，我也想赚钱。

当然，也有可能是由于信息茧房的缘故，是我自己的关注面变化了，所以也就导致周围接触的信息也就变化了...

>>该看的 ​

CSS的if语句 ​

CSS WG 决定向 CSS 添加一个内联 if() ，if() 是样式查询的补充，并不会替代样式查询。

像这样：

css
background: if(style(--variant: success), var(--green));
padding: if(var(--2xl), 1em, var(--xl) or var(--m), .5em);

注意：还没有出现在浏览器中，而且还需要一段时间，最乐观的估计是大约 2 年；

相关链接：

JavaScript 2023调查报告 ​

非常全，网站做得也很不错，强烈推荐看看！

包含：

  1. 从业者统计
  2. 特性
  3. 库
  4. 其他工具
  5. 使用情况
  6. 资料
  7. 使用情况

有趣的是，Vite在最终大奖的统计中，获得了三个大奖！

快手可灵大模型发布图生视频及视频续写功能 ​

还有网友为一张经典的图生成了如下非常有趣的视频，相关链接：

>>好用的 ​

全栈开发的在线免费教程 ​

建立数十个值得展示的项目，从简单脚本到完整程序和部署的网站... \

你可以学到这些：

  1. 中高级HTML、CSS知识
  2. 数据库
  3. NodeJS
  4. JavaScript
  5. React
  6. 求职相关
  7. React
  8. Ruby on Rails
  9. Ruby

一种很不错的前端LOGO特效 ​

在线DEMO

开源的本地化批量图片压缩工具 ​

纯粹的本地压缩而没有任何服务器端逻辑，因此它是完全安全的，并且开源可自部署。

如下，我简单试了一下，下面这张图片直接从2.48MB压缩到了370.8KB，而且几乎肉眼看不出来。

微软开源的富文本编辑器 ​

一个独立于框架的 JavaScript 富文本编辑器，整洁地嵌套在一个 HTML <div> 元素内。

功能还是全，就是这个演示站点的界面颜色个人不太喜欢...

俄罗斯方块字体动画 ​

直接看效果，感觉挺有意思的：

评估token价格的库 ​

和“互联网+”时代一样，几乎所有的应用都可以“LLM+”。

但不一样的是，大多数应用都只能去调用大公司如OpenAI的接口，而这些接口往往需要一笔不小的开支！

所以，预估花费是非常重要的，这个Python仓库实时跟踪各大厂商的价格，并且可以很轻松的做到token花费统计：

项目式编程学习教程 ​

众所周知学习编程从来不只是学习语法，还得实践写项目。

这里推荐一份可能被大家推荐烂了的，github上有177k star数的基于项目学习的一个编程教程列表。

包含接近20种常见编程语言，几乎涵盖所有计算机领域。

比如，用JS构建一个 Jupyter 扩展:

>>有趣的 ​

换工作为什么叫做跳槽 ​

如果我们不是牛马，为什么换工作叫做跳槽？

>>可读的 ​

设计数据表格 ​

表格几乎是前端中最常见的页面了，但其中有非常多的设计相关的注意点，这篇文章讲了许多干货。

前端构建工具概述 ​

用CSS创建流程图 ​

随着 Chrome 125 中引入 CSS Anchor Position API，相对于另一个元素定位元素变得更加容易。这是管理复杂定位用例（如弹出框和工具提示）的绝佳方式。

然而，CSS 锚定位不仅可用于弹出框和工具提示，还可用于创建基本流程图。在本文中，可以学习如何使用 CSS 锚定位来仅使用 CSS 创建流程图和图表。

动物具有意识吗？ ​

蜜蜂能够计数、识别人脸并使用工具；章鱼能避免疼痛并寻找止痛方法；螃蟹在经历电击后会克服对亮光的厌恶。这些发现促使一些科学家重新审视动物是否具备意识。

尽管目前的证据还不足以完全证明动物具备意识，但已经足够表明动物可能具备意识。