|
大部分前端程序员失业已经是必然的了。
尤其是外包这个岗位，行业里的前端外包少说也有十几万吧。
看看下面的例子你就知道了。
这是我们平时工作非常常见的中后台，列表搜索的场景。
我是这样跟他说的：
愚蠢的人类：用 react 和 antd 组件库，实现一个列表和搜索。代码给我下。
ChatGPT：这里提供一个简单的示例代码，实现一个包含搜索和列表的页面。
这个示例中，我们使用了 antd 的 Input 和 List 组件。搜索框使用了 Search 组件，当用户在搜索框中输入文本时，会调用 handleSearch 函数，将文本保存在 searchValue 状态中。在列表中，我们使用 filteredData 变量来保存经过筛选后的数据，然后将其作为 dataSource 属性传递给 List 组件进行渲染。在 renderItem 属性中，我们使用 <List.Item> 组件来渲染列表项。最终，我们将搜索框和列表放在一个 <div> 容器中，并用样式进行布局。
这货不仅给了我代码，还给我做了解释。但我发现他把列表理解为了 list ，其实我想做的是 table，于是我继续让他完善。 愚蠢的人类：把 list 组件改成 table ，table 要展示的字段有 id ，name 名字，age 年龄。
ChatGPT：好的，那么我们可以使用 antd 的 Table 组件来展示数据。修改后的代码如下：
在这个示例代码中，我们新增了一个 columns 数组，用来配置表格列的属性。每个列有一个 title作为表头，以及 dataIndex用于指定该列渲染的数据属性，key用于指定对应数据的唯一标识。然后我们将 filteredData作为数据源传入 Table 组件中。最后，我们就可以看到一个含有搜索和表格的页面了。
这里就有点恐怖了，所有的 API 都用的是对的，甚至还给了 mock 数据，但是他好像不理解，name: 名字 的意思是表格的 title 是中文，于是我继续跟他说。 愚蠢的人类：columns 里的 title 改成中文
ChatGPT：好的，我们可以使用中文来替换掉 columns里的 title，修改后的代码如下：
现在，你可以看到 columns 中的 title 已经被替换成了中文。
他不仅把 title 改成了中文，甚至 mock 数据也改成了中文的。 我把上面的组件代码拷贝到我的项目里，竟然不需要改任何一行代码，就可以实现功能，搜索也是可以的。
下面功能的演示：
说实话，有点睡不着觉了，有多少前端每天的工作就是写写列表，表单，详情页，这些工作已经很明确是可以被 ChartGPT 所取代了，但是相信在编码领域应该没有啥能难倒 ChartGPT 了。所以大部分的程序员被取代已经是一个不争的事实。
但是我发现我是需要去适应 ChartGPT 的语境，去试探他的逻辑，以方便我们向他描述清楚，我们的需求是什么。
ε=(′ο｀*)))唉.... 这不就是产品经理要干的活吗？
我们跟产品经理的大战，竟然要以产品经理的完胜告终了吗？
而且还是我们自己革了自己的命。
接下来，程序员会失业，产品经理转为 ChartGPT 训练师，测试人员不会失业，因为 ChartGPT 写出的代码需要他们做发布，测试啥的。
突然有点凄凉，变化来的太快，根本来不急反应。就像那句话所说的：
人工智能就像一列火车，它临近时你听到了轰隆隆的声音，你在不断期待着它的到来。它终于到了，一闪而过，随后便远远地把你抛在身后。
| 
306
发表于 2023-3-16 10:25:03
