前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

上一篇文章介绍了简单的高阶组件实现方式，接下来介绍代理和继承方式的高阶组件。 一、代理方式的高阶组件 应用场景： 1. 操纵props 高阶组件能够改变被包裹组件的 props ，可以对 props 做任何操作，甚至可以在高阶组件中自定义事 ...

背景 年前的时候，开发一个电子杂志项目，功能需求是通过上传pdf文件，将其转为图片格式，所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现，所以使用的是PHP实现该功能。项目完成后，寻思着在前端是否也能实现pdf转图片的功能。一番 ...

今天的知识点 (2020-03-11) 24.sessionStorage 、localStorage 和 cookie 之间的区别 25.什么是Array map() 方法 26.Promise的简单理解 27.从浏览器地址栏输入url到 ...

手把手教学 项目：github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...

日常开发中积累了不少可能对一些开发有帮助的简单易用的组件，好记性不如烂笔头，想对过去的一些零零乱乱的东西做一些总结，反省自己的同时也便于思考一些更优的方法，提升下开发思维???。 代码传送门（?感觉有作用的的同学帮忙点下❤️️） 效果截图 ...

SKU组件(React版) 这里的一些逻辑还是需要自己再优化一下的 起因 今天看掘金的时候看到前端SKU算法实现,因为公司也有涉及到SKU的业务,记录一下自己写SKU的一个例子吧,刚好他有提供后端的API接口数据,mock一下干起来，但是在 ...

讲下解决每次修改文件后需要npm run build重复运行命令打包的问题。 git仓库：webpack-demo 1、问题 每次修改完文件内容要编译代码时，需要重复手动运行npm run build就是件很麻烦的事情。 webpack中 ...

flex布局兼容知识点总结 ==假设父容器class为box，子项目为item== 一、定义容器的display属性 .box{ display: -webkit-flex; displau: flex; } 二、容器样式 ...

HTML5新增的标签 标签 作用 article 定义文章 aside 定义页面内容旁边的内容 audio 定义声音内容 canvas 定义图形 command 定义一个控制按钮 datagrid 指数或者表格状数据格式中的动态数据 dat ...