列表三个元素排一行的布局问题背景： 要求每三个元素占满一行，每个元素之间的间距固定，每个元素的宽度随着设备的分辨率大小适配。解决方案: 将后端返回的一维数组列表转换成二维数组，每三个元素为一组。类似于这样的数据结构:123456789101112131415161718192021222324252627[ [{name: "han"},{name: "han"},{name: "han...

Read More

移动端H5上下拖拽，导致背景跟在滑动设置body{ overflow:hidden } 就可以了 后来发现iphone6机型上并不生效，向下拖拽会看到网页来源，向上拉会看到背景颜色，最后通过设置整个div的position:fixed;不允许上下滑动解决的。 移动端h5页拉起键盘，fixed元素定位失效，并不能吸顶。原因是，键盘拉起的时候，整个webview向上滚动了，无法控制webview的不允许滚动。 解决方案1，键盘拉起时，下面的元素不允许滚动，也就是禁掉页...

Read More

git打tag步骤 git tag XXX git checkout XXX git push origin XXX git 去掉本地修改-回退 git reset –hard git

Read More

css动画实现过渡效果，展示/隐藏div背景： transition高度不固定的情况下，控制高度height: auto失效，解决方案如下： 先将需要做动画的元素设置 max-height: 0px，overflow: hidden; 在事件中给元素添加 max-height: 固定高度（>= 元素的实际高度）案例1：123456.test { transition: max-height 2s; max-height: 10px; overflow: hidden...

Read More

h5实现长按保存图片的功能-利用img标签这种方式调起了本地相册。背景： 抽签成功后，获取对应签的带二维码的图片到本地，用户可以通过扫码带二维码的图片进入活动 技术调研： 要调起手机系统相册，还是要借助于原生app,拉起访问系统相册的权限才能实现； h5内嵌的不同环境——各种app、浏览器等等暴露的api各不相同，所以要实现的话，要根据不同环境调起不同的桥接api,所以工作量还是较大； 最后还是用浏览器默认的自带的功能属性img标签长按保存添加图片 允许用户在微信上保存图片 所以im...

Read More

css实现图片的翻转效果实现效果如下 1234<div class="pos-box img-style" style="background-image: url('https://hl-blog.oss-cn-shanghai.aliyuncs.com/%E5%A4%B4%E5%83%8F.jpg');"></div><div class="neg-box img-style"...

Read More

弹框出现不允许背景滑动，改变position布局值时，scroll滚动条维持在原来的位置，不要回到顶部。 12345678910111213141516171819202122232425262728293031323334if (true) { // 弹框出现 if (ffsUtils.is_ffsPhoneInfo() && Q.ua.IOS) { // 如果是IOS环境允许滚动 //do nothing // t...

Read More

icon图标与文字对齐 开发过程中经常遇到img和span标签包含的文字不对齐，设置vertical-align: middle发现图片icon还是会偏下 解决方案：设置img的vertical-align为top,然后设置margin-top属性 1234<div class="father"> <img src="https://hl-blog.oss-cn-shanghai.aliyuncs.com/%E5%A4%B4%E5%8...

Read More

vscode中登录跳板机 进入bash 登录跳板机 进入对应的服务器 进入项目所在的目录 查看分支 git pull 最新代码 退出到根部文件，执行脚本，编译文件 12345678bashssh hanXXX@jumpbox.XXX.domainssh 10.13X.XXX.XXXcd /data/XXX/XXX/XXXgit statusgit pullcd // 回到根目录./XXX_build.sh // 执行脚本 XXX_build.sh脚本里的内容如下 12345678910...

Read More

安卓手机安装测试包 电脑数据线连接手机 手机打开调试模式（开发者选项-调试） 电脑打开控制台cmd 输入 12adb devices // 查看连接的设备adb install -r -t XXX.apk // 安装测试包 tips:使用Chrome://inspect调试 Android 设备上Webview 修改User Agent模拟客户端环境 点击菜单中的Edit 选择Add Custom device User agent string类似于以下值：1Mozilla/5...

Read More