移动端css开发小技巧

css 设置 iPhoneX 的安全距离如果元素上设置了postion属性,需要设置在该属性上,只设置在 body 上会无效。也可以作用于margin-top属性上,重要的是安全距离值。 12345padding-top: constant(safe-area-inset-top); //为导航栏+状态栏的高度 88pxpadding-left: constant(safe-area-inset-left); //如果未竖屏时为0padding-right: constant(safe-a...

Read More

工作

转正前谈话过去五个月中,印象最深的工作是哪个项目觉得汇报对象怎么样(leader)觉得公司怎么样对以后的发展规划 工作上设计更宽泛的业务,比如登录、支付等等 朝管理层发展 以后转正要好好准备这些问题啊,又是乱七八糟也不知道说了啥,就觉得很肤浅,都是在强调组织氛围,吃喝玩乐。。。没谁了我。/(ㄒoㄒ)/~~ tips 对了,今天联系了私教,要健身啦!!!要坚持下去啊!!!

Read More

时间日期处理

js对时间戳处理成年月日时分秒 + yyyy.mm.dd12345678910111213export function timeToDate(time, type = 'yyyy.mm.dd') { let date = new Date(time) let day = date.getDate() if ((day + '').length < 2) { day = '0' + day...

Read More

正则

匹配除中文、空格以外的其他所有字符1234567891011// 先校验空格,再校验非中文var line = 'aa bb cc'if (line.trim().split(/\s+/).length > 2)......function validateLine (line){ // var checkKaMi=/^[A-Za-z0-9_]+[\s]+[A-Za-z0-9_]+$/; // 非中文以外的所有其他字符 var chec...

Read More

小程序、公众号开发过程中的问题

背景小程序里支付页——支付成功后需要引导用户关注公众号 准备工作a. 小程序开发者工具下载b. 关注公众号只有以下三个场景才能出现关注公众号组件 https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html①当小程序从扫小程序码场景(场景值1047,场景值1124)打开时②当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序...

Read More

js开发技巧

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

Read More

移动端H5开发技巧

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

Read More

css动画显示隐藏div

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


Powered by Hexo and Hexo-theme-hiker

Copyright © 2013 - 2024 HL's Blog All Rights Reserved.

UV : | PV :