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

区别一module.exports和exports 是CommonJs的规范，被使用于Node.js中export、export default 是ES6的规范，被用于React、Vue中 区别二通过export方式导出时，导入要加上 { }通过export default导出时，不需要 区别三module代表一个模块，exports是module的属性，表示对外的接口。加载某个模块，其实就是加载该模块的module.exports属性。 区别四CommonJs（require）运行时加...

Read More

vue中img标签加载失败 使用默认图片template中这么写，如果src中的图片加载失败就会加载defaultImg中的路径 1234<img:src="https://hl-blog.oss-cn-shanghai.aliyuncs.com/%E5%A4%B4%E5%83%8F.jpg"alt="加载失败咯":onerror="defaultImg"/> js中这么写 123456789export defau...

Read More

英语流利说一面 微前端描述下   将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的小块，而在用户看来仍然是内聚的单个产品。  简单来讲就是将庞大的整体拆成可控的小块，并明确它们之间的依赖关系，关键优势在于:  a.代码块更小，更内聚，可维护性更高。  b.松耦合，自治的团队可扩展性更好。  c.渐进的升级、更新甚至重写部分前端功能成为了可能。 怎么协同开发  &...

Read More