你碌碌无为的昨天，是很多人活不到的明天。
前因 在项目中，根据产品的要求，卡片元素整个区域开了一个热区 但是在热区中有很多内容包括按钮图片等等 经过 在实际开发中，按钮的点击事件会冒泡到父级的热区 但按照期望，我们希望按钮的点击事件触发的内容和热区不同 结果 使用w3c推荐的阻止冒泡的方案同时兼容IE 1234567891011121314151617<Button onClick={e => { const el = e
一些废话为什么会写这篇博客呢？主要是日常做前端开发会一直和编辑器打交道，看着那些自己辛辛苦苦码上去的代码，写的优雅除了自己本身的写法以外，我觉得字体也很重要。好看的字体会让人编码的时候都赏心悦目呀！话不多说，主要还是盘点几个我最喜欢的编程字体。 operator mono 一句话总结这个字体和我的关联–只是因为在字群中多看了你一眼 上图： 是不是看上去就十分的让你怦然心动呢？毕竟这也是付费字体，但是平穷的码农还是要动动小脑筋
官方实例神奇传送门 前因在项目里因为是c端高度定制化，所以没有使用类似ant design的modal组件，所以我自己重新封装了rc-dialog 我用了代理模式来设计这个组件，因为多数是对样式上的调整，所以很多多余的api我都做了收口，只暴露几个项目里可能用到的api 因为涉及的逻辑就不在该组件内部了，所以我准备用函数组件去做，但是因为它原生关闭按钮是一个放在伪类里的x，不符合项目里UI的设计，所以我修改了它原生关闭按钮的样式，放上
历史原因 首先是因为项目的原因，封装了很多util方法所以在使用的时候加一个jsdoc会用起来更方便 js本身是弱类型语言，有时候在传参调用的时候会出现类型的错误 在以前的项目中，使用过jsdoc，不过写的不算特别规范，所以最近潜心研究一波 第一步(function)在使用jsdoc之前，你必须为你的方法写上jsdoc的注释 如： 12345678910/** * @description 校验传入的路径是否是一个合法的ur
关于flex布局里限制子元素占的比例在通常情况下，都会直接使用flex: 1让子元素均分父元素的宽度，但是有些时候一行只存在两个元素的时候，他们也会均分，导致了这两个元素的宽度与前面不符。如图： 显然这不是我们想要的效果，后来查阅了资料之后发现flex是一个复合属性，是flex-grow、flex-shrink和flex-basis的集合 flex-grow 是定义元素放大的比例，默认值是0 flex-shrink 是定义元素
原文参考点击查看原文 查看GitHub 介绍使用说明 适合打包文档类的网站 如果网站是多页应用或者存在跳出到其他网站将出现异常哦 Windows下的实现方式 首先保证你的电脑已经有了nodeJs的环境且版本号不低于6.x。根据该工具开发者的介绍4.x may work but is no longer tested, please upgrade 执行npm install nativefier -g全局安装nativefi
JS尝新关于WEB WORKER的一点基础尝试主进程： 12const worker = new Worker('./work.js');worker.postMessage('Hello World'); worker进程： 1234worker = this;worker.onmessage = (oEvent) => { console.log(oEvent.data);} 遇到过的坑 如果直
在flex布局中，踩过的坑最开始的写法： 1234567891011121314151617181920212223242526272829render(){ const commentContent = this.state.data.length > 0 ? this.renderComment() : null; return (<div className='clubDerailWrap'>
关于react的Component和PureComponent在平时的react的使用中，我们通常使用生命周期函数中的shouldComponentUpdate这个方法去判断是否有相关的值改变了，决定这个组件的render函数要不要执行，提高性能。但是在后来的react fibre中，提出了一个叫PureComponent，它在底层帮我们实现了这个判断，不需要我们在每个组件里都去到这个生命周期函数中去定义。 用异步请求后台数据的时候
webpack PK rollup关于webpack多层次引用和模块化处理需要用webpack解决 webpack.config.js 1234567891011121314module.exports = { entry:"./src/index.js", output:{ path:__dirname, filename:"./build/bundle.js" }, module
TIME WAITS FOR NO ONE.