明明一颗大白菜

2019年3月11日

摘要：网上看到很多移动端适配的各种方法，由于原来工作中对rem的疏忽，所以决定重新学习rem~ 由于移动端特殊性，本文讲的是如何使用rem实现自适应，或叫rem响应式布局，通过使用一个脚本就可以rem自适应，不用再为各种设备宽度不同而烦恼如何实现自适应的问题。 rem是相对于根元素<html>，这样就意味阅读全文

posted @ 2019-03-11 17:45 明明一颗大白菜阅读(7730) 评论(0) 推荐(0)

解决在antd中使用 autoprefixer 9.4.5 会抛出错误 Replace text-decoration-skip: ink to text-decoration-skip-ink: auto, because spec had been changed 的问题

摘要：其实这个和antd的版本有关系，只需要把antd的版本升级到3.12.4就可以了记得重新运行一下项目阅读全文

posted @ 2019-03-11 11:02 明明一颗大白菜阅读(3790) 评论(0) 推荐(0)

2019年3月7日

file类型input框设置上传相同文件，并都可以触发change事件。

摘要：在使用file类型input框是，删除了第一次上传到文件，再次上传相同文件，无法触发change事件，所以在删除的js上添加如下js代码：阅读全文

posted @ 2019-03-07 10:35 明明一颗大白菜阅读(388) 评论(0) 推荐(0)

2019年2月25日

浅谈JavaScript对象数组根据某属性sort升降序排序

摘要： 1、自定义一个比较器，其参数为待排序的属性。 2、将带参数的比较器传入sort()。阅读全文

posted @ 2019-02-25 13:21 明明一颗大白菜阅读(472) 评论(0) 推荐(2)

2019年2月21日

SyntheticEvent

摘要：在react 的事件中使用SyntheticEvent 就会出现下面的报错 <input onChange={async e => { await foo() ... }} /> 那么怎么解决呢？ <input onChange={async e => { e.persist() await foo 阅读全文

posted @ 2019-02-21 18:11 明明一颗大白菜阅读(451) 评论(0) 推荐(0)

2019年2月19日

js的微任务和宏任务

摘要： 1.机制如下：注意一点：宏任务需要多次事件循环才能执行完，微任务是一次性执行完的； 2.宏任务macrotask：（事件队列中的每一个事件都是一个macrotask）优先级：主代码块 > setImmediate > MessageChannel > setTimeout / setInte 阅读全文

posted @ 2019-02-19 16:17 明明一颗大白菜阅读(5241) 评论(1) 推荐(0)

2019年2月15日

移动端html的overflow:hidden属性失效问题

摘要：这第一次做手机端网页，在交付测试的时候发现一个问题，就是body的宽度，我设置了overflow:hidden,在谷歌调试的时候确实是不能滑动的，但是在手机端测试的时候发现，overflow:hidden是失效的。就是说，页面是也可以左右摇晃的，延展出去的部分会被扯来扯去= = 后来查阅了一些资料阅读全文

posted @ 2019-02-15 17:22 明明一颗大白菜阅读(1331) 评论(0) 推荐(1)

2019年2月14日

js获取url传递参数，js获取url？号后面的参数

摘要：方法一、正则表达式方法二、方法三、其他参数获取介绍： //设置或获取对象指定的文件名或路径。alert(window.location.pathname);//设置或获取整个 URL 为字符串。alert(window.location.href);//设置或获取与 URL 关联的端口号码。a 阅读全文

posted @ 2019-02-14 13:43 明明一颗大白菜阅读(1405) 评论(0) 推荐(0)

2019年2月12日

zoom和transform:scale的区别

摘要： zoom的缩放是相对于左上角的；而scale默认是居中缩放； zoom的缩放改变了元素占据的空间大小；而scale的缩放占据的原始尺寸不变，页面布局不会发生变化；对文字的缩放规则不一致。zoom缩放依然受限于最小12像素中文大小限制；而scale就是纯粹的对图形进行比例控制，文字50%原来尺寸。阅读全文

posted @ 2019-02-12 15:20 明明一颗大白菜阅读(302) 评论(0) 推荐(0)

2019年2月1日

css媒体查询来书写二倍图三倍图设置

摘要： @media (-webkit-min-device-pixel-ratio: 2){} @media (-webkit-min-device-pixel-ratio: 3){} 阅读全文

posted @ 2019-02-01 14:01 明明一颗大白菜阅读(767) 评论(0) 推荐(0)

明明一颗大白菜

公告