在Node.js中为了使开发者方便测试JavaScript代码，提供了一个名为REPL的可交互式运行环境。开发者可以在该运行环境中输入任何JavaScript表达式，当用户按下回车键后，REPL运行环境将显示该表达式的运行结果。
443 |在命令行容器中输入node命令并按下回车键，即可进入REPL运行环境。
445 |let repl = require('repl');
453 | let con = repl.start().context;
454 | con.msg = 'hello';
455 | con.hello = function(){
456 | console.log(con.msg);
457 | }
458 | npm init
442 | npm init -f
443 | npm init -y
444 | npm config set init.author.email "zhufengnodejs@126.com"
446 | npm config set init.author.name "zhufengnodejs"
447 | npm config set init.author.url "http://github.com/zhufengnodejs"
448 | npm config set init.license "MIT"
449 | npm config set init.version "0.0.1"
450 | npm run-scriptpackage.json文件中读取scripts对象里面的全部配置npm run的第一个参数作为键,在scripts对象里面获取对应的值作为接下来要执行的命令,如果没找到直接报错 "scripts": {
459 | "test": "echo \"Error: no test specified\" && exit 1",
460 | "eslint": "eslint --version"
461 | }
462 | npm run eslint
464 | import axios from '../lib/AjaxRequest';
442 | export const getUser = ()=>{
443 | return axios.request({url:'/getUser',method:'get'});
444 | }
445 | 封装ajaxRequest
448 |import axios from 'axios';
449 | let baseUrl = process.env.NODE_ENV !== 'production'?'http://localhost:8080':'/';
450 | class AjaxRequest{
451 | constructor(){
452 | this.baseURL = baseUrl; // 配置默认路径
453 | }
454 | request(config){
455 | // 创建一个axios实例
456 | let instance = axios.create();
457 | // axios(config);
458 | config = {baseURL:this.baseURL,...config};
459 | return instance(config);
460 | }
461 | }
462 | export default new AjaxRequest();
463 |
464 | // webpack解决前端跨域问题
466 | module.exports = {
467 | devServer:{
468 | proxy:{
469 | '/getUser':{
470 | target:'http://localhost:3000'
471 | }
472 | }
473 | }
474 | }
475 | 请求拦截器／响应拦截器
477 |import axios from 'axios';
478 | let baseUrl = process.env.NODE_ENV !== 'production'?'http://localhost:8080':'/';
479 | class AjaxRequest{
480 | constructor(){
481 | this.baseURL = baseUrl; // 配置默认路径
482 | this.requestQueue = {}; // 缓存当前请求队列 用来操作loading的显示或者隐藏
483 | }
484 | configInterceptors(instance,url){
485 | // 配置请求拦截
486 | instance.interceptors.request.use( (config) => {
487 | // loading效果 开始请求前显示loading
488 | if(Object.keys(this.requestQueue).length === 0){
489 | console.log('显示loading');
490 | }
491 | this.requestQueue[url] = config.url;
492 | return config;
493 | });
494 | // 配置响应拦截
495 | instance.interceptors.response.use(res=>{
496 | // 取消loading效果
497 | delete this.requestQueue[url];
498 | if(Object.keys(this.requestQueue).length === 0){
499 | console.log('取消loading');
500 | };
501 | if(res.status !== 200){
502 | return Promise.reject(res);
503 | }else{
504 | return res.data;
505 | }
506 | })
507 |
508 | }
509 | request(config){
510 | // 创建一个axios实例
511 | let instance = axios.create();
512 | // axios(config);
513 | config = {baseURL:this.baseURL,...config};
514 | this.configInterceptors(instance,config.url);
515 | return instance(config);
516 | }
517 | }
518 | export default new AjaxRequest();
519 | 对象的一组键值对，使用冒号结构表示。
462 |name: zhufeng
463 | 转为 JavaScript 如下。
465 |{ name: 'zhufeng' }
466 | 一组连词线开头的行，构成一个数组。
469 |- apple
470 | - banana
471 | - orange
472 | 转为 JavaScript 如下
474 |[ 'apple', 'banana', 'orange' ]
475 | 对象和数组可以结合使用，形成复合结构。
478 |name: 'zhufeng'
479 | age: 18
480 | score:
481 | chinese: 80
482 | math: 90
483 | english: 100
484 | {
486 | name: 'zhufeng',
487 | age: 18,
488 | score:
489 | {
490 | chinese:80,
491 | math:90,
492 | english:100
493 | }
494 | }
495 | 纯量是最基本的、不可再分的值。以下数据类型都属于 JavaScript 的纯量。
498 |name: 'zhufeng'
508 | age: 10
509 | score: 99.99
510 | married: true
511 | parent: ~
512 | now: 1982-09-03T22:22:22.10-09:00
513 | birthday: 1982-09-03
514 |