- 博客(11)
- 收藏
- 关注
RSS订阅原创 cordova-hot-code-push-plugin使用：自定义cordova-hcp.json字段
使用就不多写了，网上大佬贼多。因为想做一个强制更新，不更新就退出的常见功能，就给cordova-hcp.json加了个字段mustUpdateHtml{ "name": "n3app", "autogenerated": true, "content_url": "your_www", "update": "resume", "min_native_interface": ...
2019-07-29 14:02:50
543
原创 模仿支付宝密码输入框，支持明文密文切换
需求：不能让浏览器提示保存密码！同时支持明文密文切换。思考：输入时，将输入的内容保存，然后转换成点，显示给Input，或者直接覆盖一个点在矿上，通过修改Input文字颜色来隐藏：会出现光标错位的情况，且无法判断用户将光标左右移动后的操作（）支付宝的密码框将input隐藏，使用样式来模拟框中光标，偷懒还是用Input ：）写到一半想到好像input和数组绑定，方便父组件操作，但是…百度了好多...
2019-07-04 20:34:54
414
转载 前端css mixin stylus汇总--持续更新
/* 多行显示 */// 多行省略line-camp($clamp = 2) if ($clamp == 1) overflow hidden text-overflow ellipsis // 文本溢出显示省略号 white-space nowrap // 文本不会换行（单行文本溢出） else overflow hidden text-ove...
2019-05-06 14:12:03
317
转载 scroll事件绑定在window下无法触发
页面嵌套在iframe中，iframe上写了个scroll=‘no’；html,body{height:100%}
2019-04-20 09:44:45
923
原创 vue-cli3.0强制使用路由懒加载配置
起因：参考官网，使用Import；百度后使用require和resolve。vue-cli2.0的老项目，看network里面开始的时候发送的请求不多，只有在切换路由的时候才可能会引入新的js。用了新的vue-cli3.0突然发现network一下子全请求了，还以为是懒加载写错了…然后看了下元素，发现在vue-cli3.0中会为所有的js和css资源增加prefetch参数，app、vendors...
2019-04-15 14:46:04
5044
原创 ios移动端键盘激活状态下点击按钮，弹出遮罩层后，遮罩层内容无法点击
百度上都是监听失去焦点时window.scrollTo(0,0),如果页面高度不超过一页的情况下没有特别大的问题，本次业务是按钮在底部，稍微超出了一页，在输入完最后一个input的时候，不关闭输入框，滑动页面点击提交按钮，出现新的弹出框，但是页面下面空了一大块，是原来键盘的高度，弹出框通过fixed定位，但是框内按钮无法点击到，于是在点击按钮后默认触发window.scrollTo(0,windo...
2019-03-26 14:31:54
584
转载 Vue-cli3.0打包优化实践
gzip压缩vue.config.js npm i --save-Dev compression-webpack-plugin const CompressionWebpackPlugin = require('compression-webpack-plugin') const productionGzipExtensions = /\.(js|css|json|txt|htm...
2019-03-12 15:44:04
3182
原创 chrome浏览器自动填充样式修改
input:-webkit-autofill { text-fill-color: #0080c5; -webkit-text-fill-color: #0080c5; -webkit-box-shadow: 0 0 0px 1000px #004c81 inset !important;}或者改为autocomplete=‘off’，关闭自动填充，用户体验-1...
2019-02-20 09:27:44
891
转载 Vue中watch数组或对象
1.使用Vue提供的deep方法data(){ return { arr:[], obj:{somechange:''} }}//百度都说数组和对象一样,不知道为啥我试了数组没成功watch:{ obj{ handler:function(newValue, oldValue){ //只要对象里面有一个属性变换就会执行 }， deep:true, //深度...
2018-12-06 10:16:51
1580
转载 移动端滚动穿透问题完美解决方案
问题众所周知，移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是臭名昭著的滚动穿透问题之前搜索了一圈，找到下面两种方案css 之 overflow: hiddenSCSS.modal-open {&, body {overflow: hidden;height: 100%;}}页面弹出层上将 .modal-open 添加到 html...
2018-11-06 09:43:57
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人