Vue2 后台管理项目总结 (一)

虽说当今漫山遍野都是各式各样的后台管理项目,并且布局和功能都大同小异,着实没有任何新意亮点,但为了练手巩固刚学完的Vue2知识,以及熟悉前端项目开发的流程,我最终还是决定自己做一个出来。这个后台管理项目是基于Vue2开发,从零开始,没有选择借助大神PenJiaChen的现成模板。......

Axios 学习

axios是基于promise的HTTP网络请求库,是对Ajax的封装。在Vue中广泛使用。 特性: 从浏览器创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF 通过 传递配置项 发送请求 请求方法默认为GET,所以只有url是必要......

关于 Vue 脚手架项目中的两个 id="app" 的问题

众所周知,在使用vue脚手架构建项目的时候,在静态资源的index.html中,会有一个id=“app"的div,用于Vue实例对象vm的挂载。但是同时会发现在根组件App.vue中,也有一个id=“app"的div。那么问题来了,在项......

相似的数组方法之间的区别

摘自V2EX某篇帖子中的回复 // 单纯地遍历 Array.prototype.forEach // 检测数组中是否有元素符合条件 Array.prototype.some // 检测数组中是否所有元素符合条件 Array.prototype.every // 用来将一个列表转换成另一个等长的列表 Array.prototype.map // 用来将一个列表转换成一个值 Array.prototype.reduce // 从列表中找出符合条件的一个元素 Array.prototype.find // 从列表中找出符合条件的若干元素 Array.prototype.filter // 拍平列表 Array.prototype.flat // map 和 flat 的结合,适合用......

Promise 回顾

Promise简介 Promise是ES6对JS中异步编程的新解决方案。其本质是一个构造函数。 相比旧的异步编程方案(回调函数)来说,优势在于: 支持链式调用,解决了回调地狱的问题 指定回调函数的方式更加灵活 Promise基本使用 // 实例化promise对象 const p = new Promise((resolve, reject) => { // 如果失败,则调......

转载:JavaScript 中的异步编程

文章摘录来源:极客学院Wiki 异步编程对 JavaScript 语言太重要。JavaScript 只有一根线程,如果没有异步编程,根本没法用,非卡死不可。 ES6 诞生以前,异步编程的方法,大概有下面四种。 回调函数 事件监听 发布/订阅 Promise 对象 ES6 将 JavaScript 异步编程带入了一个全新的阶段。 基本概念 异步 所谓"异步&qu......

Webpack 学习 环境优化

目前先简略记录,以后用到时查文档,再选择详细记录👀 开发环境性能优化 优化打包构建的速度 HMR模块热替换:一个模块发生变化,只会重新打包这一个模块,而不是打包所有模块。极大提升构建速度。 优化代码调试 source-map:提供源代码到构建后代码的映射关系,便于代码调试。 生产环境性能优化......

Webpack 学习 环境配置

npm下载webpack和webpack-cli两个包。 webpack.config.js配置文件 所有构建工具都是基于node.js平台运行的,所以模块化语法遵循commonjs。而项目文件中模块化语法多遵循ES6的。 webpack.config.js配置文件五大核心:entry......

Vue Router 的使用 (二)

路由的props配置 为了让路由组件更方便地接收参数(query、params)。 在 ./src/router/index.js 中给路由规则配置props: { name: 'detail', path: 'detail', component: Detail, //第一种写法:props值为对象,该对象中所有的key-value组合最终都会通过props传给Detail组件 props: {a:900}, //第二种写法:props值为布尔值......