注册账号视频教程 最近OpenAI 发布了备受期待的原型通用 ChatGPT,这是一种基于对话的 AI 聊天界面,算是GPT-3(GenerativePre-trained Transformer 3)的继承者,今日记录一下体会的进程,曾经我对AI的了解总感觉离我很远,现在我如同看到了未来
ChatGPT 简直能够做任何事情,从写邮件,到写算法,到做面试题,写个歌,帮你编周报,乃至还能帮你写自动化测验,感觉能够替代stackoverflow了
欢迎加我,畅聊前端
1. 工作帮手
首要感觉有用的便是帮助写工作中的邮件 or github的issue,文笔比我自己写的好多了
给我写一个英语商务邮件,语法高雅,友爱一些,邮件内容是:下周一早晨我请大壮吃鸡蛋煎饼,顺便邀请开个早会
代码帮手
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<HTMLInputElement>) {
dispatch({ type: 'SET_USERNAME', username: event.target.value })
}
function handlePasswordChange(event: React.ChangeEvent<HTMLInputElement>) {
dispatch({ type: 'SET_PASSWORD', password: event.target.value })
}
function handleSubmit(
一个解析页面script标签内容的正则表达式
比我写的好
leetcode第一题twosum用javascript怎么做
乃至还有复杂度的优化进程
write a eslint plugin to forbidden code writing at weekends
还有vscode插件,chrome插件
面试
出五个高档前端工程师的面试题
来两道算法题 算法还给了答案,真不错
Vue代码转成React
把这段Vue3代码转换成react
<script setup>
import { ref } from 'vue'
const msg = ref('Hello World!')
const todos = ref(['吃饭'])
function add(){
todos.value.push(msg.value)
msg.value=''
}
</script>
<template>
<input v-model="msg">
<button @click="add">
add
</button>
<ul>
<li v-for="todo in todos">{{todo}}</li>
</ul>
</template>
转换结果, 能够直接运转的
import React, { useState } from 'react'
function TodoList() {
const [msg, setMsg] = useState('Hello World!')
const [todos, setTodos] = useState(['吃饭'])
function add() {
setTodos([...todos, msg])
setMsg('')
}
return (
<div>
<input value={msg} onChange={event => setMsg(event.target.value)} />
<button onClick={add}>add</button>
<ul>
{todos.map(todo => (
<li key={todo}>{todo}</li>
))}
</ul>
</div>
)
}
然后我把生成的react代码转成angular,在转成vue3,依然是很好的代码质量
<script setup>
import { ref } from 'vue'
const msg = ref('Hello World!')
const todos = ref(['吃饭'])
function add() {
todos.value = [...todos.value, msg.value]
msg.value = ''
}
</script>
<template>
<div>
<input v-model="msg" />
<button @click="add">add</button>
<ul>
<li v-for="todo in todos">{{todo}}</li>
</ul>
</div>
</template>
自动写单测
乃至能够帮你写测验, 比如给上一段vue代码写点单元测验,给跪了
Code review
设置还能够代码review, 提示我清单输入框要做非空判别
写代码
用vue 的写一个组件,能够校验用户输入的邮箱是不是合法,不合法弹出信息提示
闲的无聊
给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
注册教程