240 发简信
IP属地:广东
  • 120
    h5数据预取方案

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

  • 120
    element库升级失败

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

  • 120
    类聊天的滚动条反转

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

  • web动图播放格式

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

  • 120
    Nuxt缓存请求

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

  • Service Worker

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

  • pinia

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

  • 垃圾回收机制

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

  • 如何写一个Loader

    如何写一个Loader 由于webpack只能解析Javascript与JSON语句。于是webpack加入了Loader的概念。 Loader用于将其他语言转化为能被web...

  • 状态机

    前言 我们常常说在前端框架中使用状态机管理全局状态,这个时候状态机一般指redux、vuex等库。但事实上,redux和vuex并不是真正的状态机。今天让我们来了解下状态机。...

  • 从modern.js到摩登前端

    从modern.js到摩登前端 概要 近期看到一篇文章《Modern.js: Hello, World!》[https://zhuanlan.zhihu.com/p/4267...

  • sessionStorage的访问限制

    sessionStorage的访问限制: 当浏览器关闭时,清空页面sessionStorage 每个tab都有独自的sessionStorage 通过window.open打...

  • 网站安全

    xss xss(cross-site scripting)经常发生在通过用户输入html标签后直接生成的DOM元素。例如网站使用document.innerHTML直接将用户...

  • 转化图片颜色

    在一些场景下,我们需要将更改图片颜色,但是为此引入多张图片就太不值得了,在没有svg的情况下,我们可以选择用css的filter属性,对图片元素做处理。 stackoverf...

  • vscode开发unity

    首先下载vscode与unity 在unity中打开Perferences,切换到External Tools,选择脚本编辑器为vscode。并勾选全部生成文件。 双击Ass...

  • centos6安装nginx

    官方文档[https://www.nginx.com/resources/wiki/start/topics/tutorials/install/] 在centos6下需要增...

  • perfect-scrollbar无视高度,无限滚动

    https://github.com/mdbootstrap/perfect-scrollbar/issues/920[https://github.com/mdbootst...

  • js-生成随机字符串

    通过Math.random()生成随机小数[0, 1),使用toString(36)转化为36进制的字符串,substring切割掉前面的0.。存在问题:当为0时会返回空字符...