wzwccc的博客

js四种常见遍历对象方法和三种常见遍历数组方法

wzwccc — Sun, 15 Aug 2021 20:54:49 +0800

//js四种常见遍历对象方法 let arr = {name:"wzw",age:12,sex:"man"}; //1.for...in(不含symbol 包括可枚举属性) for(let ind in arr){ console.log(ind,":",arr[ind]) } //2.object.keys()返回数组(不含symbol 包括可枚举属性) Object.keys(arr).forEach((key)=>{ console.log(key,":",arr[key]

webpack sourcemap补充

wzwccc — Sun, 08 Aug 2021 10:56:26 +0800

1.production 中devtool的默认值为none 2.development中devtool的默认值为eval，eval函数的最后有注释，可以让我们在报错的时候追溯到哪个文件报错 3.false 不使用sourcemap 4.source-map，会生成一个独立的source-map文件，并且在bundle文件中有一个注释，直接指向source-map文件 5.eval-source-map 将souce-map的内容直接生成到eval函数中 6.inline-source-map source

（六）webpack 配置文件的分离

wzwccc — Sun, 18 Jul 2021 00:19:48 +0800

1.两种方式分离配置文件 //法一：直接指定配置文件 //package.json "scripts": { "serve": "webpack serve --open --config ./config/webpack.dev.js", "build":"webpack --config ./config/webpack.prod.js" } //法二：给一个配置文件传递参数 //package.json "scripts": { "serve": "webpack serve --open

编译原理考前练习题

wzwccc — Sat, 17 Jul 2021 16:06:58 +0800

二三

大数据考前复习资料

wzwccc — Sat, 17 Jul 2021 16:01:52 +0800

大数据的概念：大数据的4个“V”是指：数据量大、数据类型繁多、处理速度快、价值密度低大数据的基本处理流程主要包括数据采集、数据存储、数据分析和结果呈现。大数据的计算模式主要包括批处理计算、流处理计算、图处理计算和查询计算大数据产业包括IT基础设施层、数据源层、数据管理层和数据分析层 hadoop概念和配置配置Hadoop时，Java的路径JAVA_HOME在配置文件hadoop-env.sh中进行设置；所有节点的HDFS路径通过fs.defualt.name来设置，这个选项在配置文件core-si

（三）webpack ESLint

wzwccc — Thu, 15 Jul 2021 10:27:52 +0800

1.什么是ESLint？ 2.安装使用ESLint npm install eslint -d npx eslint ./src/index.js npx eslint --init //开始eslint的配置

（二）webpack babel详解

wzwccc — Wed, 14 Jul 2021 20:34:54 +0800

1.安装 npm install @babel/core -d npm install @babel/cli -d 2.使用 npx babel src --out-dir result //指将src文件夹下文件用babel转化后放到result文件夹下 3.使用插件 npm install @babel/plugin-transform-arrow-functions -d //安装箭头函数转化插件 npx babel src --out-dir result --plugins=@babel/p

（一）webpack初始化配置及loader，plugin的基本使用

wzwccc — Tue, 13 Jul 2021 17:01:58 +0800

1.webpack初始化 npm install webpack -g npm install webpack-cli -g npm install webpack -d npm install webpack-cli -d 2.webpack打包规则在终端中输入webpack进行打包时，会自动去src/index.js位置找入口文件，找不到则会报错 3.使用局部webpack打包方法首先得使用npm init 生成package.json文件再安装局部webpack： npm install

（五）es6 函数的拓展(this指向问题)

wzwccc — Thu, 10 Jun 2021 12:55:52 +0800

1.函数参数的默认值（1） es6之前两种设置默认值的方法 y = y || 'World'; //法一但若是y传值为''，则仍然为默认值 if (typeof y === 'undefined') { //法二 y = 'World'; } es6方法： function log(x, y = 'World') { console.log(x, y); } （2）与解构赋值默认值结合使用 function foo({x, y = 5} = {}) { console.lo

