查看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-loader
、css-loader
、less-loader
(还要安装less对less文件编译),从右向左读取
图片文件:小于8kb用url-loader
转为base64编码
大于8kb用file-loader
,在dist下会有图片文件,可以用options对命名进行修改。
ES6语法处理:babel-loader
vue文件:vue-loader
和vue-template-compiler
plugins:
通过npm安装需要使用的plugins(某些webpack已经内置的插件不需要安装)
在webpack.config.js中的plugins中配置插件。
打包html文件到dist:HtmlWebpackPlugin(自动生成一个index.html文件(可以指定模板来生成),将打包的js文件,自动通过script标签插入到body中
)
js压缩:uglifyjs-webpack-plugin
package.json
:scripts
下定义执行脚本,会从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文件中可能想要使用另一个文件中的变量,这个时候就可以使用模块来作为出口,把需要暴露在外面的变量使用一个模块导出,需要使用的地方进行导入即可。