你想成为什么样的人,你就要以什么样的标准来要求自己

简介: 志在成为“前端第一人”,专注Web前端开发,精通HTML/CSS/JS,擅长各浏览器兼容性处理。熟悉Node.js及前端框架如React、Vue。强调团队协作,项目管理和优化,使用Git等工具。热衷新技术,如Vue与MUI结合,自动化工具Webpack、Gulp。具备接口调试和服务器配置能力,曾实现微信支付功能,开发多端商城及大型项目。现致力于AI集成,如ChatGPT和Kimi,运用Python进行数据处理。

梦想还是要有的,没有梦想跟咸鱼有什么两样

慎重的考虑了,最后给自己一个阶段的小目标——“前端第一人”

主要职责:
1.准确理解产品需求、交互文档或原型, 进行 web 产品前端开发;
2.优化用户体验,修正项目中出现的问题;
3.与设计美工配合完成页面的静态化;
4.参与用户相关交互设计,配合后台开发人员,完成页面的交互功能,联调工作;

自我要求:
1.精通 div+css 布局,能够独立完成 html 页面制作;
2.了解所有常用浏览器,利用自己的经验有效地解决浏览器兼容问题;
3.对 web 标准、 css 重写、浏览器兼容有比较深刻理解和认识;
4.熟悉 javascript 及常见的 javaScript 框架,如 Bootstrap 、 Angular 、 React 、 Vue 等;;
5.责任心强,具备良好的团队合作精神、自学能力以及开创新思维;
6.工作认真细致,对页面美观追求极致;

提升空间:(加分项)
熟悉 Nodejs ,能利用 Nodejs 开发工具,使用 Nodejs 搭建 webpack 、 gulp 等构建过程;
Github 有项目超过 100 star ,或给大型项目贡献过代码
熟练解决主流浏览器及不同版本的兼容性问题( IE/Chrome/Firefox )
有移动端 iOS/Android 的开发经验
关注 web 前端相关新技术、新趋势的信息及应用,有很强的兴趣和深入研究能力

Web前端开发技术主要包括三个要素:HTML、CSS和Javascript!它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

团队沟通:
1、项目需求阶段,参与项目技术研讨和可行性分析,前端项目开发及联调周期评估
2、项目开发阶段,通过需求确认(现评审阶段不完善)UI设计交互,接口联调,自主测试,ab测试修复及优化
团队角色主要是前端开发,对内需求、UI、后端、测试配合协作,对外若涉及第三方接口或技术,会主动沟通协调。

AI+

打铁还需自身硬系类:

一、项目管理:

1.1 Git(最优)
1.2 SVN

二、UI设计:

2.1 photoshop CC 2017(切图仔技能)
2.2 取色器:
2.2.1 picpick:https://picpick.app/zh/
2.2.2 colorCub:http://www.fancynode.com.cn/colorcube/home (取色不求人)
2.3 图片压缩 tinypng:https://tinypng.com/ (提高系统加载图片性能)
2.4 艺术字生成图片http://www.akuziti.com/

三、编辑器:

3.1 Visual Studio Code(最优,轻量级) https://code.visualstudio.com/
3.2 HbuilderX(熟练MUI框架使用起来效果更佳) http://www.dcloud.io/hbuilderx.html
3.3 WebStorm(偏重,对PC负担大,适用于VUE编译,需要破解) http://www.jetbrains.com/webstorm/
3.4 微信开发者工具(微信小程序编译,微信环境调试) https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

四、CSS框架

4.1 Stylus:http://stylus-lang.com/
4.2 Less:http://lesscss.cn/
4.3 Css入门教程:https://www.imooc.com/learn/33
4.4 sass:https://www.sass.hk/

五、JS框架

5.1 VUE2.0(渐进式JS框架) https://cn.vuejs.org/
5.2 MUI(相对成熟的前端框架,使用模式是MUI+VUE效果更佳)http://dev.dcloud.net.cn/mui/
5.3 NodeJS:https://nodejs.org/en/download/ (npm指令、辅之cnpm指令淘宝镜像,使用效果更佳)
5.4 JavaScript入门教程:https://study.163.com/course/courseMain.htm?courseId=224014
5.5 封装原生js组件
5.6 精致的下拉刷新和上拉加载mescroll:http://www.mescroll.com/api.html

六、自动化工具

6.1 Gulp(提高工作流程的效率) https://www.gulpjs.com.cn/
6.2 Webpack(前端资源加载/打包工具) https://www.runoob.com/w3cnote/webpack-tutorial.html
6.3 Vite (前端开发与构建工具) https://vitejs.cn/

七、接口调试工具

7.1 Postman https://www.getpostman.com/
7.2 apifox https://www.apifox.cn/?utm_source=baidu_sem3

八、服务器:

8.1 FTP客户端:FileZilla Client(结合宝塔使用效果不错)https://filezilla-project.org/download.php?type=client
8.2 宝塔:(服务器配置快捷)https://www.bt.cn/
8.3 Tomcat:(Java环境)
8.4 PhpStudy:(PHP环境)
8.5 数据库:
8.5.1 SQLSever2008r2
8.5.2 MySql(小型)

九、H5+App开发(多端协作)

9.1 H5+app 开发: http://www.html5plus.org/doc/zh_cn/downloader.html
9.2 uniapp 开发:https://uniapp.dcloud.io/

十、开发助手

10.1 chatGPT: https://chat.openai.com/ ChatGPT 是由 OpenAI 开发的一款基于 GPT(Generative Pretrained Transformer)架构的人工智能聊天机器人。
10.2 kimi:https://kimi.moonshot.cn/
10.3 Github:https://github.com/
10.4 Gitee:https://gitee.com/
10.5 Google:https://www.google.com/

Last but not least

"全栈工程师"最后一公里里程牌——2019.07.12
NodeJS+expres+mysql+PM2,成功发布并访问。

微信支付——2019.09.03
NodeJS实现微信小程序支付。
NodeJS实现微信JSSDK支付。

第一版多端线上商城及管理后台发布成功——2020.03.22
uniapp+express+mysql

庖丁解牛——2021.01.06

参与千万级项目并通过专家组验收——2021.10.21

AI工程师——2023.3.6
chatGPT、kimi等国产化api集成飞书等平台
python→voc数据采集、数据清洗、词频统计、LDA,全栈生产环境部署

相关文章
|
7月前
|
安全 程序员 编译器
|
2月前
TIA/EIA 568A 和 TIA/EIA-568B 标准详解
【10月更文挑战第14天】
453 0
|
4月前
|
XML 数据格式 索引
GenICam标准(五)
GenICam标准(五)
57 2
|
4月前
|
XML 缓存 编解码
GenICam标准(三)
GenICam标准(三)
49 1
|
4月前
|
XML 传感器 缓存
GenICam标准(四)
GenICam标准(四)
49 1
|
4月前
|
XML 缓存 安全
GenICam标准(二)
GenICam标准(二)
79 1
|
4月前
|
XML API 数据格式
GenICam标准(一)
GenICam标准(一)
98 1
|
4月前
|
API 索引
GenICam标准(六)
GenICam标准(六)
55 0
|
API 数据格式
IIIF 标准
IIIF 标准
352 0
|
自然语言处理 数据管理
数据标准和数据规范到底有什么区别???
数据标准和数据规范到底有什么区别???