Vue全家桶 Vue 核心一、Vue 的基本认识渐进式 JavaScript 框架,用来动态构建用户界面 特点 遵循 MVVM 模式 编码简洁,体积小,运行效率高,适合 移动/pc 端开发 它本身只关注 UI,可以轻松引入 vue 插件或其它第三方库开发项目 与其他前端 JS 框架的关联 借鉴 angular 的模板 和 数据绑定技术 借鉴 react 的组件化 和 虚拟 DOM 技术 Vue 扩展 2020-12-10 vue #vue
Vue项目 webpack优化 compression-webpack-plugin 开启gzip 打包的时候开启 gzip 可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。 Vue-cli3.0 项目 安装依赖:compression-webpack-plugin1 npm install compression-webpack-plugin@6.0.5 -D 安装最新版 7.0.0 的时候报错 2020-12-09 webpack #webpack
回调函数-Promise 一、准备1.1 区别实例对象与函数对象 实例对象:new 函数产生的对象,称为实例对象,简称为对象 函数对象:将函数作为对象使用时,称为函数对象 123456789function Fn() { // Fn只能称为函数}const fn = new Fn() // Fn只有new过的才可以称为构造函数//fn称为实例对象console.log(Fn.prototype) / 2020-11-24 js #js
vue项目线上页面刷新报404 解决方法 vue 项目线上页面刷新报 404 解决方法 在上线 vue 开发的前端网页上线后,刷新页面报 404 错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误。 2020-11-21 vue #vue
按需引入ElementUI 和 AntD vue 按需引入 Element UI 的方法 在我们的实际项目开发中,多数是采用按需引入的模式来进行开发的,那么具体应该如何操作呢,可能会有许多新人傻傻分不清楚,具体将在下文讲到。 按需引入 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的: 1npm install babel-plugin-component -D 2020-11-21 vue #vue
vue.config.js vue.config.js 常用配置 使用vue-cli3.0 搭建项目比之前更简洁,没有了build和config文件夹。vue-cli3的一些服务配置都迁移到CLI Service里面了,对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置 2020-11-21 vue #vue.config
vuex vuex 概述目标: 了解 vuex 的应用场景 (在哪用) 掌握 vuex 的基本使用 (怎么用) vuex 是一个 vue 的状态管理工具, 状态即数据 2020-11-15 vue #vue #vuex
Vue.JS请求工具Axios的封装 1.前期准备创建一个js文件,命名自定。我这里定义为request.js 1234567import axios from 'axios' //导入原生的axiosimport qs from 'qs' //导入qs,做字符串的序列化,为了后面不同的场景使用。import { MessageBox, Message } from 2020-11-13 vue #vue #axios
deepClone 对象深度克隆 deepClone 对象深度克隆 注意由于JS对象包括的范围非常广,加上ES6又有众多的新特性,很难、也没必要做到囊括所有的类型和情况,这里说的”对象”,指的是普通的对象,不包括修改对象原型链, 或者为”Function“,”Promise“等的情况,请留意。 2020-11-05 js #js #utils
deepMerge 对象深度合并 deepMerge 对象深度合并 注意由于JS对象包括的范围非常广,加上ES6又有众多的新特性,很难、也没必要做到囊括所有的类型和情况,这里说的”对象”,指的是普通的对象,不包括修改对象原型链, 或者为”Function“,”Promise“等的情况,请留意。 在 ES6 中,我们可以很方便的使用Object.assign进行对象合并,但这只是浅层的 2020-11-05 js #js #utils