（四）es6 正则的拓展

wzwccc — Tue, 08 Jun 2021 20:42:51 +0800

在这里插入代码片

（九）nodejs Koa框架

wzwccc — Sun, 06 Jun 2021 20:09:39 +0800

1.koa的安装 npm install koa； 2.koa的初体验 const Koa = require ('koa'); const app = new Koa(); app.use((ctx,next)=>{ ctx.response.body = "hello,world"; }) app.listen(3000,()=>{ console.log('服务器启动成功'); }) 3.koa的中间件在express中中间件可以根据不同的url和method，来进行不

（三）es6 字符串的扩展和新增方法

wzwccc — Sun, 06 Jun 2021 18:26:14 +0800

1.模板字符串（1）模板字符串一般用法 // 普通字符串 `In JavaScript '\n' is a line-feed.` // 多行字符串 `In JavaScript this is not legal.` console.log(`string text line 1 string text line 2`); // 字符串中嵌入变量 let name = "Bob", time = "today"; `Hello ${name}, how are you ${time}?` 模板

（八）nodejs Express框架

wzwccc — Sat, 05 Jun 2021 22:28:42 +0800

1.express的安装和基本使用安装：npm install -g express-generator 初始化： express express-demo cd express-demo npm install node bin/www 2.express初体验

（七）nodejs Http模块

wzwccc — Sat, 05 Jun 2021 10:48:27 +0800

1.web服务器初体验 npm全局安装nodemon可以使服务器保持热更新

（五）nodejs包管理工具详解

wzwccc — Sun, 16 May 2021 21:36:48 +0800

1.常见的属性 2.npm install 命令 npm其他命令： npm uninstall package //卸载某个包 npm rebuild //强制重新rebuild npm cache clean // 清除缓存 3.npm install原理 4.package-lock.json

（四）nodejs常见内置模块解析

wzwccc — Sun, 16 May 2021 19:25:18 +0800

1.node对ES Module的支持 2.CommonJS与ES Module 交互 3.内置模块path （1）path.resolve() 所以可以使用path模块中的path.resolve(路径一,路径二)来拼接路径，使其能在linux和window中都能运行（2）path.join() 与path.resolve()一样，都可以对文件名进行拼接，但path.resolve()更加智能. （3）path.join()与path.resolve()不同 resolve()会对文件开头的 /

（三）nodejs模块化开发和原理解析

wzwccc — Fri, 14 May 2021 10:19:29 +0800

1.require细节（1）（2） 2.模块的加载过程 3.ES Module （1）export三种导出方式方式一：export const name =“why” 方式二：export{name,age,sayhello} 方式三：export{name as fName,age as fAge} （2）import三种导入的方式方式一：import {name} from “./index.js” 方式二：import {name as fName} from “./index.js” 方式

（二）nodejs全局对象和模块化开发

wzwccc — Wed, 12 May 2021 14:38:32 +0800

1.给nodejs传递参数 console.log(process.argv[2]); //know PS D:\vuejs\test\test> node test.js know 即在node test.js 后面的东西都会作为字符串参数传入process.argv数组中 2.Node的输出 3.node的全局对象（1）特殊的全局对象（2）常见的全局对象 ...

（二）es6 变量的解构赋值

wzwccc — Fri, 07 May 2021 22:14:47 +0800

1.数组的解构赋值（1）模式匹配只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "baz"]; third // "baz" let [x, , y] = [1, 2, 3]; x // 1 y // 3 let [head, ...tail] = [1

（一）es6 let与const

wzwccc — Sun, 02 May 2021 21:50:38 +0800

let与const 1.let命令（1）let与var经典区别 var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 10 可以将循环看成是个块级作用域依次执行，所以从a[1]到a[10]中存贮了函数，因为i是全局变量，所以最后执行函数时，便输出i的最后值10 var a = []; for (let i = 0; i < 10; i++)