JavaScript - 教程之家

75浏览

0评论

如何解决.vue文件url引用文件的问题

解决.vue文件url引用文件的问题遇到的问题：在css中引入图片，明明目录结构是对的，还是This dependency was not found； dev好好的，build 之后凉凉，图片加载404添加图片路径配置w...

2020-05-27

95浏览

0评论

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

程序运行时间计算：注意：测试代码运行时间的话console.time()与console.timeEnd()要一起使用，这是一个组合；这两个之间的代码就是要运行测试程序的时间<!DOCTYPE html><html lang...

2020-05-27

119浏览

0评论

vue-cli3 karma单元测试的实现

KarmaKarma是一个测试工具，能让你的代码在浏览器环境下测试。代码可能是设计在浏览器端执行的，在node环境下测试可能有些bug暴露不出来（比如要做样式的测试），如果你的代码只会运...

2020-05-27

105浏览

0评论

微信小程序实现分享朋友圈的图片功能示例

本文实例讲述了微信小程序实现分享朋友圈的图片功能。分享给大家供大家参考，具体如下：由于微信小程序只支持分享给朋友或者群，不支持分享到朋友圈，又有分享到朋友圈这个需求，那就...

2020-05-27

69浏览

0评论

js中的reduce()函数讲解

定义：reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。案例1.数组求和 // 1.数组求和 var arr = [1...

2020-05-27

77浏览

0评论

js根据需要计算数组中重复出现某个元素的个数

一、有时候的根据需要需要计算数组中某个元素重复出现的个数var arr = ["apple","orange","apple","orange","pear","orange"];计算出来重复出现的元素个数：{apple: 2, orang...

2020-05-27

104浏览

0评论

js中数组对象去重的两种方法

方法一：采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。方法二：采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法var arr = [{ key: '01', value:...

2020-05-27

92浏览

0评论

微信小程序使用canvas的画图操作示例

本文实例讲述了微信小程序使用canvas的画图操作。分享给大家供大家参考，具体如下：基础写起来太没动力了，也写得乱七八糟的，还是直接解决一些小问题比较方便，代码的方方面面的细节...

2020-05-27

158浏览

0评论

highCharts提示框中显示当前时间的方法

一、项目需求提示框中需要显示当前时间（常规的提示并不能达到这种效果）样式二、知识点highCharts图表tooltip属性中有一个formatter属性formatter: function() {……} 提示框...

2020-05-27

84浏览

0评论

jQuery实现的3D版图片轮播示例【滑动轮播】

本文实例讲述了jQuery实现的3D版图片轮播。分享给大家供大家参考，具体如下：这个是用了3张图，来回滑动，类似一个圆圈（不晓得这个怎么上动图啊！！！！）图就是这么个图，但是他是可以滑动的（不...

2020-05-27

55浏览

0评论

js数组去重的方法总结

一、普通的方法去重1、简单的去重方法// 最简单数组去重法/** 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法*/function uniq(...

2020-05-27

62浏览

0评论

jQuery实现适用于移动端的跑马灯抽奖特效示例

本文实例讲述了jQuery实现适用于移动端的跑马灯抽奖特效。分享给大家供大家参考，具体如下：图片全部隐私处理跑马灯抽奖特效难点一：奖品位置排放，如下图<div class="gift_div">...

2020-05-27

74浏览

0评论

jquery获取file表单选择文件的路径、名字、大小、类型

一、问题在使用file表单时想知道选择的文件的路径、名字、大小、类型？二、知识点1.input表单会触发change事件2.获取路径触发这个事件的对象调用val()函数3.文件名触发...

2020-05-27

86浏览

0评论

jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法

本文实例讲述了jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法。分享给大家供大家参考，具体如下：项目描述：九宫格的跑马灯抽奖特效，抽中奖品1-9的概率分别是2%，2%，4%，1%，1...

2020-05-27

118浏览

0评论

js取小数点后两位四种方法

Javascript取float型小数点后两位，例22.123456取成22.12,如何做？1.通过substring截取。function getnum(){var num = 22.123456;var result = num.substring(0,s.indexOf(".")...

2020-05-27

95浏览

0评论

Vue核心概念Action的总结

Action 类似于mutation，不同在于：- Action 提交的是mutation，而不是直接变更状态。- Action 可以包含任意异步操作。Action 函数接受一个与 store 实例具有相同方法和属性的 co...

2020-05-27

106浏览

0评论

JavaScript数据结构之栈实例用法

栈
先来看一道题
Leetcode 32 Longest Valid Parentheses (最长有效括号)给定一个只包含 '(' 和 ')' 的字符串，找出最长的包含有效括号的子串的长度。示例 1:输入: "(()"
输...

2020-05-27

110浏览

0评论

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

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

2020-05-27

90浏览

0评论

Vue核心概念Getter的使用方法

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

2020-05-27

368浏览

0评论

为什么要使用Vuex的介绍

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

2020-05-27

131浏览

0评论

Vuex中的State使用介绍

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

125浏览

0评论

详解vue-router导航守卫

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

128浏览

0评论

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

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

2020-05-27

117浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

174浏览

0评论

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

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

2020-05-27

125浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

151浏览

0评论

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

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

2020-05-27

120浏览

0评论

vue-router传参用法详解

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

2020-05-27

102浏览

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

86浏览

0评论

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

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

2020-05-27

107浏览

0评论

JavaScript中import用法总结

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

2020-05-27

77浏览

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

102浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

139浏览

0评论

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

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

2020-05-27

157浏览

0评论

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

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

2020-05-27

127浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

热门文章