happyWang

技术人的博客, 说技术人的事

React里面是如何区分Class和Function的

针对文章https://overreacted.io/how-does-react-tell-a-class-from-a-function/的摘录 为什么要区分从两种形式的Component中获取node节点的方式不一样,Function的直接调用,Class的需要实例化,再调用实例的rend..


一个ASI陷阱

使用es6学canvas游戏开发最新在看一本书《HTML5+JavaScript动画基础》, 基于这本书来学习Canvas游戏制作的。书很不错,介绍了很多游戏的基础概念。不过书里面的代码都是基于ES5编写的,现在是2018年了,所以打算边看边改写书里面的代码为ES6版本的。 前天晚上在做ch0..


在styled-components的样式声明中做px到rem的自动转换

最近在尝试使用styled-components来做React下的样式开发,这样可以利用js语言的灵活来增强css的能力。 在多屏适配这块,一直是在使用淘宝的lib-flexible。 在用styled-components处理px到rem的转换时,有点问题了。styled-componen..


webpack dynamic import出错: SyntaxError: 'import' and 'export' may only appear at the top level

起因今天尝试使用webpck的import()来做代码分割。 代码类似如下: import('./nice-scroll').then(init => init(dom)) 结果报错: ERROR in ./js/utils/auto-s..


关于javascript里面数组的sort方法

介绍Array.sort([compareFunction]) 对Array里面的元素进行升序排序 关于排序的规则默认的排序如果compareFunction没有提供的时候,默认把所有Array里面的元素转换为字符串,然后取第一个字符,比较它们的Unicode值,进行正序排序。 这个转为字符串再..


React入门实例教程读书笔记

这份读书笔记是看了阮一峰的《React 入门实例教程》之后撰写的,留作记录。需要看原文的可以点击前面的书名访问对应链接。 这篇文章的目的 介绍react 如何下载react 如何安装react 如何使用react 文章的组织架构从易到难的开始介绍。 react在页面的部署 依赖的两个js js..


选择器优化

翻译自:http://learn.jquery.com/performance/optimize-selectors/ 在越来越多的浏览器支持document.querySelectorAll()之后,使得查找DOM的压力从jQuery转移到浏览器,选择器的优化,已经没有以往那么重要。然而,仍..


javascript漂移广告效果

今天要帮人实现一个可以在窗口上飘来飘去的广告,虽然对这类漂浮移动的广告很不感冒,但是写还是得写的。 原理知道,但是自己写,总是麻烦,就去网上找了个demo,然后再基于那个demo做了点修改。 话不多说,上代码: <meta charset="UTF-8"> <..


Bootstrap的Carousel实现垂直滚动效果

Bootstrap的Carousel默认是水平滚动的,下面介绍实现其垂直滚动的方式,看代码: html结构,相对于bootstrap,新增了vertical的class ![](http://placehold.it/600x400&text=First+Slide) ..


ECMAScript5 中对象属性的新特性

在ECMAScript3中,对象的属性是很简单的,可读可写可遍历,也不存在公有私有的说法。 为了实现只读变量,很多时候不得不依赖闭包。 var o = (function(){ var readOnlyVarible = '我是只读的'; ..