亚里士多德芙

移动端项目往往内嵌着各种各样的H5页面，为了缩小H5打包体积和便于管理前端代码，需要对项目进行分包。 在此，记录一下我的学习思路。 实现一个简单的多模块打包 第一步：新建一个vue项目，新建modul

效果呈现：https://www.wlbank.com.mo/ 注意：由于PublicCMS没有对上传的图片进行压缩，图片都是原图展示。上线后发现设计师上传图片没有选择压缩，上传的图片普遍是2MB左右

效果图： 原理 通过动画关键帧实现，可以动态传一个时间来限制滚动的速度。 上代码： 补充 marquee是原生支持的跑马灯元素，但不推荐使用，因为已被移除web 标准。

返回的富文本字符串夹杂着许多质量很大的图片，很影响网页的加载。 这时候我在想，能不能对其中的图片作懒加载呢？ 说干就干！ 接收到的富文本格式： 实现思路 js对富文本内容做解析 遍历img标签并添加d

视频Banner 效果图： 贴代码： 滚屏视频 贴代码：视频Banner 效果图： 贴代码： 滚屏视频 贴代码：视频Banner 效果图： 贴代码： 滚屏视频 贴代码：

使用的版本：Swiper 3.4.2 异形轮播图，中间大两边小 var swiper = new Swiper('.swiper-container', { paginatio

背景 公司有个很老的项目，使用Webpack3搭建的，里面有些私有库已经不维护了。 今日打算给项目安装webpack-bundle-analyzer 但是报错了： npm ERR! code E404

前端Webpack 以下采用webpack 4实现！ 源码链接：https://github.com/zce/webpack-demo 快速上手 安装yarn add webpack webpack-

使用px单位开发移动端（H5）的时候，常常遇到一个问题：设计稿的宽度是375，开发出来的页面放到不同比例的真机，呈现的效果不一样。在较大的手机中，页面的按钮和字体会稍小，这时候我们就得与UI设计师进行