技术实践
【第 3002 期】前端加载超大图片实现秒开解决方案
本文通过图像分割切片的方式,提供了一种解决加载超大图片秒开的方案,并介绍了其他图片加载加速的方法和实际应用案例。第一想法就是很多游戏的地图,拖曳地图展示局部区域。今日前端早读课文章由 @vjmap 分享。
给你十万条数据,给我顺滑的渲染出来!
这是一道面试题,这个问题出来的一刹那,很容易想到的就是 for 循环 100000 次吧,但是这方案着实让浏览器崩溃啊!还有什么解决方案呢?
JavaScript 中的生成器有什么用?
今天我们要讲的是 JavaScript 中一个不太常用的 Generator 语法。我很少看到有人在实际项目开发中使用它。 可能是因为它的语法比较复杂,而且是 async/awiatcan,所以人们很少使用它。然而,Generatorit 仍然是。 今天我们就从基础开始练习 Generator。
奇舞推荐
TQL,巧用 CSS 实现动态线条 Loading 动画
最近,群里有个很有意思的问题,使用 CSS 如何实现如下 Loading 效果:
leaferjs,全新的 Canvas 渲染引擎
前几天群里有人发了一个新 Canvas 渲染引擎的图片,看数据和宣传口号相当炸裂,号称只用 1.5s 可以渲染 100 万个矩形,还是个国产的。
第3003期】擎天柱与CSS变换切换
这可能就是前端魔法有趣的地方,只要有耐心有创意可以做太酷啦的作品
拓展边界
在高德地图中实现降雨图层
有一天老板跑过来跟我说,我们接到一个水利局的项目,需要做一些天气效果,比如说降雨、河流汛期、洪涝灾害影响啥的,你怎么看。欸,我觉得很有意思,马上开整。
ECMAScript 最新进展汇总!
2023年7月11日 - 7月13日,第 97 次 TC39 会议在挪威举行,下面就来看看在这次会议中哪些 ECMAScript 提案取得了新进展吧!
WebGL 大场景性能优化
WebGL(Web 图形库) 是一个 JavaScript API,可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形,而无需使用插件。WebGL 通过引入一个与 OpenGL ES 2.0 非常一致的 API 来做到这一点,该 API 可以在 HTML5