-
通过html2canvas全屏截图
html2canvas 全屏截图 前端截图
最近有个案例需要前端自动截图，以前做过html2canvas自动截图保险投保流程，当时没有记录，这次记录一下，也比较简单。引入html2canvas.jshttps://github.com/niklasvh/html2canvas/rel......
-
PS里的字体大小，在网页中转换为vw
字体大小转换 字体vw vw字体
最近开发全屏无表单的微信H5营销页面，本来按设计稿字体大小在css里设置字体，但是发现真机上跟微信开发者工具里显示的字体大小不一致，然后就发现了vw这种写法可以正常显示，记录一下。假设设计稿是基于 桌面端 的，常见宽度为......
-
运行别人的Vue2项目
vue2
天开始接触vue，项目是别人写的，要跑源码，所以要适配一下环境，之前电脑上已经安装了vue3，npm和node，输入npm run serve运行各种报错，去查了一些资料，发现是本机软件版本过高，要降级才行。先cd ~ ，然后开始卸载：再安......
-
bootstrap4 弹框（modal）里js不执行解决办法
bootstrap4 modal，
bootstrap3里的modal在bootstrap4里面不执行，查了很多资料，发现了解决办法：这是页面html：<div class="modal fade bs-example-modal-lg" id="modal" tabi......
-
Layui2.4.5下拉框匹配大小写
layui select大小写 select大小写 layui-search大小写 layui匹配
<select name="select" lay-verify="required" lay-search lay-filter="select"> <......
-
Swiper.js全屏上下切换
Swiper.js 全屏切换 Swiper切换 Swiper
1.先去官网（https://www.swiper.com.cn）下载最新版到自己到项目里2.在页面引入js和css，因为我到项目里用到里animate.css所以一起引入了。<script src="js/swiper.js" ty......
-
微信浏览器里阻止软键盘弹出后布局问题
输入框键盘 安卓点击input弹键盘 安卓浏览器输入框弹出键盘后背景图被缩小
微信浏览器里如果页面的背景是图片，那么点击输入框的时候，弹出的键盘会把背景图挤到上面，用户体验较差，这时候需要用js把body给设置一个高度就可以了。$(function(){ $('body').h......
-
div垂直水平居中
div垂直水平居中 div居中 固定宽度div居中
宽度固定，高度不固定的div垂直水平居中用 flexbox 的特性:<div class="parent"> <div class="child"></div> </div> .parent ......
-
html5 video播放mp4格式视频有声音没图像(转)
html5视频不显示 video播放mp4 视频有声音没图像
原因：MP4有3种编码，mpg4(xdiv),mpg4(xvid)，avc(h264)，H264才是公认的MP4标准编码。出现问题的视频编码格式不正确。解决办法:利用工具将问题视频的编码格式转换成H264。格式工厂很好用（免安装）：链接: ......
-
canvas 图片根据滚动条上下移动
canvas滚动条 图片随滚动条移动
<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"......
-
highcharts线性图Y轴刻度设置
highchartshighcharts Y轴 highcharts Y轴单位 highcharts Y轴间隔 highcharts 单位 highcharts小数点 tickInterval
highcharts非常好用的一个插件，如果想改变刻度的间隔的话，需要用tickInterval这个参数，如果要保留小数，用formatter，直接上实例：var data = new Array();//默认第一个数据的数组 var hs......
-
微信浏览器选中数字的颜色
telephone=no 微信数字 微信数字颜色 微信浏览器数字颜色
微信浏览器识把数字识别成电话号码，点击到数字上的时候，数字颜色会变成蓝色，其实只需要在head标签里加上下边这句就可以保持原样了。<meta name = "format-detection" content="telephone=n......
-
html5用canvas做刮刮卡的效果
canvas刮刮卡 html5刮刮卡 擦雾 滑动擦除
刮刮卡的效果和这个一样，只是我这个是画的雾，擦雾擦着擦着雾就消失的效果，html代码:.cloud{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-ind......
-
响应式图片切换插件Slick.js注意事项
slick slick.js 响应式 图片切换 手机端图片切换 移动端图片
最近有人问我，为什么他调用slick插件却没有出来想要的效果？点击没反应？大图和缩略图对应不上？然后我把代码要过来，检查了一遍，发现官方给的例子是OK的，而页面里的代码却和例子有些不同。 这是官方的例子，源代码是这样的：注意例子里......
