- 博客(8)
- 收藏
- 关注
RSS订阅原创 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** 
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人