JavaScript - 教程之家

89浏览

0评论

Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的事件类型 (type) 和一个回调函数 (handler)...

2020-05-27

74浏览

0评论

Vue核心概念Getter的使用方法

有时候我们需要从store中的state中派生出一些状态。如果有多个组件需要用到此属性，我们要么复制这个函数，或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理...

2020-05-27

338浏览

0评论

为什么要使用Vuex的介绍

单向数据流以下是一个表示“单向数据流”理念的极简示意：但是，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏： - 多个视图依赖于同一状态。 - 来自不同...

2020-05-27

112浏览

0评论

Vuex中的State使用介绍

现在在上一篇为什么要使用Vuex的介绍理解基础上使用Vuex中的State，一个正面例子来证实，同时也介绍一下Vue核心概念State。Vuex 使用单一状态树——是的，用一个对象就包含了全部...

2020-05-27

62浏览

0评论

JavaScript实现与使用发布/订阅模式详解

本文实例讲述了JavaScript实现与使用发布/订阅模式。分享给大家供大家参考，具体如下：一、发布/订阅模式简介发布/订阅模式（即观察者模式）：设计该模式背后的主要动力是促进形成松...

2020-05-27

82浏览

0评论

js的各种数据类型判断的介绍

1.typeoftypeof 用来判断各种数据类型,有两种写法：typeof xxx ， typeof(xxx)例如：typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 objec...

2020-05-27

101浏览

0评论

js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解

