昨天 10:23 已编辑 北京邮电大学 Web前端 发布于北京
关注
淘天前端面经
#发面经攒人品# #秋招面经#
淘宝交易前端
1.自我介绍
2.介绍实习和项目
3.http和https本身有什么区别，混用有什么风险?
4.跨域问题
答： 在 webpack.config.js 的 devServer 中添加 proxy 配置，指定目标服务器地址，可设置 pathRewrite 重写路径，或 changeOrigin 模拟同源请求。或后端配置 CORS 允许指定源访问；使用代理服务器转发请求（Webpack Dev Server）。
简单场景可用 JSONP（仅支持 GET）。
5.proxy是本地开发环境使用的，项目上线了呢？
（1）后端配置 CORS（推荐）
（2）服务器层代理（如 Nginx、Apache）
6.一个html页面里，监听一个元素是否滚动到了页面中可视位置？
（1）Intersection Observer API 实现
（2）监听 window 的 scroll 事件，获取元素的 getBoundingClientRect ()，得到其 top、bottom 等位置信息，再与视口高度比较。
7.scroll判断滚动方向是向上滚还是向下滚？
答：监听 window 的 scroll 事件，在回调中获取当前 scrollTop，与之前存储的值比较，当前值大则为向下滚，反之向上滚，最后更新历史值。
8.space-between和space-around在布局上有什么区别？
答：实际开发中，space-between适合需要元素贴边且均匀分布的场景，space-around适合需要整体居中且两侧有留白的布局。
9.flex:1 是哪几个属性的合并？
flex:1 是 flex-grow、flex-shrink 和 flex-basis 三个属性的简写形式，等价于 flex: 1 1 0%。
这种简写在实际开发中很常用，比如在分栏布局中，给多个子元素设置 flex:1，可实现等宽分配父容器空间。
淘宝交易前端
1.自我介绍
2.介绍实习和项目
3.http和https本身有什么区别，混用有什么风险?
4.跨域问题
答： 在 webpack.config.js 的 devServer 中添加 proxy 配置，指定目标服务器地址，可设置 pathRewrite 重写路径，或 changeOrigin 模拟同源请求。或后端配置 CORS 允许指定源访问；使用代理服务器转发请求（Webpack Dev Server）。
简单场景可用 JSONP（仅支持 GET）。
5.proxy是本地开发环境使用的，项目上线了呢？
（1）后端配置 CORS（推荐）
（2）服务器层代理（如 Nginx、Apache）
6.一个html页面里，监听一个元素是否滚动到了页面中可视位置？
（1）Intersection Observer API 实现
（2）监听 window 的 scroll 事件，获取元素的 getBoundingClientRect ()，得到其 top、bottom 等位置信息，再与视口高度比较。
7.scroll判断滚动方向是向上滚还是向下滚？
答：监听 window 的 scroll 事件，在回调中获取当前 scrollTop，与之前存储的值比较，当前值大则为向下滚，反之向上滚，最后更新历史值。
8.space-between和space-around在布局上有什么区别？
答：实际开发中，space-between适合需要元素贴边且均匀分布的场景，space-around适合需要整体居中且两侧有留白的布局。
9.flex:1 是哪几个属性的合并？
flex:1 是 flex-grow、flex-shrink 和 flex-basis 三个属性的简写形式，等价于 flex: 1 1 0%。
这种简写在实际开发中很常用，比如在分栏布局中，给多个子元素设置 flex:1，可实现等宽分配父容器空间。
全部评论
相关推荐
查看25道真题和解析 点赞 评论 收藏
分享
投递美团等公司10个岗位