project
约 979 字大约 3 分钟
2024-04-06
项目问题
如何搭建的Vue项目?
面试官:自己搭建过vue开发环境吗?重构:
自上而下先不考虑内部实现,先梳理清楚项目出口、入口,因为这两个口需要对外暴露数据规范的传输。对外求稳。由外而内整体考虑项目的结构、可以根据项目实际情况、结合UI侧、产品侧等一系列情况设计大体结构,包括路由分发、状态管理、请求设计、环境依赖等。采用vue-cli(快、结构划分清晰)直接生成项目,然后根据实际情况,重点是划分模块和配置webpack。
- 模块根据产品功能、UI模块、外部依赖(如神策、sentry等)、路由、状态管理等划分文件结构
- webpack配置首先分为开发环境dev和生产环境prod、开发和生产分别去配置不同的参数,当然也有一些相同的,cli中把他们放在base里边。
然后就是对webpack做的一些优化项:[参考之前webpack优化]
SSR(服务端渲染)?
彻底理解服务端渲染 - SSR原理项目中页面监控怎么做?
sentry、nginx...
前端面试整理 --- 页面性能和错误监控篇前端如何自己做PV、UV统计?
前端数据收集(pv/uv)
PV UV IP 与埋点技术实现接口会如何设计?
你们前后端分离的接口规范是什么?前端缓存有哪些?
http、离线缓存...
一文读懂前端缓存Hybrid怎么做的?除了iframe的src传url之外还有什么别的方法?
Hybrid设计与实现JSBridge怎么交互的?
JsBridge使用和原理pptx的包怎么做的?怎么部署的?
发布npm包怎么区分各种环境的?
如何设计npm包的开发和发布流程如何做css、js的提前内置(提前加载)?
Web 性能优化:Preload与Prefetch的使用及在 Chrome 中的优先级项目从创建到最后上线部署的整个过程
大公司里怎样开发和部署前端代码?项目中如何做SSO
单点登录原理与简单实现静态资源如何做的替换保证用户无感发现版本更新
前端工程精粹(一):静态资源版本更新与缓存前端性能监控的⼏个衡量指标都有什么
蚂蚁金服如何把前端性能监控做到极致?某文件在浏览器上设置了强缓存、更新了服务器文件后,如何更新浏览器上的文件?
项目优化
答:项目优化本着单一职责原则(SRP)、最少知识原则(KLP)、开放-封闭原则(OCP)三大原则附:
JS设计模式项目中浏览器强制缓存了,但是服务器资源更改了,这时候应该怎么办?
各个项目中自己都充当什么样的角色,做了哪些事情?(...)
数字图书馆各项指标
- 阅读页面打开速度提升了近300%
- 首页加载从1.3s 到968ms
- 日活4w左右达到12万
- 7日留存7-9万
- 周阅读量从2本达到5本
- 录音平均得分85以上
留存率,日活,7日留存率,周阅读时长,录音的准确,录音平均得分一个留存率,一个,一个, 图书馆项目 量化指标,用户周阅读时长,用户周阅读书的本书,用户录音次数、录音的准确率,学生录音的平均得分