首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
大王叫你别巡山
掘友等级
散修程序员
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
9
文章 9
沸点 0
赞
9
返回
|
搜索文章
赞
文章( 9 )
沸点( 0 )
Vue3图片预览插件
Vue3-Image-Preview Vue3的图片预览插件,内置图片预览组件、图片预览指令以及图片预览函数。使用起来灵活方便,可以满足大部分针对图片预览的需求。
Webpack基础配置(五)
webpack自身的多数功能都由插件来扩展。 a. 未开启压缩 b. 开启压缩
Web性能优化-图片懒加载
缺点: 需要监听scroll事件,scroll事件是伴随着大量计算,虽然我们可以通过节流函数来提高性能,但还是会有性能浪费的问题。 根据IntersectionObserver构造函数创建观察者,观察元素是否在可视范围内。 缺点: IntersectionObserver的兼容…
Web性能优化-防抖与节流
浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能。为了优化体验,需要对这类事件进行调用次数的限制。 以用户拖拽改变窗口大小,触发 resize 事件为例,在这过程中窗口的…
移动端适配-REM 与 postcss-px-to-viewport
rem英文译为:font-size of the root element,意思是根元素(html元素)字体大小。 注:数字“10”为随意设置(将屏幕10等分),为了好计算。这个除数不宜设置太大,因为大部分浏览器的最小字体为12px。 若设计图宽度为320px(iPhone 5…
Webpack基础配置(四)
url-loader、file-loader。 a. 使用低于limit的文件 b. 使用高于limit的文件 a. 字体文件 b. 媒体文件
Webpack基础配置(一)
直接在终端执行webpack命令,都是全局命令。 或者在package.json的scripts属性中配置的webpack命令也是局部命令。 没有webpack.config.js文件则直接将src/index.js当作入口文件进行打包。
Webpack基础配置(二)
webpack只理解ES5语法的js文件,并不理解ES6+的语法及js新的API。 babel可以将ES6+的语法及js新的API转换成ES5语法。 @babel/plugin-transform-runtime:es新特性转换,将转换的代码提共通方法。减小代码量,减小打包大小。
Webpack基础配置(三)
webpack自身只能理解js类型的文件,loader可以将所有类型的文件转换为webpack可以处理的有效模块。
个人成就
文章被点赞
24
文章被阅读
11,695
掘力值
289
关注了
1
关注者
4
收藏集
0
关注标签
1
加入于
2020-08-24