JavaScript - 教程之家

63浏览

0评论

Vue 数组和对象更新,但是页面没有刷新的解决方式

在使用数组的时候，数组内部数据发生改变，但是与数组绑定的页面的数据却没有发生变化。<ul> <li v-for="(item,index) in todos" :key="index">{{item.name}}</li> </ul>data...

2020-05-27

139浏览

0评论

vue $set 给数据赋值的实例

如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。业务介绍：模拟后台数据向DOM树上遍历数据，再向数据里添加状态属性，根据状态改变显示图片，默认nochecked.png，点击时...

2020-05-27

90浏览

0评论

vue-父子组件和ref实例详解

父组件向子组件传值<div id="app"> <!-- 父组件，可以在引用子组件的时候，通过属性绑定（v-bind:）的形式, 把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，供子...

2020-05-27

65浏览

0评论

分享Angular http interceptors 拦截器使用(推荐)

AngularJS 简介AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。拦截器在开...

2020-05-27

55浏览

0评论

vue父子组件的通信方法(实例详解)

一、父组件向子组件传递数据1、首先形成父子组件关系 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../js/vue.js...

2020-05-27

66浏览

0评论

vue动态循环出的多个select出现过的变为disabled(实例代码)

vue动态循环出的多个select出现过的变为disabled<template> <div class="artcle"> <el-form label-width="100px" :model="testForm"> <el-form-item v-for...

2020-05-27

68浏览

0评论

node后端服务保活的实现

引言
目前的项目中使用了node，作为一个简单的后端服务，随着承担着越来越多的线上业务的服务，就要求了服务端的稳定性，而其中最重要的一点就是服务保活。有进程终止后自动重启的...

2020-05-27

75浏览

0评论

vue ssr服务端渲染(小白解惑)

>初学ssr入坑初学vue服务端渲染疑惑非常多，我们大部分前端都是半路出家，上手都是前后端分离，对服务端并不了解，不说java、php语言了，连node服务都还没搞明白，理解服务端渲染还是有...

2020-05-27

77浏览

0评论

webpack4 optimization使用总结

optimization总结minimize默认为true，效果就是压缩js代码。minimizer可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin//比如在构建的时候,希望新增...

2020-05-27

48浏览

0评论

Vue项目中使用jsonp抓取跨域数据的方法

下载jsonp npm install jsonp 在js文件夹下新增一个jsonp.js,来封装一个jsonp()如何封装一个jsonp()在下载的jsopn中，jsonp（url，options，callback）这个是原生jsonp方法中的参数；...

2020-05-27

50浏览

0评论

浅析vue中的provide / inject 有什么用处

1.前言vue的父子组件通信用什么？：prop和$emit的组合。如果是爷孙组件呢？：那么就要用父组件来转发数据和事件了。如果是太爷爷和孙子组件呢？：当然是vuex啦emmm 好的，没我啥事了，我这...

2020-05-27

75浏览

0评论

聊聊Vue中provide/inject的应用详解

众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数...

2020-05-27

58浏览

0评论

javascript数组的定义及操作实例

