240 发简信
IP属地:广东
  • Resize,w 360,h 240
    h5数据预取方案

    背景 在页面的性能优化中,资源加载是决定页面展示时间的重中之重。为了减少资源的请求,有两个常见的解决方案: 一个是SSR服务端渲染页面,这样可以...

  • Resize,w 360,h 240
    element库升级失败

    前段时间在使用element组件库时,遇到el-image组件大图预览层级错误的问题。在git-issues中检索到该bug在高版本elemen...

  • Resize,w 360,h 240
    类聊天的滚动条反转

    介绍 聊天场景是网页中非常常见的情况,但你有注意过聊天的滚动条反转、向上滚动加载要怎么实现吗?下面我将介绍这种场景下的基础解决方案。 要点 向下...

  • web动图播放格式

    背景 在很多场景下需要播放几秒的动画效果,提升网站的视觉效果,提高吸引力。但对于这种小视频的播放,你会选择什么格式呢?是常规的gif,还是使用精...

  • Resize,w 360,h 240
    Nuxt缓存请求

    背景 在ssr的页面中经常需要根据数据生成页面的情况,这种时候如果服务端可以将数据缓存起来就可以直接生成页面,减少首屏加载时间。 基本流程 对于...

  • Service Worker

    简介 service worker通过拦截fetch事件,处理网络请求。使用promise异步处理,所以不会阻塞主进程的执行。常用于借助Cach...

  • pinia

    介绍 Pinia意为菠萝,表示与菠萝一样,由很多小块组成。在pinia中,每个store都是单独存在,一同进行状态管理。很多人也将pinia称为...

  • 垃圾回收机制

    垃圾回收机制 介绍 垃圾回收是指将无用的内存释放的机制。 在JS中基本类型是使用栈存储的,而引用类型的值是使用堆存储的,引用地址依然是使用栈存储...

  • 如何写一个Loader

    如何写一个Loader 由于webpack只能解析Javascript与JSON语句。于是webpack加入了Loader的概念。 Loader...