• cordova app页面后退及退出功能

    2020-04-21 浏览:429
    vue代码 let exitAppTicker = 0 document.addEventListener("deviceready", () => { document.addEventListener("backbutton", () => { //判断当前路由是否为首页或者登录页面 if (this.$route.path == '/index' || this.$route.path == '') { if (exitAppTicker == 0) { exitAppTicker++; this.$toast({ message: '再按一次退出',... 展开全文
  • Vue-cli3x路径别名的使用

    2020-04-10 浏览:438
    根目录下vue.confing.js const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './', chainWebpack: (config) => { config.resolve.alias .set('@$', resolve('src')) .set('@api', resolve('src/api')) .set('@util', resolve('src/util')) .set('@assets', resolve('src/ass... 展开全文
  • js 多层菜单递归

    2020-03-13 浏览:708
    思路 首先遍历一遍data找到顶级菜单(pid=0)存入res中,然后遍历res,为每一项添加children属性,用每一项的id作为pid查找它的子元素,没有则退出并删除children,不断递归即可 function getTree(pid, arr, res) { for (let i = 0; i < arr.length; i++) { if (arr[i].pid == pid) { res.push(arr[i]) arr.splice(i, 1) i-- } } res.map(r => { ... 展开全文
  • VuePress的使用

    2019-12-24 浏览:1164
    VuePress是一个由Vue 驱动的静态网站生成器 简洁至上 以 Markdown 为中心的项目结构,以最少的配置帮助你专注于写作。 Vue 驱动 享受 Vue + webpack 的开发体验,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题。 高性能 VuePress 会为每个页面预渲染生成静态的 HTML,同时,每个页面被加载的时候,将作为 SPA 运行。 安装 全局安装 npm install -g vuepress 创建项目并初始化 mkdir project cd project... 展开全文
  • 使用场景 session运行在服务器端,当客户端第一次访问服务器时,可以将客户的登陆信息保存。 可以保存一些客户的常用信息,当客户端再次获取常用信息时,不必再从数据库中进行查询。 在使用session时数据会直接存储在内存中,数据过大会造成溢出,所以session需要配合数据库使用,这里使用redis存储session数据 使用redis需要在服务器中安装redis node项目引入 npm install express-session --save npm install redis connec... 展开全文
  • 七牛文件上传的前后端部署

    2019-09-06 浏览:1380
    后端(Node.js) 后端的作用是为前端提供上传所需要的凭证 准备 注册七牛开发者帐号 登录七牛开发者后台,获取AccessKey 和 Secret Key 创建对象存储的存储空间 地址:https://portal.qiniu.com/user/key sdk安装 npm install qiniu --save token生成 let mac = new qiniu.auth.digest.Mac(accessKey, secretKey); let options = { scope: config.Bucket, expires: 7200, returnBody: '{"key":"$(key)","hash":"$... 展开全文
  • vue中cross-env的使用

    2019-08-09 浏览:2292
    cross-env cross-env是跨平台设置和使用环境变量的脚本。 在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境变量也有所不同。 使用cross-env可以设置在不同的平台上有相同的NODE_ENV参数。 适用场景 适用于本地线上环境有差异的场景,例如本地线上使用不用的开发域名则可以通过NODE_ENV来判断 if(process.env.NODE_ENV!='development'){ //线上环境 } proce... 展开全文
  • vue路由懒加载

    2019-05-23 浏览:1332
    当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。 我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用 命名 chunk,一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。 const Foo = () =&... 展开全文
  • 知识点整理

    2019-04-15 浏览:1425
    vue的生命周期 beforeCreate 在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。 beforeMount 在挂载开始之前被调用:相关的 render 函数首次被调用。 mounted el 被新创建的 vm.$el 替换,并挂载到实... 展开全文
  • vue定义全局变量的几种方式

    2018-05-28 浏览:8682
    1.定义专用模块来配置全局变量 定义一个专用模块来配置全局变量,然后通过export暴露出去,在需要的组件引入 global.vue const a=1; export default{ a } 引入 import global from './global' 2.通过全局变量挂载到Vue.prototype main.js Vue.prototype.a = 1; 组件调用 console.log(this.a) 3.使用window对象 window.a=1 4.使用vuex 安装: npm install vuex --save 新建store.js文件 import Vue from 'vue' import ... 展开全文
  • 在vue-cli中使用less

    2018-03-28 浏览:5191
    进入项目下载less和less-loader依赖 less为开发应用时所依赖的工具包,所以应该安装在devDependencies中 npm install less less-loader -D -D为--save --dev的缩写,意思为将依赖包安装在devDependencies中,devDependencies中放置开发应用时所依赖的工具包。通常是一些开发、测试、打包工具,例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包,用户在使用 npm install 安装你的包时也不会安装这些依赖。 -S为--sav... 展开全文
  • 前言 Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,我们将使用它来请求api。 WordPress REST API为WordPress数据类型提供API端点,允许开发人员通过发送和接收JSON(JavaScript Object Notation)对象与站点进行远程交互 。 demo需要实现功能 获取全部的文章列表 点击查看详情进入文章详情... 展开全文