qq_40885461的博客

全栈开发过程中，前后端分别采用vue-cli脚手架和Node.js开发。项目启动时，分别在两个终端中启动Node.js后台项目，再在另一个终端中启动vue项目，这样做会比较麻烦，因此就需要前后端连载。项目根目录下除了client是前端部分，其余为Node后端部分。两个都有一个package,json文件下面是前后端连载的方式：1.安装concurrently模块一定是在项目根目录下...

高德地图开放平台，获取key获取key值后，将其在index.html中引入<script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.13&key=3902ac46d78e575ee30697e17fc419fc"></script>然后来到App.vue下，即根组...

阿里图标官网：https://www.iconfont.cn/创建“我的项目”，获取css链接:两种使用方法：一.本地引用1.引入iconfont 的css<link rel="stylesheet" type="text/css“ href="font/iconfont.css">2.设置class属性<i class="iconfont ...

1. 构建登录组件router.js:设置路由import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const router = new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { ...

1,下载后端接口代码，先终端cnpm install 下载我们所需要的模块。2,在上传之前，先注册两个账号：MongoDB Atlas和heroku，因为mLab已经被MongoDB收购，所以直接进入MongoDB注册。3，MongoDB注册好账号后，使用MongoDB云数据库https://www.cnblogs.com/xybaby/p/9460634.html?tdsourcetag...

前面说到Promise解决回调地狱的问题，但是还是不彻底，有额外的复杂性，都需要理解抽象的底层运行机制。异步编程的最高境界就是根本不用关心它是不是异步，这时候async函数好像打开了另外一扇门。1，async函数是什么？了解async函数前，先看下Generator函数前文有一个Generator函数，依次读取两个文件var fs = require('fs');var ...

有些路由组件不需要Footer，因此需要隐藏router/index.jsexport default new VueRouter({ routes: [ { path: '/', redirect: '/msite' }, { path: '/msite', component: Msite...

1，先下载插件 npm install --save swiper2，HTML内容<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div c...

有时候，header或footer使用同一个组件，那么就需要用slot来从父组件向子组件传递“标签数据”子组件：Child.vue<template> <div> <slot name="xxx">不确定的标签结构 1</slot> <div>组件确定的标签结构</div> <s...

OpenID 是一个以用户为中心的数字身份识别框架，它具有开放、分散性。OpenID 的创建基于这样一个概念：我们可以通过 URI （又叫 URL 或网站地址）来认证一个网站的唯一身份，同理，我们也可以通过这种方式来作为用户的身份认证。每次用户登录小程序生成的OpenID都是不一样的。给用户添加不同的标识，然后请求不同的数据，因而向用户展示的页面就不同，这唯一的标识就是OpenID。小程序登录...

在pages/index/index.vue中<template> <div class="container"> <div class="login"> <img src="/static/imgs/guide_bg.jpg" alt=""> <div class="learn"> ...

当我们需要做一个类似于顶部或者底部导航栏公共组件的时候，单击某个导航栏按钮，跳转到另一个组件，并且改变导航栏的样式。1) 通过编程式导航实现路由的切换显示($router)相关API:this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面)this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面)...

首先，安装stylus依赖包npm install stylus stylus-loader --save-dev确保自动格式化时stylus的风格不发生变化，只需要对vscode进行设置，在vscode的插件选项中搜索 "stylus Supremacy” 安装，然后修改settings.json文件:修改过后就不会改变stylus的格式了！...

前面有一篇讲述了在heroku上部署接口api(https://blog.youkuaiyun.com/qq_40885461/article/details/89145746)，部署Vue.js和这个有些许不同安装Heroku我们通过使用 npm 来全局安装 herokunpm install --global heroku安装成功后，我们使用以下命令查看版本号heroku --ve...