Web开发
40篇文章 · 0订阅
  • 用3Dmol.js展示3D分子结构
    几个月前有个3D开发需求，展示化学分子结构，需求学科专业化程度较高了！最终查找资料找到纯前端解决方案，决定用3Dmol.js实现！
    WebGL 数据可视化 TypeScript
    用3Dmol.js展示3D分子结构
  • 只有 7 KB！前端圈疯传的 Vue3 转场动效神库！效果炸裂！
    “只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！
    前端 JavaScript Vue.js
    只有 7 KB！前端圈疯传的 Vue3 转场动效神库！效果炸裂！
  • 首屏加载优化实测——按需加载、分包
    本文记录了首屏加载优化过程，通过rollup-plugin-visualizer分析资源请求，使用unplugin-vue-components按需加载，并采用rollup分包策略来异步加载资源包。
    前端 性能优化 面试
    首屏加载优化实测——按需加载、分包
  • 前端是怎么解析Excel、PDF、Word、PPT等文件的？
    一、写在前面 作为一名开发者，大家在开发过程中是不是经常遇到各种各样的文件，比如xlsx、word、ppt等办公类型的文件格式，还有pdf这种便携式的打印格式文件等。 但是通常情况下我们都是使用一个相
    前端 JavaScript Excel
    前端是怎么解析Excel、PDF、Word、PPT等文件的？
  • Vue+pdfjs+turn.Js实现pdf翻页预览效果
    项目新需求要求实现预览用户上传的pdf文件并且要有翻书效果。 找了很多文章参考，最终使用pdfjs+turn.Js实现。
    前端 Vue.js JavaScript
  • React + GSAP + ScrollTrigger + Vite ==> 炫酷3D动画网页 -- 中篇
    项目由React + vite 搭建 基于GSAP和ScrollTrigger实现炫酷3D动画网页 封装hooks 响应式设计chooseAnimation 最后充重组代码结构
    前端
    React + GSAP + ScrollTrigger + Vite ==> 炫酷3D动画网页 -- 中篇
  • 10 个功能强大的 JavaScript 动画库，打造引人入胜的用户体验
    动画。从人群中脱颖而出、吸引访客注意力的绝佳方式。通过富有创意的物体运动和流畅的页面转换，不仅能为我们的网站增添独特的美感，还能提高用户参与度，创造令人难忘的第一印象。 有了这 10 个功能强大的 J
    JavaScript
    10 个功能强大的 JavaScript 动画库，打造引人入胜的用户体验
  • 通过调试技术，我理清了 b 站视频播放很快的原理
    b 站视频播放的是很快的，基本是点哪就播放到哪。 而且如果你上次看到某个位置，下次会从那个位置继续播放。 那么问题来了：如果一个很大的视频，下载下来需要很久，怎么做到点哪个位置快速播放那个位置的视频呢
    前端 JavaScript
    通过调试技术，我理清了 b 站视频播放很快的原理
  • 记录用前端代替后端生成zip的过程，速度快了 57 倍！！！
    使用 get 缓存能够被请求的特点，对业务进行优化。在使用 浏览器对一个域名维护6个TCP链接的特点进行并发上传
    前端
  • 「前端进阶」高性能渲染十万条数据(虚拟列表)
    在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…
    Vue.js 性能优化
    「前端进阶」高性能渲染十万条数据(虚拟列表)