- 博客(18)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 正则替换图片大小
原始字符串let str = '<p style="text-align: center;"><span style="font-size: 18px;"><span style="display: inline-block;width: 36.67vw;height: 36.67vw;"><img src="http://i1.zhaodehealth.com/images/0/440/40/518429845768765440.png" data-widt
2020-10-28 20:16:34
396
原创 使用display: inline-block的一些bug
最近发现对于一些元素使用display：inline-block的时候，元素底下和右边会多出一些空白区域来占位置，如下图。由于项目时间紧张，临时换了其他处理方式，趁着今天有点时间就研究了一下。<div class="box"> <span class="item red"></span> <span class="item red">&...
2019-10-21 11:24:19
344
原创 swiper轮播展示中奖信息动效
UI截图如上，要做一个向上滚动并消失的动画效果。代码已经放在csdn代码下载的地方。当做记录或者保存<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-sc...
2019-08-20 15:34:31
1217
原创 蚂蚁森林能量球动效
最近有个新需求，是要做一个蚂蚁森林能量球的效果，如图。看见需求，还是按照习惯先来分析一下；1，循环创建能量球，保证能量球之间不重合；2，能量球有一个上下悬浮的动效；3，点击能量球，能量球消失，并且有一个向上去的消失动画。第一步的实现思路刚开始是把整个可以创建能量球的位置分成了4行4列，16个位置，先随机每一块的位置，然后在这一块的位置范围里边随机找个位置放能量球。...
2019-08-20 14:13:35
5333
4
原创 小程序json配置问题
直接发代码吧{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/test/test" ], "window":{ "backgroundTextStyle":"dark", //加载时显示loading的样式，根据backgroundColor的背景颜色而定。light在背...
2019-08-12 18:55:38
217
原创 mpvue 遇到的坑
1，mpvue写好的小程序 分享之后打开页面是个空白页面2，scroll-view不能和swiper做成联动效果3. 播放器无法再播放之前获取音频时长4（已解决）ios手机上，会有媒体音和铃声的区别，音乐播放的时候，如果铃声关闭了，音乐也没声音了。需要设置一下属性innerAudioContext.obeyMuteSwitch = false;这几条有的是最后没解决的，已...
2019-08-12 18:54:22
266
原创 小程序自定义头部导航栏
要用自定义的导航栏只需要在app.json中配置需要注意的是客户端 7.0.0 以下版本，navigationStyle只在app.json中生效。 客户端 6.7.2 版本开始，navigationStyle: custom对<web-view>组件无效 开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版...
2019-03-04 14:29:54
1274
原创 解决H5 在安卓手机上软键盘遮盖input的问题
解决方案原理：安卓浏览器在软键盘弹出后不会像ios浏览器那样重新计算window的高度，所以导致安卓浏览器window的高度在软键盘弹出的时候为“软键盘的高度＋（window的高度－软键盘的高度）”；而其实，此时，合理的高度应该是页面的高度＋软键盘弹出的高度；就此解决方案为如下：1,首先把css中设置body的高度为100%取消，设置为auto;2,用js获取页面的整个高度，动态赋值给...
2019-03-04 14:22:00
3028
原创 ios 下在键盘弹起时fixed元素 随页面滚动
问题是这样的， 原来的页面布局：<body> <div class='warper'> <div class='top'></div> <div class='main'></div> <div class="fix-bottom">&
2018-08-07 11:57:18
3536
原创 关于gulp，只压缩页面里边的css，并且在本文件夹生成.min的文件
gulpfile.js文件：var gulp = require('gulp'), htmlmin = require('gulp-htmlmin'); gulp.task('default', function() { // 将你的默认的任务代码放在这 const options = { removeComments: true, //清除HTML注释 ...
2018-04-13 16:49:14
890
原创 Rythm.js 使用教程详解
Rythm.js 使用教程详解简介rythm.js是一款让页面元素跳动起来的插件，并且带音乐，共7种用法,包括脉冲、跳跃、摇动、扭动、消失、颜色等基本用法<div class="rythm pulse"></div> var rythm = new Rythm(); rythm.addRythm('pulse', 'pulse', 0, 10); rythm.setMusic("sample.
2017-10-17 15:59:39
580
原创 移动端swiper卡片3D切换
此效果在安卓自带浏览器上不支持背景模糊效果（浏览器无此属性），且由于css中毛玻璃效果，导致背景图片切换会慢半拍。希望有大神看到能给我点解决办法。。。效果图如下大体实现效果：借鉴swiper官网的demo效果： http://www.swiper.com.cn/demo/choumei/html代码：
2017-10-11 16:31:25
6215
原创 谷歌浏览器记住密码之后，输入框变色问题
如图：以前没有注意过。谷歌浏览器在记住密码之后，再次打开这个页面。输入框会有淡黄色的背景色。刚开始怎么都不行。后来偶然发现原来是有个:-webkit-autofill属性于是，后来百度了下，发现有两个方法可以解决：不过我只试了一中，另外一种好像有点问题方法一：给input标签添加内阴影，这个内阴影一定要大。要不然盖不住.ipt_pwd:-webkit-autof
2017-09-25 15:45:39
2561
原创 css毛玻璃效果
代码： filter: url(blur.svg#blur;)//火狐谷歌火狐谷歌火狐 -webkite-filter: blur(12px);//谷歌欧朋 -moz-filter: blur(12px); -ms-filter: blur(12px); filter: blur(12px); fiter:progid:DXI
2017-09-13 16:19:54
928
原创 svn,git,wx,phonegap配置问题
SVN: checkout 剪出 add 添加 commit 提交 update 更新 http://sinaapp.com/========================================================git git init git
2017-08-28 11:37:38
251
原创 判断电脑是64还是32位
1. navigator对象platformdocument.write("硬件平台: " + navigator.platform);//结果： 硬件平台: Win32//运行浏览器的操作系统和（或）硬件平台
2017-08-28 11:33:14
457
原创 meta标签
<metaname="author"content="m.jd.com"> //网络爬虫robot (Google,百度等搜索引擎)会读取网页中meta项将其作为索引，大家搜索网页时搜索“m.jd.com”时就会搜到这个网页了<metaname="viewport"content="width=device-width, initial-scale=1.0, m
2017-08-28 11:17:29
504
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人