V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  Chuckle  ›  全部回复第 1 页 / 共 5 页
回复总数  86
1  2  3  4  5  
@Chuckle 现在在 html 里写 js ,一个文件快 700 行了,这是不方便看代码和维护的,通常不要超过 400 行,可以试试拆分功能模块到单独的 js ,比如 loadContent 函数,以及每个视图的字符串模板,都可以拆成单独的文件,然后挂到全局变量上。
比我高中强,哈哈,能把 JS 当兴趣玩玩挺好的,别管什么技术,什么 wp 、vue 啥的,网站看起来已经像模像样了就够了,甚至有点前沿框架的极简版影子。有个建议,现在导航栏是能切换了,但是 url 路径不会变,假如你想分享活动安排页出去不方便吧,试试看怎么实现,并且能方便以后加更多路由路径。
25 天前
回复了 kneo 创建的主题 程序员 急需一个久坐监控
写几行代码就喝口水,或者手环也有久坐提醒
很 cool 很特别! https://i.imgur.com/L62ZP7V.png
100 天前
回复了 szsgz 创建的主题 Android 目前最靠谱的安卓机
什么手机都差不多,手机卡套餐给力就行,软件就把谷歌全家桶装上,还有啥区别。
@Chuckle 还有 navigator.userAgentData.brands ,可以获取浏览器的信息
window.chrome 这个对象,edge 和 chrome 的属性有差异,比如 edge 多了 edgeQuickSearch 等。前端针对性的区分还是很多的办法的,api 和对象多多少少都有差异。
已找到,此帖完结
@iapplebear 不过这毕竟只是个 demo ,我感觉嵌套起来用应该会有些问题,性能上或者是布局计算上
@iapplebear 每个列表元素的 dom 结构可以通过插槽自定义,你可以通过二维数组实现这个功能,外面是一层不定高虚拟列表,用于区分每一天,然后每个元素里面又是一个不定高虚拟瀑布流来展示该天的所有照片,通过这样嵌套两层虚拟列表,应该可以满足你的需求。https://i.imgur.com/fEn6ahz.png
@DOLLOR 主要还是小红书、抖音这种无限往下滑动的场景,快速找到并滚动到最后一次看的视频也是个算法题(
@crz 原生的滚动条确实应该隐藏掉,要的话应该再写个虚拟滚动条,小红书也是把滚动条隐藏了,demo 不直接展示 2000 条,也是因为实时计算是找最小高度的列,以其为基准,所以肯定是少于 2000 条的,确保体验,不然有些列长度太短了,留白难看,因为是不定高,所以每次加入元素只能找最短列,但不知道当前加入的元素实际高度。
@LavaC 写过个不定高的虚拟瀑布流 demo ,准确的布局还是做得到的,https://list.qcqx.cn/#/list/virtualwaterfall
@Chuckle #9 拟列表一般都是滑到底部后增量加载,类似分页,并不是一次性把所有数据加进 list ,而且计算布局也限制在视口附近的元素,优化手段还是很多的,查找要渲染的元素范围用二分,当然,往下滑动多了,list 还是会很大,可以考虑分数组、按范围计算,甚至上 canvas ,不过一般来说那点数据量 cpu 应付得过来的,总比上万个 dom 元素好多了,至于内存占用,这个没特殊限制倒没大问题,100w 个对象也才多大,重点还是列表布局的渲染,数据量大了怎么搞都是妥协,布局还是得老老实实算。这 demo 写得也一般,但是不定高虚拟瀑布流也能应付无图片的上万条数据。
@Chuckle 后端把图片宽高返回的话,计算量能小点,小红书就是这么干的
虚拟列表是在滚动时计算出要渲染的元素在数组中的索引范围,普通的定高、不定高的计算量不大,很流畅,但是不定高的瀑布流,还伴随着图片加载的话,计算量就很大了,写过个 demo ,https://list.qcqx.cn/#/list/virtualwaterfall
120 天前
回复了 chensuiyi 创建的主题 程序员 程序员副业之写小说
蔚蓝共勉,经验+3.jpg
@imlonghao 确实该改改,太草班了,先提取出 Origin 的域名再去对比好点
挺好的,装了再说,vscode 不知不觉已经装了 200+插件了(
1  2  3  4  5  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   868 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 27ms · UTC 21:40 · PVG 05:40 · LAX 13:40 · JFK 16:40
Developed with CodeLauncher
♥ Do have faith in what you're doing.