注册

体验一下可以帮你写代码、写邮件、编故事的神器ChatGPT

注册账号视频教程
最近OpenAI 发布了备受期待的原型通用 ChatGPT,这是一种基于对话的 AI 聊天界面,算是GPT-3(Generative  Pre-trained Transformer 3)的继承者,今天记录一下体验的过程,以前我对AI的理解总感觉离我很远,现在我好像看到了未来


ChatGPT 几乎可以做任何事情,从写邮件,到写算法,到做面试题,写个歌,帮你编周报,甚至还能帮你写自动化测试,感觉可以取代stackoverflow了


欢迎加我,畅聊前端


1. 工作助手


首先感觉有用的就是帮忙写工作中的邮件 or github的issue,文笔比我自己写的好多了



给我写一个英语商务邮件,语法优雅,友好一些,邮件内容是:下周一早晨我请大壮吃鸡蛋煎饼,顺便邀请开个早会



image.png


代码助手



how to write a login form using React ,Typescript and useReducer?



下面是他生成的代码


import React, { useReducer } from 'react'

type State = {
username: string
password: string
error: string
}

type Action =
| { type: 'SET_USERNAME'; username: string }
| { type: 'SET_PASSWORD'; password: string }
| { type: 'SET_ERROR'; error: string }

function reducer(state: State, action: Action): State {
switch (action.type) {
case 'SET_USERNAME':
return { ...state, username: action.username }
case 'SET_PASSWORD':
return { ...state, password: action.password }
case 'SET_ERROR':
return { ...state, error: action.error }
default:
return state
}
}

function LoginForm() {
const [state, dispatch] = useReducer(reducer, {
username: '',
password: '',
error: '',
})

function handleUsernameChange(event: React.ChangeEvent) {
dispatch({ type: 'SET_USERNAME', username: event.target.value })
}

function handlePasswordChange(event: React.ChangeEvent) {
dispatch({ type: 'SET_PASSWORD', password: event.target.value })
}

function handleSubmit(


一个解析页面script标签内容的正则表达式



比我写的好


image.png



leetcode第一题twosum用javascript怎么做



甚至还有复杂度的优化过程


image.png



write a eslint plugin to forbidden code writing at weekends



还有vscode插件,chrome插件


image.png


面试



出五个高级前端工程师的面试题




来两道算法题
算法还给了答案,真不错



image.png


image.png


Vue代码转成React


把这段Vue3代码转换成react








add


{{todo}}


转换结果, 可以直接运行的


import React, { useState } from 'react'

function TodoList() {
const [msg, setMsg] = useState('Hello World!')
const [todos, setTodos] = useState(['吃饭'])

function add() {
setTodos([...todos, msg])
setMsg('')
}

return (

setMsg(event.target.value)} />
add

{todos.map(todo => (
{todo}
))}


)
}

然后我把生成的react代码转成angular,在转成vue3,依然是很好的代码质量







add

{{todo}}




自动写单测


甚至可以帮你写测试, 比如给上一段vue代码写点单元测试,给跪了


image.png


Code review


设置还可以代码review, 提示我清单输入框要做非空判断


image.png


写代码


用vue 的写一个组件,可以校验用户输入的邮箱是不是合法,不合法弹出信息提示


image.png


闲的无聊



给Vuejs写一个英文歌曲,摇滚一些



感觉可以直接年会 or vueconf上唱了


Verse 1:
Vue, you're my favorite framework
You make my code more powerful
With your reactive APIs
And your declarative syntax

Chorus:
Vue, oh Vue
You're the one I want to use
Vue, oh Vue
You make my life so easy

Verse 2:
With your components and data-binding
And your virtual DOM rendering
I can create a web app
That's both fast and flexible

Chorus:
Vue, oh Vue
You're the one I want to use
Vue, oh Vue
You make my life so easy

Bridge:
When I need to build a frontend
I know just what to do
I turn to you, Vue
You make it all so simple

Chorus:
Vue, oh Vue
You're the one I want to use
Vue, oh Vue
You make my life so easy

Outro:
Vue, oh Vue
You're the one I want to use
Vue, oh Vue
You make my life so easy


给Reactjs写一个英文歌曲,摇滚一些




一个练习时长两年半的练习生,喜欢唱跳rap 为开头写一个故事




一个人前来买瓜




写一个帮程序员背单词的chrome插件的需求文档




我今天忘记做核酸了,老师要求每天都要做核酸,需要写一份500字的检讨书,认错态度要诚恳 帮忙写一下




今天忘了写日记了,今天主要就是出去遛狗,玩了一下午游戏,帮我写一个500字的日记吧




我们团队想招聘一个高级前端工程师,希望能活泼一些,帮我写个招聘介绍吧


不错,再写一个邀请候选人来面试的邮件吧


候选人不太合适,写一个拒绝他的邮件,委婉一些



这个开放之后,稍微二开一下,每个人都可以拥有自己的贾维斯人工智能助理了,期待


不过老有人说这玩意会取代程序员,取代产品经理,这个我感觉还不至于,可能会淘汰一些入门的岗位,AI本身也需要输入,需要高质量的从业人员贡献产出,所以无论哪个行业,不想被AI取代,还是得提高自己的知识水平啊


体验地址 https://chat.openai.com/chat


作者:花果山大圣
链接:https://juejin.cn/post/7173541437227827208
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

0 个评论

要回复文章请先登录注册