4.Axios
- axios是基于vue的一个项目,用于浏览器和node.js的http客户端,在浏览器中可以帮助我们完成ajax的请求,在node.js中可以向远程接口发送请求
- 使用的时候和之前的ajax差不多,我们在前端页面的api文件中定义相关js文件,用于写axios,参数一般有:
- url: 后端该方法路径 ( 使用模板字符串斜引号 )
- method : 后端请求的方法
- data / params :需要传递给后端的数据
-
- data : 添加到请求体(body)中的,这时就涉及到了json字符串, 用于put/post请求,后端接收数据必须加@RequestBody注解
- params :添加到url的请求字符串中的,用于get请求
6.NPM
npm cache clean --force
npm config set strict-ssl false
npm init
npm config set registry 淘宝镜像
#npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
npm install #根据package.json中的配置下载依赖,初始化项目
npm install jquery@2.1.x
npm install -g webpack
7.Bable
{
"presets": ["es2015"],
"plugins": []
}
- 使用时后端需要加入解决跨域问题的配置\
-
update(banner) {//根据id修改讲师
return request({
url: `${url}/${banner.id}`,//左上角引号
method: 'put',
data:banner
})
},
-
5.Node
- 假如说我们是一个前端程序员,不懂一些动态编程语言比如说php,python等,但是我们又想创建自己的服务,可以选择使用Node.js
- Node.js就相当于是运行在服务端的js,是脱离浏览器环境运行的 JavaScript 程序,基于 V8 引擎(Chrome 的 JavaScript 的引擎)
- 我们后端程序员也可以利用Node.js部署一些高性能的服务
- 安装完node后记得重启一下IDEA,不然IDEA识别不到node环境
- 总结一下就是当我们写了一个hello.js(举例)文件时,我们可以在idea的的命令行终端使用
node hello.js
去调用到该文件 - 停止服务是 Ctrl + C / y
- NPM全称是Node Package Manager,翻译过来就是Node.js的包管理工具,相当于是前端的maven,我们能够通过npm很方便的下载js库,管理我们的前端项目
- npm不需要单独安装,node安装后就会默认安装npm这个工具
- Node.js 默认安装的 npm 包和工具的位置:Node.js目录
\node_modules
- 我们使用的时候镜像下载用的是淘宝 NPM 镜像,同步频率目前为 10分钟一次,这个下载很快,默认的镜像是国外的下载很慢。
- 安装可能失败,我们执行了两个指令后重新安装就可以了
- 常用指令:
- Bable是一个转码器,可以将ES6代码转换为ES5代码,后者可以被浏览器识别,但是语句写法没有前者简单,所以为了方便写代码的同时又能运行,就出来了Bable转码
- Bable提供了bable-cli工具,用于转码,需要先安装
- 需要配置 .bablelrc ,存放在项目的根目录下,用来设置转码规则和插件
- 接着安装转码器进行转码
8.Webpack
- 是一种前端资源的打包工具,可以根据模块的依赖关系进行分析,然后将这些模块按照制定的规则生成对应的静态资源
- 可以将js,css,less转换成一个静态文件,减少页面请求