【Vue】知识点汇总

查看Vue版本号和Vue cli版本号:

https://www.cnblogs.com/axu1997/p/12485589.html

Vue2和Vue3的区别:

https://www.cnblogs.com/cxddgz/p/13153570.html

Vue-cli2/3/4的区别:

https://blog.csdn.net/weixin_43886137/article/details/106522379
https://www.cnblogs.com/donghuang/archive/2020/04/13/12692359.html
https://www.cnblogs.com/donghuang/p/12696922.html
https://www.cnblogs.com/fqh123/p/12442778.html
https://www.cnblogs.com/Super-scarlett/p/12495902.html

webpack配置:

webpack.config.js(自己创建的):打包的入口和出口位置、loader、plugins
在这里插入图片描述

loader主要用于转换某些类型的模块,它是一个转换器。
plugins是插件,它是对webpack本身的扩展,是一个扩展器。

loader:

webpack会处理js代码,将多个js文件进行打包到一个js文件中(bundle.js),然后引入到html,但less->css、ES6->ES5、.vue->.js
webpack本身是不支持的,用loader即可。
用npm安装,webpack.config.js的module中配置
在这里插入图片描述
开发时依赖 --save-dev
在这里插入图片描述
css文件style-loadercss-loaderless-loader(还要安装less对less文件编译),从右向左读取

图片文件:小于8kb用url-loader转为base64编码
大于8kb用file-loader,在dist下会有图片文件,可以用options对命名进行修改。

ES6语法处理babel-loader

vue文件vue-loadervue-template-compiler

plugins:

通过npm安装需要使用的plugins(某些webpack已经内置的插件不需要安装)
在webpack.config.js中的plugins中配置插件。
在这里插入图片描述

打包html文件到dist:HtmlWebpackPlugin(自动生成一个index.html文件(可以指定模板来生成),将打包的js文件,自动通过script标签插入到body中

js压缩:uglifyjs-webpack-plugin

package.jsonscripts下定义执行脚本,会从node_modules/.bin里面找(需要下载一个局部的,不同项目通常有自己局部的webpack)

el和template区别:

Vue双向绑定:

Vue响应式原理:

https://blog.csdn.net/messizhao/article/details/103564613
https://www.cnblogs.com/mengfangui/p/9989894.html
https://www.cnblogs.com/jiajialove/p/11323105.html
https://blog.csdn.net/messizhao/article/details/103529315?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-5&spm=1001.2101.3001.4242

请求头和响应头中的content-type:

https://blog.csdn.net/vincent_wen0766/article/details/109216167

为什么CORS要分简单请求和非简单请求:

https://www.pianshen.com/article/9286767371/
https://blog.csdn.net/weixin_39882191/article/details/105556680
https://blog.csdn.net/qihoo_tech/article/details/100681781
https://www.pianshen.com/article/9286767371/

为什么要在销毁阶段清除定时器:

https://www.zhihu.com/question/268829281
https://cloud.tencent.com/developer/article/1609249

computed和watch:

https://www.cnblogs.com/jiajialove/p/11327945.html

AMD、CMD、CommonJS、ES6模块:

https://blog.csdn.net/tangxiujiang/article/details/81104174

base64:

前端模块化:

随着客户端要完成的事越来越多,代码量与日俱增,有时会将代码组织在多个js文件中进行维护。
这个时候就可能出现一些问题,比如某些全局变量可能会出现重名,此时可以使用立即执行匿名函数来解决。
但有时某个js文件中可能想要使用另一个文件中的变量,这个时候就可以使用模块来作为出口,把需要暴露在外面的变量使用一个模块导出,需要使用的地方进行导入即可。

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值