Vue 路由守卫验证登录状态
router.js // 登录标识，needlogin { path: '/goodsblock', name: 'goodsblock', component: () => import('@/views/goods/GoodsBlock.vue'), meta: { title: '好物', endMenuShow: true, needlogin:
vue-transition 动画效果（fade, top, bottom, left, right）
<template> <div> <transition name='fade'> <div v-if='goodSkuFlag' class='sku-shadow'></div> </transition> <transition name
vue 实现底部固定 tab 导航
方法一：通过$route.path判断跳转<template> <ul class='end-menu flex-row'> <li v-for='(item, index) in menulist' :key='index' @click='changeMenu(item.path)' :class=&qu
vue/cli3打包本地预览问题
npm run build 默认生成了 dist 文件夹, 但是本地预览一片空白, 找不到资源;官方提供的预览方案 : https://cli.vuejs.org/guide/deployment.html,本地预览解决方案 :修改 vue.config.js 下的 publicPath 配置为 './',此时可以本地预览,但是现实不完整, 打开路由 index.js, mode 改为 'has
ESlint：TypeError: this.CliEngine is not a constructor
vue create新项目，webstrom启动报错，解决方案如下：1.编辑 X:WebStormpluginsJavaScriptLanguagelanguageServiceeslintbineslint-plugin.js2.修改为 this.CliEngine = require(this.basicPath + "lib/cli-engine").CLIEngine3.重启项目旧版本项目
Javascript判断版本号大小
场景: 移动端H5说明: 历时版本原生会存到HTTP请求代理头部// 获取历史版本,用户APP当前版本备注: duiyu_(android/ios)是原生存入的标识 let tem = null // 版本号 let PhoneModel = null // 手机标识 let oldVersion = null // 全局历史版本变量 let ua = navigator.userAgen
原生JS制作一个图片放大查看器
前言: 发现vue模板代码写多了, 自己的原生JS手写能力下降了不少, 闲来无事, 自己做一个简单的图片放大查看封装<!DOCTYPE html> <html> <head> <title>图片放大器 --- jensonhui's blog</title> <link rel="stylesheet"
Vue 实现页面刷新, 体验较好
原理: 通过v-if来渲染<router-view>provide： 选项应该是在一个对象或者返回一个对象的函数。该对象包含可注入其子孙的属性inject： 一个字符串数组，或者一个对象，对象的key是本地的绑定名App.vue添加provide属性<template> <div id="app"> <router-view
Ajax
function json2url(json){ var arr=[]; for(var name in json){ arr.push(name+'='+json[name]); } return arr.join('&'); } function ajax(json){ json=json || {}; if(!json
原生H5如何与Android和IOS通信
交互方式Android: 1) window.WebViewJavascriptBridge[methodName](params) 2) window.android.methodName IOS:1) window.webkit.messageHandlers[methodName].postMessage(params) // 无法获取原生返回值 2) window.promp