数组的扁平化：将多维数组变成一维数组对于一个像这样的嵌套数组：a=[1,[2,[3,4]],5,6]我们想要把它变成一个一维数组，有下面几种方法：方法一：递归一function parseArr(arr,res){...

2020-05-27

81浏览

0评论

15分钟深入了解JS继承分类、原理与用法

本文全面讲述了JS继承分类、原理与用法。分享给大家供大家参考，具体如下：许多 OO 语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的...

2020-05-27

75浏览

0评论

js实现延迟加载的几种方法详解

这是一个面试经常问到的问题：js的延迟加载方法 (js的延迟加载有助于提高页面的加载速度)主要考察对程序的性能方面是否有研究，程序的性能是一个项目不断地追求的，通常也是项目...

2020-05-27

65浏览

0评论

javascriptvoid(0)含义以及与"#"的区别讲解

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是无返回值。说明： 1.javascript：void(0)这种伪协议，少...

2020-05-27

91浏览

0评论

JS尾递归的实现方法及代码优化技巧

本文实例讲述了JS尾递归的实现方法及代码优化技巧。分享给大家供大家参考，具体如下：在学习数据结构和算法的时候，我们都知道所有的递归都是可以优化成栈+循环的。对于特定的递...

2020-05-27

98浏览

0评论

详解vue-router导航守卫

当做Vue-cli项目的时候需要在路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-router 提供的 beforeEach可以方便地实现全局导航守卫（navigation-guards）。组件...

2020-05-27

63浏览

0评论

JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】

本文实例讲述了JS中创建自定义类型的常用模式。分享给大家供大家参考，具体如下：虽然在 ES6 中，已经出了 class 的语法，貌似好像不用了解 ES5 中的这些老东西了，但是越深入学习，你...

2020-05-27

109浏览

0评论

vue-router重定向和路由别名的使用讲解

一、重定向（你访问这个路径，但他跳到另一个路径，地址栏中显示目标路由的那个路径）“重定向”的意思是，当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b二、路由别名（就是给...

2020-05-27

104浏览

0评论

微信小程序实现基于三元运算验证手机号/姓名功能示例

本文实例讲述了微信小程序实现基于三元运算验证手机号/姓名功能。分享给大家供大家参考，具体如下：wxml部分：<view class="fl_form" style="position:relative;padding-top:20rp...

2020-05-27

73浏览

0评论

微信小程序实现提交input信息到后台的方法示例

本文实例讲述了微信小程序实现提交input信息到后台的方法。分享给大家供大家参考，具体如下：wxml文件：<view class="fl_form"><text>您的姓名</text><in...

2020-05-27

156浏览

0评论

vue-router命名视图的使用讲解

有时候想同时（同级）展示多个视图，而不是嵌套展示，例如创建一个布局，有 sidebar（侧导航）和 main（主内容）两个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的...

2020-05-27

102浏览

0评论

Vue实现的父组件向子组件传值功能示例

本文实例讲述了Vue实现的父组件向子组件传值功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 父组件向子组件传值</title...

2020-05-27

72浏览

0评论

vue-router命名路由和编程式路由传参讲解

有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。重...

2020-05-27

75浏览

0评论

vue数据操作之点击事件实现num加减功能示例

本文实例讲述了vue数据操作之点击事件实现num加减功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue num加减</title><scri...

2020-05-27

90浏览

0评论

vue-router实现编程式导航的代码实例

除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。即：通过js动态的进行导航链接。一、this.$router.push( )router.p...

2020-05-27

140浏览

0评论

vue-router实现嵌套路由的讲解

一、嵌套路由（配置好父路由component后，在父路由下面添加children属性来配置这个父路由的子路由）需要注意的是：父组件中的<router-view></router-view>是子组件的占位符是必不可...

2020-05-27

97浏览

0评论

vue-router传参用法详解

一、动态路径参数以冒号开头（这种传参的方式会将传的值暴露在地址栏中；$route.params进行接收）当to后面跟的是其他拼凑出来的值需要给t让to变为属性的方式传参即:to =' '效果：...

2020-05-27

82浏览

0评论

js序列化和反序列化的使用讲解

（1）序列化即js中的Object转化为字符串1.使用obj.toJSONString()var str=obj.toJSONString(); //将JSON对象转化为JSON字符 2.使用JSON.stringify(obj)var str=JSON.stringify(...

2020-05-27

72浏览

0评论

如何优雅的在一台vps（云主机）上面部署vue+mongodb+express项目

项目： vue + express + mongodb
项目前后分离部署在一台服务器上面 express端口：3000 mongodb端口：27017 vue端口：本地是8080 服务端是：80本地开发配置
本地开发基于vue cli...

2020-05-27

92浏览

0评论

JavaScript中import用法总结

import是用于将某个模块中导出的函数或对象、初始值导入到另一个模块中的语法。如下所示import {模块名称} from "需要导入模块的路径名"如何使用import？该模块有default模块...

2020-05-27

53浏览

0评论

JavaScript中concat复制数组方法浅析

我们在需要进行数组复制的时候可能会想到以下的方法代码var arr1 = [1,2,3,4,5];var arr2 = [];arr2 = arr1;console.log(arr1);console.log(arr2);执行结果如下：[1, 2, 3, 4...

2020-05-27

76浏览

0评论

JavaScript禁用右键单击优缺点分析

更有经验的用户很容易就能绕过禁用右键的问题，而访问大部分网页代码本身就是web浏览器的一个基本功能，根本不需要右键。缺点有很多方法可以绕过“没有右键脚本”，而实际上，这种...

2020-05-27

109浏览

0评论

如何在vue里面优雅的解决跨域(路由冲突问题)

如何在vue里面优雅的解决跨域，路由冲突问题
当我们在路由里面配置成以下代理可以解决跨域问题
proxyTable: { '/goods/*': { target: 'http://localhost:3000' },...

2020-05-27

124浏览

0评论

Django+vue跨域问题解决的详细步骤

跨域
由于开发模式为前后端分离式开发，故而通常情况下，前端和后端可能运行不同的ip或者port下，导致出现跨域问题，故而单独说明什么是跨域
跨域是指一个域下的文档或脚本试图去请...

2020-05-27

139浏览

0评论

小程序开发中如何使用async-await并封装公共异步请求的方法

前言
在平常的项目开发中肯定会遇到同步异步执行的问题，还有的就是当执行某一个操作依赖上一个执行所返回的结果，那么这个时候你会如何解决这个问题呢；1.是用settimeout让它异...

2020-05-27

108浏览

0评论

VUE简单的定时器实时刷新的实现方法

说明：我只是一个刚入门的小前端，你们可以指导我，但千万不要喷我，虽然我知道我很垃圾！人吗，都是要成长的！大佬，请多多指教！！！我前段时间刚刚写了一个类似余股票的项目，上边的K线图是要实...

2020-05-27

70浏览

0评论

实例介绍JavaScript中多种组合继承

1. 组合继承：又叫伪经典继承，是指将原型链和借用构造函数技术组合在一块的一种继承方式。下面来看一个例子：function SuperType(name) { this.name = name; this.colors = ["...

2020-05-27

83浏览

0评论

微信小程序实现富文本图片宽度自适应的方法

引言：在微信小程序里，比如商品展示页面的商品详情会有图片展示，PC端设置的商品详情是PC端的宽度，所以在小程序里图片会显示不全，这时就应该做相应的处理，使小程序里图片显示正确思...

2020-05-27

84浏览

0评论

vue-cli3 从搭建到优化的详细步骤

前言
github地址： https://github.com/LeeStaySmall/vue-project-demo (完整分支：optimize分支)demo地址： vue-project-demo.eloco.cn
安装与初始化架构安装node >= 8.9 推荐：8...

2020-05-27

68浏览

0评论

详解vue挂载到dom上会发生什么

vue 挂载到dom 元素后发生了什么
前一篇文章分析了new vue() 初始化时所执行的操作，主要包括调用vue._init 执行一系列的初始化，包括生命周期，事件系统，beforeCreate和Created h...

2020-05-27

94浏览

0评论

js中实例与对象的区别讲解

关于js中实例和对象的解释如下：比如定义persion如下：var person = new Object();var person = {};JS 是基于原型的面向对象语言, 所有数据都可以当作对象处理，所以 person 是对...

2020-05-27

61浏览

0评论

VUE v-model表单数据双向绑定完整示例

本文实例讲述了VUE v-model表单数据双向绑定。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue v-model双向绑定</title><scrip...

2020-05-27

97浏览

0评论

vue计算属性computed、事件、监听器watch的使用讲解

一.计算属性（computed）<template> <div class="box"> <h1>计算属性</h1> <hr>  <p><input type="text" v-model="message"></p> <!...

2020-05-27

84浏览

0评论

vue中过滤器filter的讲解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...

2020-05-27

348浏览

0评论

JS实现将对象转化为数组的方法分析

本文实例讲述了JS实现将对象转化为数组的方法。分享给大家供大家参考，具体如下：前言其实这本来应该是一个很基础的问题了，但我之做一想记录一下是因为之前因为对象转数组的时候...

2020-05-27

86浏览

0评论

Vue 表情包输入组件的实现代码

Emotion一个用于vue的表情输入组件
https://gitee.com/jiangliyue/vue_expression_input_moduleindex是使用示例，emotion是组件代码（这里用的是微信表情包的地址，大家可根据需...

2020-05-27

91浏览

0评论

js中innerText/textContent和innerHTML与target和currentTarget的区别

一、获取/赋值文本值innerText/textContent、innerHTML<body> <div id="box_text"> <p style="color:hotpink;">muzidigbig</p> <p style="color:pink">lovely</p>...

2020-05-27

106浏览

0评论

JS实现数组去重,显示重复元素及个数的方法示例

本文实例讲述了JS实现数组去重,显示重复元素及个数的方法。分享给大家供大家参考，具体如下：<script>var arr = ['土豆','土豆','茄子','土豆','茄子','土豆','紫红色'];functi...

2020-05-27

83浏览

0评论

JS实现求5的阶乘示例

本文实例讲述了JS实现求5的阶乘运算操作。分享给大家供大家参考，具体如下：方案一：利用while循环function factorial(num){ var result = 1; while(num){ result *= num;...

2020-05-27

85浏览

0评论

js的对象与函数详解

一、对象就是人们要研究的任何事物，不仅能表示具体事物，还能表示抽象的规则，计划或事件。
属性的无序集合，每个属性可以存一个值(原始值，对象，函数)对象的特性:...

2020-05-27

90浏览

0评论

在vue项目中引入highcharts图表的方法

npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npm install highcharts --save1、components目录下新建一个chart.vue组件<template> <div class...

2020-05-27

60浏览

0评论

vue项目中实现的微信分享功能示例

本文实例讲述了vue项目中实现的微信分享功能。分享给大家供大家参考，具体如下：/* 微信分享 */Vue.prototype.wechatShare = (shareData) => { let resource = { title: '随我...

2020-05-27

63浏览

0评论

Vue中Axios从远程/后台读取数据

Axios从远程读取数据学习Axios的知识，并把数据从远端读取到页面上。后端数据，只要调用相应的页面就可以调取，在实际开发中，这些后台数据是需要后端程序员和你共同讨论制作的。我...

2020-05-27

85浏览

0评论

js变量声明var使用与不使用的区别详解

一、区分显示的声明与隐式声明（var）JS中变量声明分显式声明和隐式声明。var name = 'muzidigbig';//显示声明 name = 'muzidigbig';//隐式声明（为全局变量的一个属性）在函数中使...

2020-05-27

热门文章