webpack4 optimization使用总结
optimization总结minimize默认为true，效果就是压缩js代码。minimizer可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin//比如在构建的时候,希望新增...
2020-05-27
Vue项目中使用jsonp抓取跨域数据的方法
下载jsonp npm install jsonp 在js文件夹下新增一个jsonp.js,来封装一个jsonp()如何封装一个jsonp()在下载的jsopn中，jsonp（url，options，callback）这个是原生jsonp方法中的参数；...
2020-05-27
浅析vue中的provide / inject 有什么用处
1.前言vue的父子组件通信用什么？：prop和$emit的组合。如果是爷孙组件呢？：那么就要用父组件来转发数据和事件了。如果是太爷爷和孙子组件呢？：当然是vuex啦emmm 好的，没我啥事了，我这...
2020-05-27
聊聊Vue中provide/inject的应用详解
众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数...
2020-05-27
javascript数组的定义及操作实例
数组是一组数据的集合，js中，数组里面的数据是可以
不同类型的定义数组：1.通过类实例化来创建数组
var alist01=new Array(1,2,3);2.通过直接量的方式来创建数组
var alist02=[1...
2020-05-27
Vue.js watch监视属性知识点总结
这个属性用来监视某个数据的变化，并触发相应的回调函数执行1.基本用法
(1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的...
2020-05-27
javascript json对象小技巧之键名作为变量用法分析
本文实例讲述了javascript json对象小技巧之键名作为变量用法。分享给大家供大家参考，具体如下：有时候在项目开发过程中，我们需要json对象的键名作为一个变量，键名可变，传统的jso...
2020-05-27
javascript 对象 与 prototype 原型用法实例分析
本文实例讲述了javascript 对象 与 prototype 原型用法。分享给大家供大家参考，具体如下：我们做程序开发的，经常面对的就是一个一个对象。那么在javascript中我们怎么去创建一...
2020-05-27
jquery ajax 请求小技巧实例分析
本文实例讲述了jquery ajax 请求小技巧。分享给大家供大家参考，具体如下：jquery 是一个非常好用的js框架，它为我们提供了很多工具。启动异步请求就是很好用的一个工具官方推...
2020-05-27
javascript/jquery实现点击触发事件的方法分析
本文实例讲述了javascript/jquery实现点击触发事件的方法。分享给大家供大家参考，具体如下：点击事件原声态 和 jquery<%@ page language="java" pageEncoding="utf-8" cont...
2020-05-27
JS 遍历 json 和 JQuery 遍历json操作完整示例
本文实例讲述了JS 遍历 json 和 JQuery 遍历json操作。分享给大家供大家参考，具体如下：json 遍历<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>demo...
2020-05-27
javascript 高级语法之继承的基本使用方法示例
本文实例讲述了javascript 高级语法之继承的基本使用方法。分享给大家供大家参考，具体如下：高级语法的基本使用<script type="text/javascript"> //声明一个函数demo functi...
2020-05-27
微信小程序监听用户登录事件的实现方法
最近在开发小程序，小程序既需兼顾针对新用户的内容预览，又要为注册用户提供服务，简单梳理下，基本需求如下： 小程序共三个tab页，所有用户都可以浏览首页内容，了解我们可以提供的优...
2020-05-27
vue与django集成打包的实现方法
1.首先创建 django项目 并在 django项目文件下创建vue项目
2.修改django项目文件下的setting.py
修改django模板路径 指向 vue项目的distTEMPLATES = [ { 'BACKEND': 'd...
2020-05-27
vue把输入框的内容添加到页面的实例讲解
vue最最最简单的demo（记得引入）实例化一个vue，绑定#app的元素，要渲染的数组arr作为data。把arr的item渲染到页面，输入内容点击按钮把用户输入的内容添加到页面以及数组<!DOCTYPE...
2020-05-27
JS中比较两个Object数组是否相等方法实例
一、问题在js中是不能直接用“==”或者“===”来计算两个数组是否相等的，那么就需要对数组的值进行比较；二、次解决方案对于比较两个数组次要的方法有如下几种，为什么说是次要...
2020-05-27
使用vuex存储用户信息到localStorage的实例
1、首先需要装vuexnpm install vuex -d2、新建store文件夹，新建index.js， 并引入vue、vuex,代码如下：import Vue from 'vue'import Vuex from 'vuex' Vue.use(Vuex)const key =...
2020-05-27
vue 实现通过vuex 存储值 在不同界面使用
通过vuex 存储1. 创建store.js文件import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state = { //要设置的全局访问的state对象 count: 1, //要设置的...
2020-05-27
VUE:vuex 用户登录信息的数据写入与获取方式
整体思路：前台获取用户数据，向后台发送post请求，验证成功后前台接受数据，改变用户登录状态将登录状态及用户数据写入到state中这样多个页面就可以直接使用this.$store.getters.g...
2020-05-27
Vuex实现数据增加和删除功能
首先，我们要安装vuex，执行命令yarn add vuex1.编写state数据//vuex/index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state = { bookList: [...
2020-05-27
vuex存储token示例
1.在login.vue中通过发送http请求获取token//根据api接口获取token var url = this.HOST + "/session"; this.$axios.post(url, { username: this.loginForm.username, pass...
2020-05-27
vue在路由中验证token是否存在的简单实现
1. 在router/index.js进行验证2. 代码如下：import Vue from 'vue'import Router from 'vue-router'import Login from '@/components/common/Login';......Vue.use(Router)co...
2020-05-27
vue路由守卫,限制前端页面访问权限的例子
今天给大家写一篇关于vue校验登录状态，如果是非法登录就跳转到登录页面的逻辑首先需要写一个路由守卫，它的原理是每次路由发生变化时触发具体写法如下：router.beforeEach((to,...
2020-05-27
vue 更改连接后台的api示例
vue 更改连接后台的api，是更改在config文件夹下的index.js文件中的proxyTable的值。
如下代码，其中 10.1.166.88:8888/springTimes 为后台暴露出来的appi。dev: { env: requ...
2020-05-27
vuex实现数据状态持久化
用过vuex的肯定会有这样一个痛点，就是刷新以后vuex里面存储的state就会被浏览器释放掉，因为我们的state都是存储在内存中的。所以我们通过 vuex-persistedstate这个插件，来实现...
2020-05-27
vuex管理状态 刷新页面保持不被清空的解决方案
mutation文件import { RECEIVE_PUBLICHTIT} from './mutation-types' //保证刷新页面数据不消失*function storeLocalStore (state) { window.localStorage.setItem("public...
2020-05-27
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
一、项目简介uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播，支持编译到多端(H5、小程序、...
2020-05-27
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在...
2020-05-27
实现vuex与组件data之间的数据同步更新方式
问题我们都知道，在Vue组件中，data部分的数据与视图之间是可以同步更新的，假如我们更新了data中的数据，那么视图上的数据就会被同步更新，这就是Vue所谓的数据驱动视图思想。当我们...
2020-05-27
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术...
2020-05-27
VUEX 数据持久化,刷新后重新获取的例子
VUEX 数据持久化// store.js getters: { userInfo(state) { console.log('getters',state); if (!state.userInfo.id) { let token = getStorage("token"); cons...
2020-05-27
vue.js 实现a标签href里添加参数
源代码列表可以正常显示，但是连接没有实现对items.orderNo的值转化，最中解决方法此处的将a的标签href实现绑定：href同时对路径进一步转化拼接以上这篇vue.js 实现a标签href里添...
2020-05-27
javascript严格模式详解（含严格模式与非严格模式的区别）
严格模式的优缺点
优点： 提高代码解析与运行速度 禁用一些不合理的语法，减少代码的怪异行为缺点 某些代码在严格模式下会报错，尤其引入公用与第三方模块的时候需要注意 有...
2020-05-27
Vue 中 a标签上href无法跳转的解决方式
问题：使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。解决：在App.vue 里增加判断IE浏览器手动修复……export default { name: 'App', mounted(){ function...
2020-05-27
vue 中几种传值方法(3种)
前言vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。父组件向子组件传值
方法：父组件...
2020-05-27
Vue页面切换和a链接的本质区别详解
Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过<Link to="path"></Link...
2020-05-27
Vue2.0 实现页面缓存和不缓存的方式
1、在app中设置需要缓存的div<keep-alive>//缓存的页面 <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.keepAl...
2020-05-27
解决vue admin element noCache设置无效的问题
1、后台返回的数据{path: '/fbgq',name: 'fbgq',component: () => import('../views/part/fbgq.vue'),meta: {title: '发布供求', noCache:false}},2、对应vue文件fbgq.vue...
2020-05-27
Vue退出登录时清空缓存的实现
如下所示： <template> <div id="main" class="app-main"> <router-view></router-view> </div></template> <script> export default { data () { return {...
2020-05-27
vue-element-admin 菜单标签失效的解决方式
设置菜单路由时，代码如下： { path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList',...
2020-05-27
vue+element导航栏高亮显示的解决方式
用导航菜单时遇到的一些问题：点击打开官网例子问题1：页面强制刷新，按F5时，页面如果没有好好设置的话，导航栏默认叠起来，而且无高亮显示；刷新后导航栏显示和之前不一致，如图所示解决：h...
2020-05-27
vue transition 在子组件中失效的解决
错误代码：子组件：<template> <div v-show="showMine"> <div class="mask" @click.self="onMask"></div> <transition name="slide-fade"> <div class="my_group" v-if="sh...
2020-05-27
解决vue-cli 打包后自定义动画未执行的问题
在vue项目中，想实现无缝向上滚动的自定义动画效果webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效@-webkit-keyframes move { 0%{ top:0; } 100%...
2020-05-27
vue页面切换项目实现转场动画的方法
前言
移动端, 使用vue为了良好的用户体验, 会需要实现APP形式的切换页面的左滑和右滑效果实现原理, vue的过渡 & 动画技术栈: vue + vue-router解决思路
区分前进 和 后退的...
2020-05-27
浅谈如何优雅处理JavaScript异步错误
1. try/catch
try/catch基本上是大家最常和async/await一起使用的，基本上我们会用它去包围大部分的异步方法。await关键字后面的promise一旦reject了，就会抛出一个异常错误。...
2020-05-27
Vue自定义指令结合阿里云OSS优化图片的实现方法
图片往往在加载前端项目中占大头，如何既不损失图片质量，又提升加载速度呢？ 根据显示设备pixelRatio和元素宽高来显示合适图片 略微压缩图片质量 使用webp注册全局自定义指令...
2020-05-27
微信小程序点击顶部导航栏切换样式代码实例
这篇文章主要介绍了微信小程序点击顶部导航栏切换样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下类似这样...
2020-05-27
解决Vue打包上线之后部分CSS不生效的问题
首先注释掉webpack.prod.conf.js中下面的代码new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false...
2020-05-27
JS如何实现动态添加的元素绑定事件
这篇文章主要介绍了JS如何实现动态添加的元素绑定事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近做的项目要实...
2020-05-27
解决Vue在Tomcat8下部署页面不加载的问题
最新的项目刚刚用上Vue，遇到很多问题，在Tomcat下部署时出现了页面空白。问题：路由 mode history 模式在 dev 模式下没有问题，在 build 模式页面空白，但静态资源能正常引用原因：部...
2020-05-27
