f90d11170c35

1、老的用法 mobx是一个使用十分普遍的状态管理工具，在实际的开发过程中我们常常搭配react进行使用。在一些比较大的项目中，部分变量需要反复向下层组件进行传递，如果使用传...

f90d11170c35

为什么要初始化CSS？ 建站老手都知道，这是为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。当然，初...

f90d11170c35

感谢博主！困扰了我两天的问题终于解决了！！！就是因为这句“为了避免这种优化，我给每个元素加了个小的、唯一的translateZ()值，比如translateZ(0.0001px)，translateZ(0.0002px)等。浏览器会认为处在3D空间的不同层，从而跳过优化。”帮到我啦！
我的Bug是Safari浏览器上scroll事件里改动DOM节点的style, 例如
```
const section = document.querySelector('.section_intro');
section.style = `opacity: ${titleOpacity}; transform: translateY(${titleY}px);`;
```
这样的代码写在scroll事件里就会造成Safari浏览器上滚动卡顿，最终靠如下解决方案：
1）给.section_intro元素的父元素添加
```
transform: translateZ(0.0001px); // 为解决Safari中scroll事件里改变DOM的style-opacity等造成的滚动卡顿问题，必须配合下方translate3d语句才可生效;
```
2）给整个页面加上CSS语句：
```
-webkit-transform: translate3d(0,0,0);
```

正确使用GPU动画

最近看到一篇关于GPU动画的神文，原文地址：https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-r...

purple_force

3427 1 6 1

f90d11170c35

最近看到一篇关于GPU动画的神文，原文地址：https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-r...

f90d11170c35

axios原理 请求拦截器请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。 响应拦截器响应拦截器的作用是在接...

f90d11170c35

最近在回顾《JavaScript高级程序设计 第三版》时，在 逻辑操作符 与 位操作符 章节中发现了许多细节在书中被没有讲解清楚，查阅相关资料测试后特来整理一下学习心得。 位...

f90d11170c35

postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要...

f90d11170c35

现在回过头来看，感觉自己以前写复杂了，其实道理很简单； 就是利用vw，rem随屏幕，或者跟字体正比变化的特性； 1.就是开发的时候用的750设计稿的尺寸；单位是px； 2.然...