一、.idea文件夹的含义及作用
.表示此目录为隐藏目录,这是由idea自动创建的目录。
.gitignoreGit忽略文件。
二、.vscode
launch.json是vscode用于调试的配置文件,比如指定调试语言环境,指定调试类型等等。
三、dist文件目录详解
css文件夹下的.css文件是项目要用到的css文件,当你做webpack打包的时候,会把所有的css样式打包到这里
css文件夹下的.css.map文件是一个Source map文件,Source map就是一个信息文件,里面储存着位置信息。也就是说,转换后的代码的每一个位置,所对应的转换前的位置。目的是帮助我们调试被压缩过的css代码,只是方便我们开发的时候做调试使用。
js文件夹下的.js.map依然是Source map文件,方便我们开发时调试js代码使用。
app.js文件里放的是项目中各个页面的逻辑代码。
vendor.js放的是各个页面各个组件公用的一些代码。
index.html使我们前端代码入口的一个html文件。
四、jquery-ajaxfileupload.js
ajaxFileUpload是一个异步上传文件的jQuery插件
五、MVC的概念
MVC开始是存在于桌面程序中的,M是指业务模型,V是指用户界面,C则是控制器,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式。
C存在的目的则是确保M和V的同步,一旦M改变,V应该同步更新。
六、package.json
core-js解决IE浏览器无法兼容新的语法、api
ckeditor官方版是一款专业专业的即用型富文本编辑器,编辑网页代码的必备工具。
crypto-js前端加解密:为了信息安全不被防暴力破解,要对账号密码等进行加密,以及一些数据进行接口加密处理,如编码、将明文转化为暗文。
Quill是一个很流行的富文本编辑器。
七、Store的代码结构一般由State、Getters、Mutation、Actions这四种组成,也可以理解Store是一个容器。
1、提供唯一的公共数据源,所有的共享的数据都要统一放在Store中的State中进行存储
2、Mutation 用于变更Store中的数据
3、Action 是专门用于处理异步任务的
4、Getter用于对Store中的数据进行加工处理,形成新的数据
八、axios.js 基本用法
axios.js 是一个基于 promise 的 HTTP 库,支持浏览器和 Node 环境;
说明白点,就是使用这个库来执行 Ajax 请求,获取 JSON 数据;
我们可以利用 axios 可以发送 get、post 等一系列请求,然后得到数据;