友人A的博客

1. 打包vue项目 1.1 在 config -> index.js中把/改为./，可以避免找不到静态文件。 1.2 在 build -> utils.js 中添加下行可解决elementUI小图标不显示问题。 1.3 vue打包后放到服务器上路由不跳转，需要将路由配置文件（router -> index.js）中的 mode:'history' 注释掉，或者改为 hash。 1.4 使用 npm run build 进行打包，打包成功后生成 dist 文件夹。 2. 将打包项目

目录基础知识前后端分离页面的 url 构成vue框架安装nodejs、vue-cli等环境安装nodejs环境安装 vue-cli 脚手架工具用 vue-cli 构建一个项目项目文件介绍项目初始文件介绍配置src和static目录修改 App.vue、router和page 文件修改 App.vue 文件修改router/index.js文件添加 index.vue 和 content.vue 文件配置 axios api 接口安装axios调整 main.js 文件调整src/index.vue 文件 基

1. 模块化相关规范 1.1 概述 传统开发模式的主要问题： 命名冲突 文件依赖 模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间有相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。 好处：方便代码的重用，提升开发效率，方便后期维护 1.2 浏览器端模块化规范 1.2.1 AMD（不推荐使用） Require.js (http://www.requirejs.cn/) 1.2.2 CMD（不推荐使用） Sea.js (http://seajs.gith

1. 路由基本概念与原理 1.1 路由 路由是一个比较广义和抽象的概念。 本质：对应关系。 1.1.1 后端路由 概念：根据不同的用户URL请求，返回不同内容 本质：URL请求地址与服务器资源之间的对应关系 后端路由根据不同的URL地址分发不同的资源 1.1.2 SPA（Single Page Application） 后端渲染（存在性能问题） Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作） SPA单页面应用程序：整个网站只有一个页面，内容的变化通过Ajax局部更新实现，同时支持

1. 前后端交互模式 1.1 接口调用方式 原生Ajax 基于JQuery的Ajax fetch axios 1.2 URL地址 1.2.1 传统形式的URL 格式：schema://host:post/path?query#fragment schema：协议 host：域名或IP地址 port：端口，http默认端口80，可省略 path：路径 query：查询参数 fragment：锚点（哈希Hash），用于定位页面的某个位置 1.2.2 restful形式的URL HTTP请求方式

1. 组件化开发思想 标准 分治 重用 组合 组件化规范：Web Components 问题： 尽可能多的重用代码 自定义组件的方式不太容易（html, css 和 js） 多次使用组件可能导致冲突 解决： Web Components通过封装好功能的定制元素解决上述问题。 官网：https://developer.mozilla.org/zh-CN/docs/Web/Web_Components Vue部分实现了上述规范 2. 组件注册 2.1 全局组件注册语法 Vue.component (组件

1. Vue概述 Vue：渐进式JavaScript框架 声明式渲染 -> 组件系统 -> 客户端路由 -> 集中式状态管理 -> 项目构建 官网：https://cn.vuejs.org/v2/guide 易用：熟悉HTML、CSS、JavaScript知识后可以快速上手 灵活：在一个库和一套完整框架之间自如伸缩 高效：20kB运行大小，超快虚拟 DOM 2. Vue基本使用 2.1 hello world基本步骤 <div id="app">