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

注册账号视频教程
最近OpenAI 发布了备受期待的原型通用 ChatGPT，这是一种基于对话的 AI 聊天界面，算是GPT-3(Generative  Pre-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) {

    dispatch({ type: 'SET_USERNAME', username: event.target.value })

  }


  function handlePasswordChange(event: React.ChangeEvent) {

    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

    add

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

import React, { useState } from 'react'


function TodoList() {

  const [msg, setMsg] = useState('Hello World!')

  const [todos, setTodos] = useState(['吃饭'])


  function add() {

    setTodos([...todos, msg])

    setMsg('')

  }


  return (

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

自动写单测

甚至可以帮你写测试, 比如给上一段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