摘要:源代码演示利用将要水平排列的块状元素设为,然后在父级元素上设置,达到与上面的行内元素的水平居中一样的效果。 前言 本文主要介绍水平居中,垂直居中,还有水平垂直居中各种办法,思维导图如下: showImg(https://segmentfault.com/img/bVblwhg?w=1334&h=563); 如需本文的思维导图,请猛戳Github个人博客 一、水平居中 1.行内元素水平居...
NPM酷库,每天两分钟,了解一个流行NPM库。 在前端开发中,我们经常需要JS来判断生成DOM节点CSS类,比如: let className=btn-primary; if(active){ className+= active; } return Save; 在上述代码中,我们需要判断active变量来控制生成的按钮的CSS样式是否是激活状态,在实际开发中,可能会有更多的类似这样的样式控制...
摘要:七牛图片上传扩展实现源码写在前有两个版本,一个是实现的,一个是,后续不更新版本,只开发版本。本扩展特点简单方便,使用个人图床,安全便捷好管理。一键上传图片,返回预览,可以方便看到上传的图片。错误友好返回,方便定位问题。 七牛图片上传Chrome扩展(Vue实现)(源码) 写在前 Repo有两个版本,一个是Jquery实现的,一个是Vue,后续不更新Jquery版本,只开发Vue版本。 ...
摘要:使用该对象,可以跟踪属于组件的各种元数据位。调用你的组件这意味着它知道存储的元数据对象。下一次渲染会发生什么需要重新渲染组件由于之前已经看过这个组件,它已经有了元数据关联。 为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 我们大部分 React 类组件可以保存状态,而函数组件不能? 并且类组件具有生命周期,而函数组件却不能...