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

简介: 志在成为“前端第一人”,专注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,全栈生产环境部署

相关文章
|
资源调度 JavaScript API
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
11604 120
|
数据采集 XML JSON
「Python入门」Python代码规范(风格)
**Python编码规范摘要** - 编码:使用UTF-8编码,文件开头可声明`# -- coding: utf-8 --`。 - 分号:避免在行尾使用,不用于分隔命令。 - 行长:不超过80字符,长表达式可使用括号换行。 - 缩进:使用4个空格,禁止混用tab。 - 注释:行注释始于`#`和空格,块注释和文档注释遵循特定格式。 - 空行:函数和类定义间用2空行,方法间1空行,内部适当空行。 - 空格:运算符两侧各空一格,逗号后空格,括号内不空格。 - 命名:模块小写,变量下划线分隔,类驼峰式,布尔变量前缀`is_`。 - 引号:保持一致性,可使用单引号或双引号。
1715 1
「Python入门」Python代码规范(风格)
|
网络协议 安全 网络性能优化
了解访问控制列表 (ACL):概念、类型与应用
了解访问控制列表 (ACL):概念、类型与应用
1399 2
|
NoSQL MongoDB 关系型数据库
13个Mongodb GUI可视化管理工具,总有一款适合你
本文介绍了13个好用的MongoDB可视化工具。Robomongo,MongoDB Compass,phpMoAdmin等
115638 0
13个Mongodb GUI可视化管理工具,总有一款适合你
|
存储 JSON 小程序
微信小程序投票管理系统:打造智能、便捷的投票体验
微信小程序投票管理系统:打造智能、便捷的投票体验
533 0
|
定位技术 Python
Anaconda老版本Python虚拟环境更新Spyder软件失败的多种解决方法
Anaconda老版本Python虚拟环境更新Spyder软件失败的多种解决方法
431 1
|
人工智能 算法 安全
软考的好处 拥有软考证书的8大作用
这篇文章列举了拥有软考证书的8大好处,包括证书的高度认可、对应高级工程师职称、帮助积分落户、升职加薪、领取补贴、个税抵扣、在校生考证加分以及个人能力提升。
软考的好处 拥有软考证书的8大作用
|
存储 并行计算 Ubuntu
Nvidia Jetson Orin系列配置教程
本文是Nvidia Jetson Orin系列的配置教程,介绍了两种安装方法:通过Nvidia SDK Manager进行安装和通过本地镜像烧录进行安装。第一种方法包括下载SDK Manager、安装和使用工具进行Jetson系列硬件的配置。第二种方法包括下载官方镜像、使用Etcher烧录镜像、安装镜像、安装开发环境以及检查开发环境是否配置成功。文中还提供了CUDA、cuDNN、TensorRT和OpenCV的检查命令和预期结果。
4108 0
Nvidia Jetson Orin系列配置教程
|
Web App开发 关系型数据库 MySQL
webserver如何从零开始?
webserver如何从零开始?