背景 在页面的性能优化中,资源加载是决定页面展示时间的重中之重。为了减少资源的请求,有两个常见的解决方案: 一个是SSR服务端渲染页面,这样可以减少页面的初始化数据请求,页面...
背景 在页面的性能优化中,资源加载是决定页面展示时间的重中之重。为了减少资源的请求,有两个常见的解决方案: 一个是SSR服务端渲染页面,这样可以减少页面的初始化数据请求,页面...
前段时间在使用element组件库时,遇到el-image组件大图预览层级错误的问题。在git-issues中检索到该bug在高版本element中被修复了。issue链接[...
介绍 聊天场景是网页中非常常见的情况,但你有注意过聊天的滚动条反转、向上滚动加载要怎么实现吗?下面我将介绍这种场景下的基础解决方案。 要点 向下无限滚动加载功能 在页面向下滚...
背景 在很多场景下需要播放几秒的动画效果,提升网站的视觉效果,提高吸引力。但对于这种小视频的播放,你会选择什么格式呢?是常规的gif,还是使用精灵图制作帧动画?或者直接使用视...
背景 在ssr的页面中经常需要根据数据生成页面的情况,这种时候如果服务端可以将数据缓存起来就可以直接生成页面,减少首屏加载时间。 基本流程 对于不需要及时更新的数据,可以将请...
简介 service worker通过拦截fetch事件,处理网络请求。使用promise异步处理,所以不会阻塞主进程的执行。常用于借助Cache API缓存资源。还可以使用...
介绍 Pinia意为菠萝,表示与菠萝一样,由很多小块组成。在pinia中,每个store都是单独存在,一同进行状态管理。很多人也将pinia称为vuex5,因为pinia将作...
垃圾回收机制 介绍 垃圾回收是指将无用的内存释放的机制。 在JS中基本类型是使用栈存储的,而引用类型的值是使用堆存储的,引用地址依然是使用栈存储。所以当我们将一个引用类型的值...
如何写一个Loader 由于webpack只能解析Javascript与JSON语句。于是webpack加入了Loader的概念。 Loader用于将其他语言转化为能被web...
前言 我们常常说在前端框架中使用状态机管理全局状态,这个时候状态机一般指redux、vuex等库。但事实上,redux和vuex并不是真正的状态机。今天让我们来了解下状态机。...
从modern.js到摩登前端 概要 近期看到一篇文章《Modern.js: Hello, World!》[https://zhuanlan.zhihu.com/p/4267...
sessionStorage的访问限制: 当浏览器关闭时,清空页面sessionStorage 每个tab都有独自的sessionStorage 通过window.open打...
xss xss(cross-site scripting)经常发生在通过用户输入html标签后直接生成的DOM元素。例如网站使用document.innerHTML直接将用户...
在一些场景下,我们需要将更改图片颜色,但是为此引入多张图片就太不值得了,在没有svg的情况下,我们可以选择用css的filter属性,对图片元素做处理。 stackoverf...
首先下载vscode与unity 在unity中打开Perferences,切换到External Tools,选择脚本编辑器为vscode。并勾选全部生成文件。 双击Ass...
官方文档[https://www.nginx.com/resources/wiki/start/topics/tutorials/install/] 在centos6下需要增...
https://github.com/mdbootstrap/perfect-scrollbar/issues/920[https://github.com/mdbootst...
通过Math.random()生成随机小数[0, 1),使用toString(36)转化为36进制的字符串,substring切割掉前面的0.。存在问题:当为0时会返回空字符...