本文主要介绍如何在vue项目中引入axios，并且在使用的时候指定baseurl。好，下面上货。1、首先需要的是一个vue项目，这个可以参考以前的文章。2、然后是npm install axios --save...

Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中，我们在控制台输入命令行npm run dev部署项目后，默认开启的页面调试地址是8080端口。但是...

准备工作mkdir webpack_demo && cd webpack_demo #新建文件夹npm init #创建package.json文件npm install --save-dev webpack #安装依赖（非全局安装）mkdir app && mkdir pu...

新手刚开始使用vue时，常会遇见一个坑，那就是热替换失效。什么？你跟我说使用官方的vue-cli去构建，我就是使用vue-cli后突然失效。什么？你跟我说重新npm run dev一下，好嘛，已经run了N...

webpack@4.x的变化
先来说下webpack4和之前版本里一些主要的变化：1、webpack不再支持node v4，这是因为新的webpack和附属插件使用了es6的语法，v4版本对es6不是很到位，所以，就不伺...

webpack的热更新可以说极大地提高了前端的开发效率，以下就是本人遇到的针对vuecli热更新失效的解决方法：1、检查控制台，编译的时候是否有警告，警告很可能导致热更新的失效2、vue...

遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，...

我自己写的一个的Vue瀑布流插件，列数自适应，不用设置每个卡片的高度。测试页面：Page.vue
模板页面：WaterFollow.vue 和 WFColumn.vue在Page.vue中，修改itemW的值，设置每列的最小宽...

个人认为，react和vue的业务逻辑是差不多，vue在react上封装了更简洁的方法，使用起来更加的便捷，如：提供了便捷的指令（v-for,v-if,v-model），还提供了更多的属性（computed,watch），我还是比...

众所周知，CSS样式有三种类型：行内样式、内部样式和外部样式，JavaScript获取CSS样式时分为两种情况：行内样式获取法 和 非行内样式获取法 。一、行内样式获取相对简单，通过element...

身为一名Java开发者对前端充满无限的好奇，于是开始踏入前端的领地。要想先学习，搭建环境是必备，所以整理一篇node.js环境搭建教程。Node.js 是一个让 JavaScript 运行在服务端...

在store.js里面添加如下的代码就可以了：// 热重载if (module.hot) { // 指定要监控的文件 module.hot.accept(['./mutations'], () => { const mutations = require('./mutat...

前言首先，一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解...

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细： 接口访问的权限控制 页面的权限控制 菜...

背景肯定是最近有一个项目，需要一个二级联动功能了！
本来想封装完整之后，放在github上面赚星星，但发现市面上已经有比较成熟的了，为什么我在开发之前没去搜索一下（项目很赶进度），泪...

前言最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ITDogFire –sky工具及目录所用的到的简单工具 webstorm +vue +webpack +e...

如果大家只顾开发，对基础知识不了解，在今后的解决问题过程中，也是个大问题，今天小编抽空对基础概念给大家屡一下，用于大家日后学习。Vue.extend({})简述：使用vue.extend返回一个子...

使用自己基于vue-cli 2.X改造的前端多页脚手架有近1年多时间了，一直没机会升级3.0版本开始零零碎碎开始写一些功能，顺便分享一下const path = require('path')const glob = re...

vue-cli 3.x 的beta版本，基于iview做的公司的角色权限管理平台。 3.x 版本对整个项目的构建都有很大的改动，没有原先的config文件夹，没有dev.env.js和prod.dev.js，看了教程，要自...

最近在研究学习vue，发现环境配置特麻烦，就是跟着文档步骤一步一步来，也会遇到各种想不到的坑，vue-cli3的配置比老的简洁了很多，与以往的配置也有所不同：1、安装步骤以前是npm inst...

