认识达内从这里开始

认真做教育专心促就业

难道前端市场已经饱和了？前段工作怎么越来越难找了？（6）

发布：青岛IT培训
来源：青岛IT培训
时间：2019-03-25 15:44

青岛IT培训的小编总结，Map结构
只有模拟现实世界的实体对象时，才使用Object.如果只是需要key: value的数据结构，使用Map结构。因为Map有内建的遍历机制。
let map = new Map（arr）；for （let key of map.keys（）） { console.log（key）；
}for （let value of map.values（）） { console.log（value）；
}for （let item of map.entries（）） { console.log（item[0], item[1]）；
}
Module模块
Module语法是JavaScript模块的标准写法，坚持使用这种写法。使用import取代require.通常的写法如下：
import { func1, func2 } from 'moduleA';
使用export取代module.exports
// commonJS的写法var React = require（‘react’）；
var Breadcrumbs = React.createClass（{
render（） { return <nav />;
}
}）；module.exports = Breadcrumbs;// ES6的写法import React from 'react';const Breadcrumbs = React.createClass（{
render（） { return <nav />;
}
}）；
export default Breadcrumbs
如果模块只有一个输出值，就使用export default,如果模块有多个输出值，就不使用export default,不要export default与普通的export同时使用。
不要在模块输入中使用通配符。因为这样可以确保你的模块之中，有一个默认输出（export default）。

import myObject from './importModule';

青岛IT培训

如果模块默认输出一个函数，函数名的首字母应该小写。这也是驼峰命名的代码风格。
function makeStyleGuide（） {}export default makeStyleGuide;
如果模块默认输出一个对象，对象名的首字母应该大写。
const StyleGuide = {
es6: {
}
};export default StyleGuide;
ESLint
ESLint是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。和lint的使用差不多
首先，安装ESLint.
npm i -g eslint
然后，安装Airbnb语法规则。
npm i -g eslint-config-airbnb
最后，在项目的根目录下新建一个。eslintrc文件，配置ESLint.
{ “extends”: “eslint-config-airbnb”}
比如：
var unusued = 'I have no purpose!';function greet（） { var message = 'Hello, World!';
alert（message）；
}
greet（）；
然后我们使用命令，就可以检查语法的问题，并给出相关建议。
eslint index.js
$ eslint index.js
index.js 1:5 error unusued is defined but never used no-unused-vars 4:5 error Expected indentation of 2 characters but found 4 indent 5:5 error Expected indentation of 2 characters but found 4 indent
x 3 problems （3 errors, 0 warnings）
以上就是青岛IT培训给大家做的内容详解，更多关于UI的学习，请继续关注青岛IT培训

< 上一篇：难道前端市场已经饱和了？前段工作怎么越来越难找了？（5）

下一篇：Java帝国对Python 的渗透能成功吗？或许你不妨应该看看这个！（1） >