数组是一组数据的集合，js中，数组里面的数据是可以
不同类型的定义数组：1.通过类实例化来创建数组
var alist01=new Array(1,2,3);2.通过直接量的方式来创建数组
var alist02=[1...

2020-05-27

61浏览

0评论

Vue.js watch监视属性知识点总结

这个属性用来监视某个数据的变化，并触发相应的回调函数执行1.基本用法
(1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的...

2020-05-27

62浏览

0评论

javascript json对象小技巧之键名作为变量用法分析

本文实例讲述了javascript json对象小技巧之键名作为变量用法。分享给大家供大家参考，具体如下：有时候在项目开发过程中，我们需要json对象的键名作为一个变量，键名可变，传统的jso...

2020-05-27

51浏览

0评论

javascript 对象与 prototype 原型用法实例分析

本文实例讲述了javascript 对象与 prototype 原型用法。分享给大家供大家参考，具体如下：我们做程序开发的，经常面对的就是一个一个对象。那么在javascript中我们怎么去创建一...

2020-05-27

82浏览

0评论

jquery ajax 请求小技巧实例分析

本文实例讲述了jquery ajax 请求小技巧。分享给大家供大家参考，具体如下：jquery 是一个非常好用的js框架，它为我们提供了很多工具。启动异步请求就是很好用的一个工具官方推...

2020-05-27

52浏览

0评论

javascript/jquery实现点击触发事件的方法分析

本文实例讲述了javascript/jquery实现点击触发事件的方法。分享给大家供大家参考，具体如下：点击事件原声态和 jquery<%@ page language="java" pageEncoding="utf-8" cont...

2020-05-27

59浏览

0评论

JS 遍历 json 和 JQuery 遍历json操作完整示例

本文实例讲述了JS 遍历 json 和 JQuery 遍历json操作。分享给大家供大家参考，具体如下：json 遍历<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>demo...

2020-05-27

54浏览

0评论

javascript 高级语法之继承的基本使用方法示例

本文实例讲述了javascript 高级语法之继承的基本使用方法。分享给大家供大家参考，具体如下：高级语法的基本使用<script type="text/javascript"> //声明一个函数demo functi...

2020-05-27

43浏览

0评论

微信小程序监听用户登录事件的实现方法

最近在开发小程序，小程序既需兼顾针对新用户的内容预览，又要为注册用户提供服务，简单梳理下，基本需求如下：小程序共三个tab页，所有用户都可以浏览首页内容，了解我们可以提供的优...

2020-05-27

87浏览

0评论

vue与django集成打包的实现方法

1.首先创建 django项目并在 django项目文件下创建vue项目
2.修改django项目文件下的setting.py
修改django模板路径指向 vue项目的distTEMPLATES = [ { 'BACKEND': 'd...

2020-05-27

229浏览

0评论

vue把输入框的内容添加到页面的实例讲解

vue最最最简单的demo（记得引入）实例化一个vue，绑定#app的元素，要渲染的数组arr作为data。把arr的item渲染到页面，输入内容点击按钮把用户输入的内容添加到页面以及数组<!DOCTYPE...

2020-05-27

70浏览

0评论

JS中比较两个Object数组是否相等方法实例

一、问题在js中是不能直接用“==”或者“===”来计算两个数组是否相等的，那么就需要对数组的值进行比较；二、次解决方案对于比较两个数组次要的方法有如下几种，为什么说是次要...

2020-05-27

84浏览

0评论

使用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

43浏览

0评论

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

122浏览

0评论

VUE:vuex 用户登录信息的数据写入与获取方式

整体思路：前台获取用户数据，向后台发送post请求，验证成功后前台接受数据，改变用户登录状态将登录状态及用户数据写入到state中这样多个页面就可以直接使用this.$store.getters.g...

2020-05-27

61浏览

0评论

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

61浏览

0评论

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

39浏览

0评论

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

169浏览

0评论

vue路由守卫,限制前端页面访问权限的例子

今天给大家写一篇关于vue校验登录状态，如果是非法登录就跳转到登录页面的逻辑首先需要写一个路由守卫，它的原理是每次路由发生变化时触发具体写法如下：router.beforeEach((to,...

2020-05-27

46浏览

0评论

vue 更改连接后台的api示例

vue 更改连接后台的api，是更改在config文件夹下的index.js文件中的proxyTable的值。
如下代码，其中 10.1.166.88:8888/springTimes 为后台暴露出来的appi。dev: { env: requ...

2020-05-27

51浏览

0评论

vuex实现数据状态持久化

用过vuex的肯定会有这样一个痛点，就是刷新以后vuex里面存储的state就会被浏览器释放掉，因为我们的state都是存储在内存中的。所以我们通过 vuex-persistedstate这个插件，来实现...

2020-05-27

68浏览

0评论

vuex管理状态刷新页面保持不被清空的解决方案

mutation文件import { RECEIVE_PUBLICHTIT} from './mutation-types' //保证刷新页面数据不消失*function storeLocalStore (state) { window.localStorage.setItem("public...

2020-05-27

341浏览

0评论

基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能

一、项目简介uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播，支持编译到多端(H5、小程序、...

抖音

2020-05-27

77浏览

0评论

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能

最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在...

2020-05-27

50浏览

0评论

实现vuex与组件data之间的数据同步更新方式

问题我们都知道，在Vue组件中，data部分的数据与视图之间是可以同步更新的，假如我们更新了data中的数据，那么视图上的数据就会被同步更新，这就是Vue所谓的数据驱动视图思想。当我们...

2020-05-27

45浏览

0评论

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、前言9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术...

2020-05-27

46浏览

0评论

VUEX 数据持久化,刷新后重新获取的例子

VUEX 数据持久化// store.js getters: { userInfo(state) { console.log('getters',state); if (!state.userInfo.id) { let token = getStorage("token"); cons...

2020-05-27

51浏览

0评论

vue.js 实现a标签href里添加参数

源代码列表可以正常显示，但是连接没有实现对items.orderNo的值转化，最中解决方法此处的将a的标签href实现绑定：href同时对路径进一步转化拼接以上这篇vue.js 实现a标签href里添...

2020-05-27

56浏览

0评论

javascript严格模式详解（含严格模式与非严格模式的区别）

严格模式的优缺点
优点：提高代码解析与运行速度禁用一些不合理的语法，减少代码的怪异行为缺点某些代码在严格模式下会报错，尤其引入公用与第三方模块的时候需要注意有...

2020-05-27

42浏览

0评论

Vue 中 a标签上href无法跳转的解决方式

问题：使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。解决：在App.vue 里增加判断IE浏览器手动修复……export default { name: 'App', mounted(){ function...

2020-05-27

42浏览

0评论

vue 中几种传值方法(3种)

前言vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。父组件向子组件传值
方法：父组件...

2020-05-27

48浏览

0评论

Vue页面切换和a链接的本质区别详解

Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过<Link to="path"></Link...

2020-05-27

57浏览

0评论

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

53浏览

0评论

解决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

52浏览

0评论

Vue退出登录时清空缓存的实现

如下所示： <template> <div id="main" class="app-main"> <router-view></router-view> </div></template> <script> export default { data () { return {...

2020-05-27

37浏览

0评论

vue-element-admin 菜单标签失效的解决方式

设置菜单路由时，代码如下： { path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList',...

2020-05-27

37浏览

0评论

vue+element导航栏高亮显示的解决方式

用导航菜单时遇到的一些问题：点击打开官网例子问题1：页面强制刷新，按F5时，页面如果没有好好设置的话，导航栏默认叠起来，而且无高亮显示；刷新后导航栏显示和之前不一致，如图所示解决：h...

2020-05-27

41浏览

0评论

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

热门文章