摘要： 开发react也有一段时间了，一开始的随手写，生命周期乱用，无状态组件的不熟悉。现在逐渐规范一下，从网上各个地方copy过来，整理出一份文档。可能不全，后续还得多提炼总结和完善。 一、组件内方法书写，先写生命周期函数（按执行顺序写），再写自定义函数。 二、事件this绑定放到constrcutor构 阅读全文

摘要： 在 npm 打包的时候，node环境控制台报错了，JavaScript heap out of memory 解决方法如下： 不管你是angular还是其他的，找到 如果是angular，那就找ng.cmd 如果是ant-design-pro，那就找roadhog.cmd 加上这个 --max_ol 阅读全文

摘要： 媒体查询作为响应式布局的方法之一，实际项目中用途也很广。但是你真的知道怎么用吗？ 例如，下面匹配 iphone6/7/8 屏幕 一般这么写，指的是webview的宽度，同样的，根据clientWidth 设置根节点是fontsize 也是参考的webview的宽度。 如果放在pc上或者是手机默认全屏 阅读全文

摘要： 在开发reac单页面应用的时候，页面的展示逻辑跟数据状态的关系管理变得越来越复杂，redux很好的解决这个问题。废话不多说，直接先上官网api链接。 官方文档跟你把概念性的东西讲解的很清楚的，怎么串联起来使用，就得多采坑才行。下面就是我踩的一个坑。 react-redux非组件里面store.dis 阅读全文

摘要： var Singleton = (function(){ var instance; function init() { var privateVariable = '123'; function privateMethod() { console.log('i am a private method!'); } return { ... 阅读全文

摘要： 使用react-router，官方推荐用browserhistory，美观简洁。但是nginx服务器端的配置也让人头疼。 首先看官方举例的方法： 这个做法问题在于，你必须把你的react应用放到根路径下，且这个nginx只为这个一个应用服务。这样是不是有点浪费资源了？ 假如我路径是 www.xxx. 阅读全文

摘要： 在网页展示媒体对象，离不开HTML5的 audio和video对象。但这两个目前来看兼容性方面还得关注一下。 目前在做一个阿里云下载video 并在微信端播放mp4格式的视频的时候，碰到了一些兼容性问题后，总结出如下几点： 兼容性问题1：让所有浏览器支持video标签 这个好解决，引入html5me 阅读全文

摘要： 记住如下几点： 1.第一个circle是总面积区域，第二个circle 是已加载的面积区域 2.第二个circle 的半径r 是第一个circle的二分之一，切第二个circle的线条宽度等于第一个circle的半径。 3.两个circle的fill填充颜色要相同 4.第二个circle的线条颜色 阅读全文

摘要： linux安装nodejs有2种方式一种简单的，解压即可用；另一种，通过下载source code ，通过编译，make，make install命令来安装。 这里只讲第一种，简单方便。不需要执行mak、make install。步骤如下： 一、确定你使用的linux系统，然后下载响应的压缩包。这里 阅读全文

摘要： 在用JavaScript实现某个简单的复制到剪切板功能的时候，会考虑一下浏览器兼容性，主要是重点在IE和FireFox,把这个两个浏览器搞定后，基本上其他浏览器也不用太操心了，Chrome也一样，没出什么问题。但是Chrome用的好好的，突然过了一个月，就无法实现复制到剪切板了。一时不知道什么原因。 阅读全文