前端
刘延平
这个作者很懒,什么都没留下…
展开
-
移动端页面背景图问题
最近在维护一个移动端项目,发现在手机高度过高的手机上例如:iphonex,在设置背景图的时候不会自动填满整个屏幕,针对这个问题进行了几个尝试。1.background-size:cover,这个可以把背景图片全部展开,但是会在底部留下白屏,这样用户体验很差。2.vh方案这个方案可以实现全屏,但是BUG也很明显,软键盘弹出后会出现背景图缩小的BUG,因为vh方案是以视口的高度进行计算,软键盘...原创 2018-12-16 12:57:31 · 1540 阅读 · 0 评论 -
关于ajax终止请求的方式
jquery: $.ajax({}).abort()var request = $.ajax({ type:'POST', beforeSend:function(){}, url:'test.php', data:'username=xxx', dataType:'...原创 2019-02-14 17:12:21 · 1295 阅读 · 0 评论 -
VScode常用快捷键和插件
VS Code 的常用快捷键和插件一、vs code 的常用快捷键1、注释:a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)c) 多行注释:[alt+shift+A]d) 多行注释:/**2、移动行:alt+up/down3、显示/隐藏左侧目录栏 ctrl + b4、复制当前...原创 2019-01-27 17:02:17 · 147 阅读 · 0 评论 -
关于H5video标签在微信X5内核不兼容问题
参考:https://blog.csdn.net/qq_16494241/article/details/62046891<video id="videoID" src="video.mp4" poster="loadbg.jpg" preload="auto" x-webkit-airplay="true" x5-video-player-type="h5" x5-vid原创 2019-01-09 16:56:37 · 4810 阅读 · 0 评论 -
关于小程序cover-view点击穿透问题
由于地图层级最高,需要用到cover-view标签来覆盖层级,但是在苹果机上出现了点击遮罩层点击穿透的问题,解决方案是将遮罩层的position:fixed去掉。原创 2019-01-19 17:57:33 · 3810 阅读 · 0 评论 -
小程序正则判断手机号
pnumber(e){ let phonereg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/; let phone = e.detail.value if (phone.length == 0) { wx.showToast({ title: '输入的手机...原创 2019-01-18 09:20:00 · 1567 阅读 · 0 评论 -
关于底部菜单栏挡住能容解决方案
body{ padding-bottom://导航高度;}原创 2019-01-05 11:15:42 · 1001 阅读 · 0 评论 -
关于小程序input传值搜索
<view class="item1"> <input placeholder='请选择你的车型' value='{{inputvalue}}' bindblur="getValue"></input></view> getValue(e){ this.setData({ inputValue: e.detail...原创 2019-01-04 17:56:57 · 870 阅读 · 0 评论 -
关于textarea去掉右下角三角图标
解决方案textarea{resize:none;border:none;}原创 2018-12-25 15:27:15 · 1176 阅读 · 2 评论 -
关于Clipboard.js的使用
最近项目中需要做一个H5页面,需要点击按钮来直接复制textaera中的内容。所以我找到了Clipboard.js这个插件。github地址:https://github.com/zenorocha/clipboard.js应用场景我的需求就是点击按钮复制文本框的内容。代码实现:HTML:<div class="model"><div class="top"...原创 2018-12-25 15:14:45 · 189 阅读 · 0 评论 -
CSS中多行文本溢出省略...
CSS常用属性:overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行,只能显示一行这个只是用适用于单行文本溢出情况,之前处理多行文本的话需要JS来支持。CSS3新加属性:display:-webkit-box; ...原创 2018-12-25 15:01:14 · 235 阅读 · 0 评论 -
小程序request封装
function request(url, method = 'GET', data = {}) { let header = { 'content-type': 'application/json', 'X-ECAPI-Sign': '', 'X-ECAPI-UDID': '', 'X-ECAPI-UserAgent': 'Platform/Wechat',...原创 2018-12-28 15:28:56 · 766 阅读 · 3 评论 -
关于盒模型文本换行显示
{white-space:normal; //规定段落中的文本不进行换行:word-break:break-all; //可在任意字符间断行。word-wrap:break-word; //在长单词或 URL 地址内部进行换行。}...原创 2018-12-27 15:45:55 · 649 阅读 · 0 评论 -
小程序中对数组的操作
//index.jsPage({ data: { list:[{ id:1, name:'应季鲜果', count:1 },{ id:2, name:'精致糕点', count:6 },{ id:3, name:'全球...转载 2019-02-18 15:00:32 · 4132 阅读 · 0 评论