性能优化
1.webpack打包文件体积过大？（最终打包为一个js文件）
2.如何优化webpack构建的性能
3.移动端的性能优化
4.Vue的SPA 如何优化加载速度
5.移动端300ms延迟
6.页面的重构
所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。
Vue
java
Andorid
iOS
c语言
其他
-
前端
vue、uni-app、Android、iOS
-
后端
springboot、MySQL
-
其他
Git、Photoshop
教育经历
-
韩山师范学院 - 电子信息工程
-
主修课程: c语言、Java、web技术、单片机应用课程设计、无线传感网技术、物联网企业项目实践
荣誉奖项
- 1.获学校2020届优秀毕业生
- 2.连续四年获学业奖学金
- 3.2019年获第十届蓝桥杯算法Java软件B组竞赛省级三等奖
- 4.2016年获学校"优秀团员"
工作经历
-
[经历1]中山xxxx有限公司－前端开发工程师
- 1.参与项目功能模块实现
- 2.开发安卓功能插件、iOS功能插件
- 3.封装vue页面组件
- 4.优化维护项目，修复bug
- 5.从零搭建使用原生插件的uni-app项目
-
[经历2]中山市xxxxx有限公司-软件开发工程师
- 1.参与项目的需求分析、项目设计、模块开发；
- 2.独立承担公司项目的功能设计、开发和实现，包括web前后端开发、安卓客户端；
- 3.编写技术文档、数据库设计文档、项目使用说明文档
- 4.负责项目推进及优化工作
企业项目
-
[项目1：xxx公司] xxxx
技术栈：uni-app+原生插件+echarts
- 1.负责app框架搭建和对应功能模块的实现
- 2.开发设计功能流程图，如手环数据采集上传、手环交互
- 3.开发安卓、iOS原生插件（音频、集成xx手环、xx手环）
- 4.封装ui组件（问卷组件、echarts图表）
- 5.重构优化app并不断维护修复bug
- 6.负责部分后端接口代码编写
- 7.负责app后台管理系统前端部分ui组件封装
-
[项目2：xx公司] xxxx
技术栈：Android+springboot+MySQL+串口通信
- 1.独立承担安卓app开发和web开发
- 2.实现用户管理功能需求
- 3.集成短信验证码
- 4.集成支付宝
- 5.实现即时聊天
- 6.数据加密
- 7.与硬件端进行串口通信
个人项目
-
1.基于语音控制的智能衣柜系统（毕业设计）
-
技术栈：单片机+zigbee+WiFi+Android+物联网三层
功能：语音控制 、除湿杀菌，手机APP远程控制、广域网控制，智能照明
职责：负责整个系统结构搭建以及代码编写
-
-
1.无线网络调试助手
-
技术栈：TCP/IP+经典蓝牙+低功耗蓝牙
功能：集成tcp，udp，经典蓝牙，低功耗蓝牙的服务端和客户端。
职责：负责整个系统结构搭建以及代码编写
-
更多项目详见gitee
自我评价
“坚持学习与复盘，坚持运动与分享”
<button type="default" @click="handleClick">项目预览
© 2022 一粒程序米.文档最后更新时间为
a{ color: #1ABC9C; } .my-progress{ width: 80%; /* margin: 0 auto; */ } .my-progress li{ padding-top: 10px; } page { background: #e5e5e5; width: 100%; overflow-x: hidden; padding: 1rem 10%; padding-bottom: 0; box-sizing: border-box; font-size: .9em; } page .fa { margin-right: .1em; } page .info-unit { margin-bottom: 1rem; } page .info-unit h2 { font-weight: 700; } page .info-unit h3 { font-weight: 300; } /* ------------------------------------------------- * 头部部分 * ------------------------------------------------- */ .header { display: none; } /* ------------------------------------------------- * 主体部分 * ------------------------------------------------- */ .side { position: absolute; width: 20rem; background: #fff; border-radius: 5px; box-shadow: 0 5px 20px #bbb; box-sizing: border-box; padding: 1rem; } .container .side .me { text-align: center; margin-bottom: 2rem; } .container .side .me .portrait { margin: 0 auto; margin-bottom: 1rem; width: 8rem; height: 8rem; overflow: hidden; position: relative; } .container .side .me .portrait .loading span:nth-child(2) { -webkit-animation-delay: 0.2s; } .container .side .me .portrait .loading span:nth-child(3) { -webkit-animation-delay: 0.4s; } .container .side .me .portrait .loading span:nth-child(4) { -webkit-animation-delay: 0.6s; } .container .side .me .portrait .loading span:nth-child(5) { -webkit-animation-delay: 0.8s; } .container .side .me .portrait img { display: none; width: 8rem; height: 8rem; border-radius: 50%; } .container .side .info-unit ul li label { display: inline-block; width: 30%; } .container .side .info-unit ul li span { display: inline-block; vertical-align: top; width: 65%; } .container .main { position: relative; margin-left: 22rem; background: #fff; border-radius: 5px; box-shadow: 0 5px 20px #bbb; box-sizing: border-box; padding: 1rem; } .container .main .info-unit ul { box-sizing: border-box; padding-left: 1.2rem; padding-right: 0.8rem; } .container .main .info-unit ul li { margin-bottom: 1rem; list-style: disc; } .container .main .info-unit ul li h3 .link { font-size: .5rem; border: 1px solid #4db6ac; padding: 1px 3px; -webkit-border-radius: 5px; border-radius: 5px; margin-left: .5rem; } .container .main .info-unit ul li h3 time { text-align: right; font-size: 12px; float: right; } .container .main .info-unit ul li .info-content li { list-style: circle; font-size: 11px; margin: 0; } .container .main .info-unit ul li .info-content .fa { font-size: 1em; } /* ------------------------------------------------- * 文档底部 * ------------------------------------------------- */ .footer { width: 100%; margin-top: 1rem; height: 2rem; } .footer p { line-height: 2rem; text-align: center; font-size: 0.8rem; } /* ------------------------------------------------- * 自定义部分 * ------------------------------------------------- */ .fa { font-size: 1.2em; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } hr { margin-bottom: .4em; } aside { position: fixed; right: 0; top: 30%; z-index: 2; } aside ul li { margin-bottom: 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 19px 0 0 10px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background: #1abc9c; } aside ul li a { display: inline-block; width: 80px; height: 38px; line-height: 38px; padding-left: 10px; color: #fff; } mark { background: rgba(232, 232, 232, 0.8); } @media screen and (max-width: 1169px) { .container .info-unit h3 span { display: block; } .container .info-unit h3 span.link { display: inline; } .container .project h3 span { display: inline; } .container .project h3 time { display: block; } .container .main .info-unit ul li h3 time { float: none; text-align: left; } } @media screen and (max-width: 1034px) { body { padding: 1rem 3%; } } @media screen and (max-width: 750px) { .container .side { position: static; width: 95%; margin: 0 auto; } .container .main { position: static; margin-left: 0; width: 95%; margin: 0 auto; margin-top: 1.5rem; } ### JavaScript 和 ES6 在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。  **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**
