- 使用Ant design(react)时遇到了
import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;
其中第二句话可以看成
const Header = Layout.Header; ...
这就是ES6中变量（对象）的解构赋值。
- 正则表达式中的小括号"()"。是代表分组的意思。 如果再其后面出现\1则是代表与第一个小括号中要匹配的内容相同。
如果要在正则表达式内部引用某个“具名组匹配”，可以使用\k<组名>的写法。
const RE_TWICE = /^(?<word>[a-z]+)!\k<word>$/;
RE_TWICE.test('abc!abc') // true
RE_TWICE.test('abc!ab') // false
数字引用（\1）依然有效。
const RE_TWICE = /^(?<word>[a-z]+)!\1$/;
RE_TWICE.test('abc!abc') // true
RE_TWICE.test('abc!ab') // false
(?: pattern)是非捕获型括号
匹配pattern，但不捕获匹配结果。
(pattern )是捕获型括号。 匹配pattern，匹配pattern并捕获结果,自动获取组号
(?<name> pattern) 匹配pattern， 匹配pattern并捕获结果，设置name为组名
MDN:MDN rgx
-
nodejs中path.join()和path.resolve()的区别
snipaste_20180316_170427.png
-path.join()只是简单的连接，并且会正确使用当前系统的路径分隔符，Unix系统是"/"，Windows系统是"\"。
-path.resolve()则是相当于依次执行cd命令，最后返回pwd，也就是绝对路径。
- npm下安装webpack的注意事项
由于之前一直用的是webpack1版本，而最近打算升级到最新的4，于是发现全局下的webpack命令无法直接使用。虽然后来修改了windows下的环境变量，并且根据报错提示安装了webpack-cli（webpack4中单独分离出的命令行模块），可以正常使用。但是根据官网推荐，最好不要使用全局安装，因为不同项目的需求有所不同，而本地安装可以避免版本不同带来的麻烦。于是本着追求完美的精神，我毅然决然的删除了全局下的webpack，找了一下如何本地运行的方法。虽然方法很简单，但是网上似乎关于这个讨论的并不多，可能很多人还是用的全局的吧。
根据一些回答和自我尝试，把可行的方法在这里记录一下：既然不能在命令行中直接使用，那么需要在packge.json中的script中自行加入build: webpack --config webpack.config.dev.js之类的命令。然后在命令行中便可通过npm run build使用webpack进行打包。
还有一种方法是直接使npx webpack来调用本地安装的模块。 - 配置.babelrc文件时一般配置为如下：
{
"presets": [
"es2015"，
"react",
"stage-0"
],
"plugins": []
}
这个配置文件的意思。首先，这个配置文件是针对babel 6的。babel 6做了一系列模块化，不像Babel 5一样把所有的内容都加载。
设置presets包含es2015，也就是预先加载es6编译的模块。
设置presets包含react，也就是预先加载JSX编译的模块。
设置presets包含stage-0，也就是预先加载es7编译的模块。
- ES6中的import module语法
摘自MDN：
import defaultMember from "module-name";
import { member } from "module-name";
member, memberN
Name of the exported members to be imported.
defaultMember
Name which will refer to the default export from the module.
也就是说，通过import xxx from "..."引入的，xxx已经是默认导出项的别名了。
而import { xxx } from "..."引入的，{ xxx }只是导出项的名字，而并非导入时的名字。
第一个是通过export default导出的，第二个是export导出的。
附CommonJS和ES6的模块规范：http://www.cnblogs.com/fayin/p/6831071.html
- js如何优雅的初始化二维数组
function create_2d_array(n, m, v) {
return new Array(n).fill(undefined).map(() => new Array(m).fill(v))
}
这里要注意的是
（1）一维数组中需要调用fill()，可以是任意值，包括undefined。否则返回值会是empty。
（2）需要使用map，而不能直接在fill中调用new Array()，否则每一行的数组其实是同一个，从而改变某一个值的时候，其所在列都跟着改变。
- js 数组方法是否改变原有数组
不会改变原来数组的有：
concat()---连接两个或更多的数组，并返回结果。
every()---检测数组元素的每个元素是否都符合条件。
some()---检测数组元素中是否有元素符合指定条件。
filter()---检测数组元素，并返回符合条件所有元素的数组。
indexOf()---搜索数组中的元素，并返回它所在的位置。
join()---把数组的所有元素放入一个字符串。
toString()
把数组转换为字符串，并返回结果。
lastIndexOf()---返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
map()---通过指定函数处理数组的每个元素，并返回处理后的数组。
slice()---选取数组的的一部分，并返回一个新数组。
valueOf()---返回数组对象的原始值。
-----------分割线-------------------
会改变原来数组的有：
pop()---删除数组的最后一个元素并返回删除的元素。
push()---向数组的末尾添加一个或更多元素，并返回新的长度。
shift()---删除并返回数组的第一个元素。
unshift()---向数组的开头添加一个或更多元素，并返回新的长度。
reverse()---反转数组的元素顺序。
sort()---对数组的元素进行排序。
splice()---用于插入、删除或替换数组的元素。
网友评论