【艾瑞坤】ChatGPT 结合前端工程化实现研发智能提效.pdf

1、G GP PT T 结结合合工工程程化化实实现现智智能能研研发发提提效效第第一一名名的的小小蝌蝌蚪蚪 前端演员家2014 2018 阿里文娱&阿里淘宝2018 至今 腾讯新闻专注于前端基建、前端工程化、前端 AI 智能化、多人协同编辑等见证巅峰、渡过低迷、经历血雨腥风第第一一名名的的小小蝌蝌蚪蚪 未未来来已已来来，只只是是不不均均匀匀地地分分布布在在当当下下”前前言言现现状状各各个个大大公公司司，降降本本增增效效，迫迫切切需需要要更更少少的的人人力力，支支撑撑现现有有业业务务心心态态三三层层变变化化害怕失业害怕被取代就就这这？质量取决于 prompt结果不稳定性认认可可真实落地与提效认可并拥抱

2、变化焦焦虑虑落落地地A AI IG GC C智能写作、以文生图、智能生图全方位辅助编辑智智能能审审核核智能审核稿件、负向评论等，成功率达到 7 73 3%，由人工+机审转向智能审核智智能能 o on nc ca al ll l重复问题、同类问题、相关问题，chatgpt都可以理解并做出解释，覆盖率 3 30 0%研研发发提提效效结合前端工程化，将重复枯燥事情进行自动化、智能化整合并解决3 30 00 0人人 +A AI I 1 10 00 00 0人人P Pr ro ommp pt t 被被列列为为公公司司资资产产，等等效效于于代代码码研研发发提提效效智能工程化I ID DE E +A AI

3、I代代码码：h ht tt tp ps s:/g gi it th hu ub b.c co omm/a ai ir ru ui ik ku un n/s smma ar rt t-i id de 获获取取鼠鼠标标锚锚点点在在代代码码中中的的具具体体行行和和列列打打破破传传统统 c cl li i 无无法法获获取取代代码码上上下下文文的的限限制制获获取取 I ID DE E 上上下下文文通通过过 v vs sc co od de e 拿拿到到激激活活对对象象，获获取取选选择择器器，得得到到代代码码定定位位信信息息通通过过 A AS ST T 精精准准修修改改代代码码A AS ST T通过 pa

4、rser 将代码转化成AST 抽象语法树定定位位通过 traverse 遍历 AST 找到代码需要插入的结构位置生生成成代代码码通过 Declaretion 和 Specifer 生成对应的代码语法树，Generator 生成对应的代码将将重重复复枯枯燥燥的的事事情情自自动动化化、工工程程化化插插入入预预设设组组件件将将重重复复枯枯燥燥的的事事情情自自动动化化、工工程程化化虽虽然然无无数数套套l lo owwc co od de e平平台台，但但依依然然需需要要写写基基础础代代码码插插入入预预设设组组件件智智能能提提效效结结合合 c ch ha at tg gp pt t智能 CR智能单测错误

5、检测解释代码重构代码优化代码添加类型添加注释生成代码语言转化生成文档图片生成代代码码优优化化代代码码生生成成编编程程语语言言转转化化转转化化实实现现描描述述式式开开发发描描述述式式开开发发：表表单单、T Ta ab bl le e、搜搜索索、删删除除、C CR RU UD D、样样式式调调整整开开发发一一个个需需求求，仅仅需需一一段段描描述述代代码码模模板板代代码码接接口口文文档档c ch ha at tg gp pt tp pr ro ommp pt 手手画画稿稿生生成成代代码码A AI Ic co od de e识识别别转转化化模模型型训训练练构构建建定义model层，设定隐藏层激活函数为

6、relu，设定卷积层、卷积核与池化层编编译译编译阶段设定损失函数为交叉熵，优化器为adam训训练练训练阶段设定对应的batchSize和识识别别 通过fromPixel获取到图片数据，喂给模型进行预测，输出图形识别结果特特征征识别出的数据包括图形的类型、位置、宽高等信息，然后转成前端可识别的json数据代代码码IDE拿到结果数据，将对应的模板代码文件拷贝并获取位置信息，通过AST操作插入代码识识别别图图形形生生成成代代码码A AI I 识识别别生生成成模模板板代代码码，基基于于 p pr ro ommp pt t