dcard intern 源码

Dcard实习生项目 专案建置: 请先安装本专案所需套件 npm install 请选择一种方式开启 npm run start yarn start 预设会使用端口3000如果该端口已被使用会自动切换到合适的端口 专案架构: 元件: 本专案将元件切割为几个部分 初始页面 侧边栏 景点显示 因为初始页面和侧边栏都是不会被重复利用的元件,所以将他们的位置固定后就不需再做调整 但是景点显示是可以重复利用的元件,所以让他可以透过城市名单内的元素自动打出对应的API显示 滑动效能 为了解决滑动事件所可能造成的效能问题,透过检查与前一次滚动的时间间隔来减少打api的次数 并且在滚动到页面70%以上时才会载入更多资讯