小小荧

摘要： Webpack性能优化 在使用webpack打包的时候，当我们的项目工程越来越大的时候就会出现打包的时间越来越长，这个时候需要对打包资源进行一系列的优化。 减少Webpack打包时间 优化Loader 对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为 阅读全文

摘要： 图片优化 计算图片大小 对于一张 100 * 100 像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是 RGBA 存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字节），所以该图片大小大概为 39KB（10000 * 1 * 4 / 1024）。 阅读全文

摘要： 自定义视频播放组件 css部分 html部分 以上svg部分都是网络资源，可以下载下来使用，svg图标库推荐阿里矢量图标库 js部分 功能实现详解 播放功能 播放操作我们需要使用 api 暂停功能 暂停功能我们需要 api 时间更新操作 需要timeupdate的监听然后重新计算媒体的时间 时间拖拽 阅读全文

摘要： Gulp是一个前端自动化构建工具，基于流的的构建系统，主要优点是速度，效率和简化 Gulp可以干什么？ Gulp的官网 "https://www.gulpjs.com.cn/" gulp类似的工具 : grunt webpack gulp是基于nodejs的， gulp和所有插件都通过JavaScr 阅读全文

摘要： 不明白为什么是烟花优化版本的先参考作者的 "烟花基础版本" 烟花优化版本主要实在优化爆炸的范围和运动上做了优化，爆炸范围我们采用已圆的爆炸方式，以鼠标点击的位置为圆形爆炸的烟花效果 运动函数部分 javascript let res = " "; for (let i = 0; i 核心烟花JS代码 阅读全文

摘要： 为什么使用深浅拷贝 在JS中我们经常会遇到一个数据赋值，但是又不符合真正意义上的数据赋值的问题。这个问题产生的原因又是什么呢？这就先要了解一下JS的数据类型了，在JS中数据类型分为基本数据类型和引用数据类型两大派系。众所周知基本数据类型存储的位置就是栈中，以key= value的形式去存储的，每一个 阅读全文

摘要： Promise Promise是什么？ 1. 主要用异步计算 2. 可以异步操作队列化，按照期望的顺序执行，返回符合的数据 3. 可以再对象之间传递和操作promise，帮我们处理队列 为什么会有Promise呢？ 为了避免任务冻结 同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你 阅读全文

摘要： html代码部分 JS代码运动函数 javascript / @Descripttion: @version: @Author: 小小荧 @Date: 2020 03 18 19:16:48 @LastEditors: 小小荧 @LastEditTime: 2020 03 18 20:12:07 / 阅读全文

摘要： 在JS中元素运动的时候我们需要使用一些运动的操作，这里作者自己设计了一个简单的运动函数，可以实现匀速和缓冲运动效果。 javascript Document 阅读全文

摘要： JS面向对象介绍 首先面向对象是什么?为什么要使用面向对象。 因为JavaScript对每个创建的对象都会自动设置一个原型（谷歌火狐中是 proto ），指向它的原型对象prototype，举个例子： function persoon(){} 那么person的原型链就是： person( prot 阅读全文