- 博客(8)
- 收藏
- 关注
原创 rem移动端适配
在如今各种移动端适配的大局面,如果对于项目要求不是特别高,可以考虑rem适配。贴出一张我常用的 rem适配的js。其目的是让 1rem = 100px,减少换算。(function (doc, win) { let docEl = doc.documentElement let resizeEvt = 'orientationchange' in window ? 'orientati...
2019-07-26 10:17:35
152
原创 input对于输入内容为中文时的校验处理
最近,在做项目时碰到一个搜索的需求:在用户输入时就开始对输入的内容推送相关的结果。类似百度的效果。不同的是百度在输入中文时并不友好,依然是对拼音进行搜索。在查阅input框的事件以及谷歌后,找到了相应的事件 compositionstart 和compositionend。mdn的解释如下。其实就是对中文一个最好的处理方式。使用的方法与input事件相同。效果就不展示了。...
2019-07-22 16:24:32
1077
原创 关于css3动画出现的模糊问题与移动问题
最近的垃圾分类是席卷全国,本人在做关于此类主题的小游戏时,发现在用transform会出现图片和文字模糊的情况。出现这种情况的问题是因为transform: translate(-50%,-50%);这个在计算的时候,因为出现了多位小数,导致此问题。可以手动更改宽高度来解决。下面看看效果。修改前:修改后:...
2019-07-04 15:54:25
1732
原创 360浏览器的兼容
总结一下我在做项目过程中碰到的平常不常见的兼容。360极速浏览器的自动翻译会对文字进行处理,造成排版错误或者文字添加、减少。解决方法有两个:将html 的 lang 属性设置为 zh 。让用户在访问本页面关闭自动翻译功能。本帖会随着我的项目持续更新。欢迎大家分享交流。...
2019-05-17 08:51:53
239
原创 微信小程序的样式问题与踩过的坑
最近在做微信小程序的时候,发现他的样式并不和传统的html和css一样。特此记录一下问题。wxss的伪元素选择器 first-of-type和first-child这两类变现形式偶尔都是first-child的变现形式。wxml的类名。若在wxml一个标签有两个类名。那么在对应的wxss中哪个位置靠后那么哪个优先级高。(这是个很有趣的bug)其他的会在以后碰到后持续记录。...
2019-04-23 10:15:53
2751
3
原创 关于h5在ios和Android上的差异
最近在做了几个h5页面后,碰到了许多iOS和Android上的差异,特在此总结一下,以防再入坑。1. title 问题。 Android可以用 document.title来动态改变标题,**ios不可以,需要通过加入一个iframe来让ios刷新title** 。对于emoji,我所做的就是有这么几点。做一个可以选择emoji的选择框在评论框中显示对应的标题(如若需要在此显示表情,请使用富文本,在此不做深究)将此数据发送给后端,并在上面成功展示已评论的表情和文字第一个...
2019-03-22 15:40:59
342
原创 h5页面元素聚焦手机无法弹出键盘
移动端h5做手机app的直播视频碰到的问题h5页面元素聚焦手机无法弹出键盘问题是这样产生的:公司最近要搞一个直播的h5活动页内嵌到app上,当然我就来负责这个了。但是这个项目我是半道接手的,原因我就不赘述了,反正是看到的时候,功能已经基本完善,播放视频的插件用的是阿里的播放器,富文本是自己写的,用的div(不用 input是因为要输入表情),这个时候我来了,bug也就来了,我在播放器非全...
2019-03-15 08:52:53
2678
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