- 博客(21)
- 收藏
- 关注
RSS订阅原创 js四种常见遍历对象方法和三种常见遍历数组方法
//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]
2021-08-15 20:54:49
193
原创 webpack sourcemap补充
1.production 中devtool的默认值为none2.development中devtool的默认值为eval，eval函数的最后有注释，可以让我们在报错的时候追溯到哪个文件报错3.false 不使用sourcemap4.source-map，会生成一个独立的source-map文件，并且在bundle文件中有一个注释，直接指向source-map文件5.eval-source-map 将souce-map的内容直接生成到eval函数中6.inline-source-map source
2021-08-08 10:56:26
213
原创 （六）webpack 配置文件的分离
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
2021-07-18 00:19:48
356
原创 大数据考前复习资料
大数据的概念：大数据的4个“V”是指：数据量大、数据类型繁多、处理速度快、价值密度低大数据的基本处理流程主要包括数据采集、数据存储、数据分析和结果呈现。大数据的计算模式主要包括批处理计算、流处理计算、图处理计算和查询计算大数据产业包括IT基础设施层、数据源层、数据管理层和数据分析层hadoop概念和配置配置Hadoop时，Java的路径JAVA_HOME在配置文件hadoop-env.sh中进行设置；所有节点的HDFS路径通过fs.defualt.name来设置，这个选项在配置文件core-si
2021-07-17 16:01:52
429
原创 （三）webpack ESLint
1.什么是ESLint？2.安装使用ESLintnpm install eslint -dnpx eslint ./src/index.jsnpx eslint --init //开始eslint的配置
2021-07-15 10:27:52
65
原创 （二）webpack babel详解
1.安装npm install @babel/core -dnpm install @babel/cli -d2.使用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
2021-07-14 20:34:54
428
原创 （一）webpack初始化配置及loader，plugin的基本使用
1.webpack初始化npm install webpack -gnpm install webpack-cli -gnpm install webpack -dnpm install webpack-cli -d2.webpack打包规则在终端中输入webpack进行打包时，会自动去src/index.js位置找入口文件，找不到则会报错3.使用局部webpack打包方法首先得使用npm init 生成package.json文件再安装局部webpack：npm install
2021-07-13 17:01:58
483
原创 （五）es6 函数的拓展(this指向问题)
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
2021-06-10 12:55:52
161
原创 （九）nodejs Koa框架
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，来进行不
2021-06-06 20:09:39
270
2
原创 （三）es6 字符串的扩展和新增方法
1.模板字符串（1）模板字符串一般用法// 普通字符串`In JavaScript '\n' is a line-feed.`// 多行字符串`In JavaScript this is not legal.`console.log(`string text line 1string text line 2`);// 字符串中嵌入变量let name = "Bob", time = "today";`Hello ${name}, how are you ${time}?`模板
2021-06-06 18:26:14
156
原创 （八）nodejs Express框架
1.express的安装和基本使用安装：npm install -g express-generator初始化：express express-democd express-demonpm installnode bin/www2.express初体验
2021-06-05 22:28:42
120
原创 （五）nodejs包管理工具详解
1.常见的属性2.npm install 命令npm其他命令：npm uninstall package //卸载某个包npm rebuild //强制重新rebuildnpm cache clean // 清除缓存3.npm install原理4.package-lock.json
2021-05-16 21:36:48
116
原创 （四）nodejs常见内置模块解析
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()会对文件开头的 /
2021-05-16 19:25:18
159
原创 （三）nodejs模块化开发和原理解析
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”方式
2021-05-14 10:19:29
207
原创 （二）nodejs全局对象和模块化开发
1.给nodejs传递参数console.log(process.argv[2]); //knowPS D:\vuejs\test\test> node test.js know即在node test.js 后面的东西都会作为字符串参数传入process.argv数组中2.Node的输出3.node的全局对象（1）特殊的全局对象（2）常见的全局对象...
2021-05-12 14:38:32
117
原创 （二）es6 变量的解构赋值
1.数组的解构赋值（1）模式匹配只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // "baz"let [x, , y] = [1, 2, 3];x // 1y // 3let [head, ...tail] = [1
2021-05-07 22:14:47
118
原创 （一）es6 let与const
let与const1.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的最后值10var a = [];for (let i = 0; i < 10; i++)
2021-05-02 21:50:38
75
转载 css基础知识汇总（1）基础选择器
css基础知识汇总（1）参考链接：https://github.com/LiHongyao/CSS一、 基础选择器01. 标签选择器标签选择器指哪些标签需要采用什么类型的样式div { width: 300px; height: 300px; background-color: red; }02. 类选择器类选择器根据类名指定样式.box { width: 300px; height: 300px; background-color: red; }03. id选择器id选择器
2021-04-18 10:53:34
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人