1、选择器+遍历
$('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象});
2、选择器+遍历
$('div').each(function (index,domEle){ index就是索引...

在React当中，当你更新组件的state，然后新的state就会重新渲染到页面中。在这个时候不需要你操作任何DOM。你也可以认为组件在React当中是一个状态机（State Machines）。当用户进...

一些牢骚前端的世界真的太奇妙，更新速度真的跟火箭一样。没有一颗真正热爱它的心，真的很难继续走下去。前段时间 Node 之父 Ryan Dahl 发布新的开源项目 deno，受到了大量的关注...

前端Vue 8080端口，后端Node.js 8085端口 主要记录下前后端不同端口遇到的问题1、写服务器端程序，我的在(node_proxy/index.js)下app.all('*', function (req, res, next) { re...

代码敲完，项目上线，然后就要与优化相遇。

项目有抢购的性质content download 时间非常的长加载慢的很，至此开始前端优化之旅项目根目录运行npm install webpack-bundle-analyz...

主要在config->index.js中配置 proxyTable: { ‘/gameapi': { changeOrigin: true, // target: ‘http://rap.id.cn/mockjs/20‘, mock地址 target: ‘http://192.168.1.124...

简介
一般批量爬取视频或者图片的套路是，使用爬虫获得文件链接集合，然后通过 writeFile 等方法逐个保存文件。然而，头条的视频，在需要爬取的 html 文件（服务端渲染输出）中，无法捕捉...

问题描述如果是前后端分离的项目，本地开发环境需要访问mock，或者在调试时直接访问线上的接口，这时候就会有接口跨域的问题（mock不存在跨域问题，但是用这个方法配置起来方便，姑且算...

React 元素的事件处理和 DOM元素的很相似。但是有一点语法上的不同: React事件绑定属性的命名采用驼峰式写法，而不是小写。 如果采用 JSX 的语法你需要传入一个函数作为事...

找到config/index.js 配置文件 proxyTable: { '/api': { target: 'http://your_website', changeOrigin: true, pathRewrite: { //需要rewrite重写的, 如果在服务器端...

为什么会卡顿？有一个前提必须要提，前端开发者们都知道，浏览器是单线程运行的。但是我们要明确以下几个概念：单线程，主线程和合成线程。
虽然说浏览器执行js是单线程执行（注意，是执...

如下所示： '/goods': { target: 'http://localhost:3000' }, '/goods/*': { target: 'http://localhost:3000' },/goods/*是表示匹配到/goods/后面任何路由，都会代理到端...

看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就...

当我们在文件中，如果是vue页面中的内部跳转，可以用this.$router.push()实现，但是如果我们还用这种方法跳到外部链接，就会报错，我们一看链接的路径，原来是我们的外部链接前面加上了...

下载swiper
首先使用npm 或者cnpm下载swiper
cnpm install swiper引入swiper
import Swiper from ‘swiper'; import ‘swiper/dist/css/swiper.min.css';使用swiper
<div...

一、使用方法
官网地址
参考此文章（点击我）
二、常见情况图片需要动态获取时
待数据加载成功且渲染完毕后，进行节点初始化。例：axios.post(‘接口地址', 参数).then(response...

前言：这章我们使用小程序的 scroll-view组件 实现横向滚动和竖向滚动。GitHub： https://github.com/Ewall1106/miniProgramDemo1、竖向滚动首先从简单的来，竖向滚动很简单，只用...

计算结果为几个月零几天
<html> <head> <title>计算天数月</title> <meta charset="GBK"> <script type="text/javascript"> function dateU(date1,date2){//date2-date1...

我又来了，今天部署了下vue项目，使用nginx做了代理，这样可以解决跨域的问题，这里做一个简单讲解。1、先看vue项目打包（我这里使用的是vscode开发工具）这里是我的项目结构：打包之前需...

一、vuex介绍 （1）vuex是什么？1. 借鉴 了Flux、Redux、 The Elm Architecture2. 专为 Vue.js 设计 的状态管理模式3. 集中式存储和管理应用程序中所有组件的状态4. Vuex 也集成...

1.具体思路 点击获取验证码按钮 —> 调用获取验证码接口（忽略）—>获取验证码按钮切换到不可点击状态，按钮背景色呈灰色，按钮文字呈现为“倒计时秒数+后可重新获取”—>...

问题：Tip: built files are meant to be served over an HTTP server.Opening index.html over file:// won't work.解释：npm run dev是开发环境, npm run build是生产环境,...

神马是easyuijQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascr...

摘要：小程序协助开发挺重要的，但是开发工具到现在开始才支持版本管理，也是良心功能啊。马上试试连上gitee，团体开发更方便。准备：安装git、安装最新的微信小程序开发助手、注册gi...

我的 github 地址 -vue3.0Study - 阶段学习成果都会建立分支。==========================动态路由在路由某部分里加入[ : ]，就成为动态路由如：/user/:id/，那么路由导航，并不是...

本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。/...

脚手架vue-cli 搭建的项目，build后放于服务器上，发现其他资源全部变成静态加载成功，但路由视图为空，最初以为是webpack打包的问题，找了好久发现是路由配置问题。解决办法如下：Vue....

如下所示：1、main.js是我们的入口文件，主要作用是初始化vue实例，并引入所需要的插件2、App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路...

所遇问题启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果原因分析在我们的bulid目录下有一个webpack.dev.config.js的配置文件，...

src中新建 一个 domain.js文件// 配置全局接口域名const domain = 'http://bowensi.xiaoniren.cn/';export default { testUrl:domain}main.js中import domain from './doma...