亚里士多德芙

写在前面 使用 WebViewJavascriptBridge 框架，将WebViewJavascriptBridge对象由原生端注入到WebView中。 前端检验 win...

有个项目需求是生成带二维码的邀请卡片，效果图如下： 先说下实现思路: 使用canvas的drawImage、fillText进行图片、文字的合成 使用html2canva插...

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

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

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

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

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

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

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

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

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

TTF转woff2 字蛛font-spider，按需加载字体（如3000个常用文字） 字体预加载webfontloader 第三方工具（集成font-spider）http...

设置主题色 根据手机黑白模式响应主题色 【笔记】IOS移动端适配相关 【笔记】IOS移动端适配相关 【笔记】IOS移动端适配相关...

H5唤醒app用到URL Scheme技术，例如微信扫一扫：weixin://dl/scan 除URL Scheme之外，还有Universal Link和App Link...

方式1 1.寻找ueditor.config.js，粘贴addCustomizeButton.js 2.修改文件：index.html，添加按钮 3.修改文件，添加 tra...

避免组件被销毁时仍在异步操作更改state报错，当异步执行完成后要执行setState操作时，已经无法获得组件信息，由此造成该异常；故在组件销毁的时候将异步方法撤销。...

解决video内视频没有铺满（存在留白）的方式 方式1 object-fit: contain 解释 .box 样式: 设置 width: 100%，确保容器宽度占满父容器...

项目中偶然发现使用css变量不生效，猜测媒体查询不能使用css变量。 于是，写一些简单代码来测试： 大屏幕下： 缩小屏幕，颜色没变化，媒体查询不生效：...