摘要:
React 性能调优总结 首先要说一个库: why-did-you-update, 地址:why-did-you-update, 利用这个库可以在页面上快速看到多余渲染的问题: 因为多数情况下我们在React组件当中是不会去写shouldComponentUpdate这个hook来避免多余渲染的,所 阅读全文
摘要:
移动端网页书写 css样式: @charset "utf-8";body,html{font-family: "微软雅黑";font-size:100px;font-size: calc(100vw/7.2);//根据设计稿设置自己的宽度,对应比例/*设计稿为720px宽度*/} 在网页的头部书写以 阅读全文
摘要:
看到微博和朋友圈都实现了图片九宫格,曾经有次面试也问到了九宫格这个问题,当时想到的是先固定每个单元格的宽高,然后进行浮动。今天想折腾一下,实现自适应父元素宽度的布局。这次我只写了四种方式去实现九宫格,算上inline-block的话就是五种了。 首先要注意的是九宫格容器是宽高相等的正方形,并且是自适 阅读全文
摘要:
在之前写了一篇关于rem适配的文章,但是没有给出具体的封装,那么今天这里给出常用的三种方法,分享出来供大家参考学习,下面话不多说了,来随着小编一起学习学习吧 一、rem1.js 第一种方法考虑了m端屏幕旋转的问题.对兼容性做出了一定的处理,具体看代码. ? 1 2 3 4 5 6 7 8 9 10 阅读全文
摘要:
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍 阅读全文
摘要:
iPhone X 配备一个覆盖整个手机的全面屏,顶部的“刘海”为相机和其他组件留出了空间。然而结果就是会出现一些尴尬的情景:网站被限制在一个“安全区域”,在两侧边缘会出现白条儿。移除这个白条儿也不难,给 body 设置一个 background-color 就可以搞定。或者,可以添加 viewpor 阅读全文
摘要:
在浏览器中也可以使用JavaScript modules(模块功能)了。目前支持这一特性的浏览器包括: Safari 10.1. 谷歌浏览器(Canary 60) – 需要在chrome:flags里开启”实验性网络平台功能(Experimental Web Platform)” Firefox 5 阅读全文
摘要:
babel 7 babel 7 发布两天了,试着对当前项目更新了下,仅此记录分享 主要改动参考 官方博客 官方升级指南 主要升级内容 不再支持放弃维护的 node 版本 0.10、0.12、4、5 使用 @babel 命名空间,如 @babel/core @babel/preset-env 代替 p 阅读全文
摘要:
阅读全文
摘要:
前言:在现实项目中,我们可能很少需要从头开始去配置一个webpack 项目,特别是webpack4.0发布以后,零配置启动一个项目成为一种标配。正因为零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化,所以实际应用中,我们可以把精力更多专注在业务层面上,而无需分心于项目构建上的 阅读全文