react和vue的比较
相同
1)vitual dom
2)组件化
3)props,单一数据流
不同点
1)react是jsx和模板;(jsx可以进行更多的js逻辑和操作)
2)状态管理(react)
3)对象属性(vue)
4)vue:view——medol之间双向绑定
5)vue:组件之间的通信(props,callback,emit)
// 入口文件
entry: {
main: ‘./main.js’
},
// 输出配置
output: {
// 输出得到的文件,文件名可以随意写
filename: ‘xyq.js’
}
};
文件效果:
2)在 package.js 中添加 scripts 配置 serve 跟 build,通过 webpack-dev-server 传入不同的参数进行区分,当然也可以像上面一样建两个文件进行区分:
“scripts”: {
“serve”: “webpack-dev-server --env development --config build/conf.js”,
“build”: “webpack-dev-server --env production --config build/conf.js”,
“test”: “echo “Error: no test specified” && exit 1”
},
然后我们新建在一个 conf.js 文件,可以在里面进行处理,我这边就用到了合并配置文件的操作,所以需要安装一下 webpack-merge
$ npm install webpack-merge --save-dev
conf.js 里面是这么判断使用的,我这边还是保持这 第一种方案的 配置文件区分方式,通过判断环境拿到不同配置文件的配置之后在与公用配置进行合并
// 开发配置
const devConfig = require(‘./dev’)
// 正式配置
const proConfig = require(‘./pro’)
// 合并插件 需要安装 npm install webpack-merge --save-dev
const marge = require(‘webpack-merge’)
// 公用配置
var pubConfig = env => {
// 这里也可以通过判断 env 进行区分
return {
// 入口文件
entry: {
main: ‘./main.js’
},
// 输出配置
output: {
// 输出得到的文件,文件名可以随意写
filename: ‘xyq.js’
}
}
};
// 根据判断进行区分环境
module.exports = env => {
// 这里的 env 就是 pageage.js 里面 --env 后面配置好的参数 development 与 production
let config = env === ‘production’ ? proConfig : devConfig
// 通过判断环境之后得到的配置与公用配置合并
return merge(pubConfig(env), config)
};
文件效果:
7、上面选一种进行测试配置好之后,运行命令
计算机网络
-
HTTP 缓存
-
你知道 302 状态码是什么嘛?你平时浏览网页的过程中遇到过哪些 302 的场景?
-
HTTP 常用的请求方式,区别和用途?
-
HTTPS 是什么?具体流程
-
三次握手和四次挥手
-
你对 TCP 滑动窗口有了解嘛?
-
WebSocket与Ajax的区别
-
了解 WebSocket 嘛?
-
HTTP 如何实现长连接?在什么时候会超时?
-
TCP 如何保证有效传输及拥塞控制原理。
-
TCP 协议怎么保证可靠的,UDP 为什么不可靠?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
算法
-
链表
-
字符串
-
数组问题
-
二叉树
-
排序算法
-
二分查找
-
动态规划
-
BFS
-
栈
-
DFS
-
回溯算法
bbs.csdn.net/topics/618166371)**
算法
-
链表
-
字符串
-
数组问题
-
二叉树
-
排序算法
-
二分查找
-
动态规划
-
BFS
-
栈
-
DFS
-
回溯算法