JavaScript - 教程之家

64浏览

0评论

jQuery鼠标滑过横向时间轴样式(代码详解)

每日分享效果，今天分享内容为：jQuery鼠标滑过横向时间轴样式效果图： HTML代码：`<!DOCTYPE html><html><head><title></title><link rel="stylesheet" type="text/css" href="css...

2020-05-27

77浏览

0评论

js canvas实现星空连线背景特效

本文实例为大家分享了js canvas星空连线背景的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="UTF-8"> <title>canvas星空连线背景特效</title> <style type=...

2020-05-27

92浏览

0评论

详解小程序如何改变onLoad的执行时机

也许在小程序所有生命周期里，我们用的最多的就是 onLoad，一大堆代码都要在初始化的时候执行。很多时候，初始化的代码是每个页面共用的，比如获取用户信息、获取定位等：Page({ onLo...

2020-05-27

57浏览

0评论

vue实现计步器功能

本文实例为大家分享了vue实现计步器功的具体代码，供大家参考，具体内容如下1.首先先创建一个Stepper.vue<template> <div class="counter-component"> <div class="counter-btn...

2020-05-27

363浏览

0评论

使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码

使用 Angular RouteReuseStrategy 缓存组件Cache components with Angular RouteReuseStrategyRouteReuseStrategy provider 允许我们控制 Angular 路由和组件生命周期的行...

2020-05-27

79浏览

0评论

微信js-sdk 录音功能的示例代码

需求描述
制作一个H5页面，打开之后可以录音，并将录音文件提交至后台

微信录音最长时长为1min微信官方文档--音频接口
代码如下 // isVoice： 0-未录音 1-录音中 2-录完音...

2020-05-27

47浏览

0评论

解决vue-router 二级导航默认选中某一选项的问题

现在有一个需求是这样的：这个需求很正常吧！二级导航条，不是二级路由的（如果是二级路由是用linkActiveClass来做，我之前文章说过），是单纯获取数据的按钮，当这个页面出现时，默认选中第...

2020-05-27

79浏览

0评论

vue 导航内容设置选中状态样式的例子

如图所示，我们一般需要切换的时候选中导航给个active样式，而router-link 标签在选中的时候会自动给整个标签添加一个 router-link-active的class可给router-link 标签里面...

2020-05-27

41浏览

0评论

vue实现点击追加选中样式效果

DOM部分<ul> <li class="liMenu" :class="idx==index?'hover':''" @click="son(item,idx)" v-for="(item,idx) in menu" :key="idx">{{item}} </li...

2020-05-27

57浏览

0评论

解决vue项目刷新后,导航菜单高亮显示的位置不对问题

1本人在学vue项目时遇到一个坑、在写vue项目头部导航时，比如点击第三个，刷新后，高亮状态显示在第一个：现在是点击第三个页面刷新后，是第一个页面高亮显示，但是因为路由路径没有改...

2020-05-27

45浏览

0评论

vue iview的菜单组件Mune 点击不高亮的解决方案

前言：在项目中，我用到了vue +iview + vue-router 开发；然后导航条就使用了iview的Menu组件，结果发觉导航条的内容点击一次之后不会显示高亮样式，而是先跳转了，我再点击一次，才会...

2020-05-27

71浏览

0评论

javascript 关于赋值、浅拷贝、深拷贝的个人理解

一、栈、堆、指针地址　　栈内存：个人理解是，基本数据类型和引用数据类型都会用到的一个空间，这个空间以key-value形式存在，value本身不可修改，只能赋值替换；　　堆内存：堆，就是堆积...

2020-05-27

48浏览

0评论

Javascript 关于基本类型和引用类型的个人理解

1.基础类型A. 基础类型有5种，Number，String，Boolean，Null，UndefinedB. 基础类型没有堆的概念，堆只针对引用类型。所有基础类型都是以key-value形式存放在栈中，其中，基础类型的值不...

2020-05-27

99浏览

0评论

如何正确理解vue中的key详解

就目前所了解的情况，key的作用有以下这些。 v-for遍历时，用id，uuid之类作为key，唯一标识节点加速虚拟DOM渲染响应式系统没有监听到的数据，用+new Date()生成的时间戳作为key，手...

2020-05-27

62浏览

0评论

JavaScript算法学习之冒泡排序和选择排序

前言算法与数据结构构成了程序，数据结构用于实现数据的表示、存储、管理，算法通过使用数据完成一定的业务逻辑与操作，最终实现了程序的功能。因此算法在编程中的重要性是不言而...

2020-05-27

73浏览

0评论

JavaScript判断浏览器版本的方法

因为业务需求，项目经理让我做一个判断当前浏览器是否是谷歌浏览器，并确定谷歌浏览器版本，不满足谷歌浏览器和版本就显示一个页面提示升级，满足条件就跳转到我们的一个项目，下面先...

2020-05-27

67浏览

0评论

uni-app微信小程序登录并使用vuex存储登录状态的思路详解

微信小程序注册登录思路(这是根据自身的项目的思路,不一定每个项目都适用)1.制作授权登录框,引导用户点击按钮2.uni.login获取code3.把code传给后端接口,后端返回如下数据op...

2020-05-27

63浏览

0评论

小程序如何自主实现拦截器的示例代码

在一些框架中发现会提供一个很实用的功能：拦截器（interceptor）。例如要实现这个需求：小程序每次获取到定位后都存到 globalData 里：wx.getLocation({ // .. success(res) { getA...

2020-05-27

48浏览

0评论

JS立即执行的匿名函数用法分析

本文实例讲述了JS立即执行的匿名函数用法。分享给大家供大家参考，具体如下：;(function() {})();1.他叫做立即运行的匿名函数(也叫立即调用函数)2.当一个匿名函数被括起来，然后...

2020-05-27

97浏览

0评论

jQuery实现form表单基于ajax无刷新提交方法实例代码

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考，具体如下：首先，新建Login.html页面：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...

2020-05-27

103浏览

0评论

详解利用eventemitter2实现Vue组件通信

概述
当两个组件之间没有任何父子关系时，利用Vue标准的props传值和emit触发事件无法解决他们之间通信的问题。最近做的项目使用的是eventemitter2，来实现不相关组件之间的通信...

2020-05-27

65浏览

0评论

Vue.js页面中有多个input搜索框如何实现防抖操作

debounce简介debounce是lodash工具库中的一个非常好用的函数。在实现搜索框对输入进行动态查询的时候，我们需要防止前端频繁的发送查询请求给后端，这个时候就需要用到debounce...

2020-05-27

62浏览

0评论

JS+CSS实现随机点名(实例代码)

HTML代码结构<body> <div id="box">随机点名</div> <span id="span">开始</span></body>CSS代码结构<style> #box { width: 30%; height: 200px; background-co...

2020-05-27

140浏览

0评论

nodejs dgram模块广播+组播的实现示例

本机IP地址是10.8.93.80，具体信息如上图所示
根据计算得知我的广播地址应该是10.8.93.255，不是10.8.93.254哦。
其它内容就直接上代码
server.jsconst dgram = require('dgram...

2020-05-27

46浏览

0评论

nodejs实现UDP组播示例方法

众所周知，UDP数据传输方式有单播，组播，广播。
其中单播模式是最常用，这里就不再啰嗦了，网上随便都能搜到。下面的示例主要实现简单的UDP组播方式。可以正常收发UDP数据。Server...

2020-05-27

54浏览

0评论

Vue项目中Api的组织和返回数据处理的操作

项目中的所有Api配置放在一个文件中，便于查找和修改，Api的版本从配置文件(config.js)中读取，采用 apiPrefix + url 的形式组成。在配置文件中，Api 的配置采用 Http请求方式 url...

2020-05-27

92浏览

0评论

vue中使用GraphQL的实例代码

上篇给大家介绍了Java 使用 Graphql 搭建查询服务详解。这里我们讲讲如何在Vue中使用GraphQL。1. 初始化vue项目npm install -g @vue/clivue create vue-apollo-demo选择默...

2020-05-27

79浏览

0评论

vue 指令和过滤器的基本使用(品牌管理案例)

过滤器的基本使用定义一个过滤器<div id="app"> <p>{{ msg | msgFormat('疯狂+1', '123') | test }}</p> </div>// 定义一个 Vue 全局的过滤器，名字叫做 msgFormat Vue.fil...

2020-05-27

108浏览

0评论

Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】

本文实例讲述了Vue图片浏览组件v-viewer用法。分享给大家供大家参考，具体如下：v-viewer用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。从0.x迁移你需要做的...

2020-05-27

89浏览

0评论

p5.js绘制创意自画像

本文实例为大家分享了p5.js绘制自画像的具体代码，供大家参考，具体内容如下绘制结果人物头上的呆毛会一直运动，鼠标出现在画面上时左上角会有一个小猫咪头随着鼠标移动，而且人物...

2020-05-27

55浏览

0评论

使用p5.js临摹动态图片

本文实例为大家分享了p5.js临摹动态图片的具体代码，供大家参考，具体内容如下1、临摹图片2、图像运动规律原图中一共有36个等大的四分之三圆形，按照一定的规律转动，可以等效为圆...

2020-05-27

81浏览

0评论

vue双向绑定数据限制长度的方法

vue双向绑定数据如何限制长度？具体方法请阅读文章问题描述vue中输入框v-modle 双向绑定的数据；在需要的业务场景下需要对其进行字数长度限制；解决方案可以使用以下方法：方法一：//...

2020-05-27

97浏览

0评论

Vuex,iView UI面包屑导航使用扩展详解

本案例是基于Vuex的公共数据库，你在了解本案例之前要了解Vuex的使用方法。https://www.iviewui.com/components/breadcrumb打开网址我们可以知道这个组件的面包屑导航是基于...

2020-05-27

362浏览

0评论

VUE+elementui面包屑实现动态路由详解

我的路由：const routerMap = [ { path: '/', redirect: 'dashboard', component: Layout, name:'Dashboard', children: [ { path: 'dashboard'...

2020-05-27

493浏览

0评论

vue+elementUI动态生成面包屑导航教程

效果如下所示：项目需要动态生成面包屑导航,并且首页可以点击.其余为路径显示<el-menu :unique-opened="true" router :default-active="$route.path" @select="handleSelect"...

2020-05-27

137浏览

0评论

Vue 解决多级动态面包屑导航的问题

固定路由的面包屑导航我们在配置router的时候，可以将面包屑数据配置在meta中，例如路由配置：{ path: '/project/process/:id', name: 'process', component: () => import('@...

2020-05-27

246浏览

0评论

element-ui table组件如何使用render属性的实现

前言起因：在使用 element-ui table组件时，由于表列比较多一个个写特别麻烦，所以想通过将所有表头定义成一个数组，通过遍历多方式去实现。这样解决了手写很多 el-table-column 的...

2020-05-27

481浏览

0评论

Vue路由对象属性 .meta $route.matched详解

$route.fullPath1 路由是：/path/:type真正路径是：/path/list2 path匹配路径: /path/list3 fullPath匹配路由: /path/:type路由元信息 .metaconst router = new VueRouter({ ro...

2020-05-27

55浏览

0评论

vue实现权限控制路由(vue-router 动态添加路由)

用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。思路如下：一、定义初始化默认路由。二、动态配置路由，这里是把所有组件中相应的路由配置成一个个...

2020-05-27

325浏览

0评论

解决vue更新路由router-view复用组件内容不刷新的问题

本文知识点比较简单，主要面向vue新人解惑，vue前辈请忽略。实现功能：见上图，这是一个产品列表，当进入不同列表时应该更新内容。代码如下：//router配置{ path: "/products/:categor...

2020-05-27

254浏览

0评论

vue2.0 获取从http接口中获取数据,组件开发,路由配置方式

vue 2.0 从接口中获取数据<template> <div id="admins"> <h1>I am a title.</h1> <a> written by {{ author }} </a> <div v-for="admin in users"> {{admin.name}}<br...

2020-05-27

90浏览

0评论

关于vue里页面的缓存详解

keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。用法：运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。在keep-alive...

2020-05-27

46浏览

0评论

javascript如何实现create方法

这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1. 背景项目使用 easy...

2020-05-27

207浏览

0评论

vue keep-alive 动态删除组件缓存的例子

业务需求：切换tab页标签的时候（路由前进的时候），缓存当前组件数据，关闭tab页标签的时候清除组件缓存。实现：1、先在store的state里面设置一个要缓存数组2、在进到子页面的时候，更...

2020-05-27

572浏览

0评论

element-ui 文件上传修改文件名的方法示例

技术背景
Vue + axios + element-ui问题的产生
一个美好的周五，我正在愉快地打着代码，突然收到一封来自产品的神秘消息，线上活动出 BUG 了！呐尼！怎么可能！一定是你的打开方式不对！...

2020-05-27

42浏览

0评论

原生js实现随机点名功能

本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下原生js实现随机点名，js部分有注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2020-05-27

112浏览

0评论

Vue通过WebSocket建立长连接的实现代码

使用场景：　　在项目开发中，后端需要处理一连串的逻辑，或者等待第三方的数据返回来进行处理之后在返回给前端，可能时间会很长，而且前端也不知道后端什么时候能处理好（时间长的话会...

2020-05-27

533浏览

0评论

vue+vant-UI框架实现购物车的复选框全选和反选功能

购物车页面的设计图商品的列表代码：<ul v-if="shoppingListData.rows.length"><liv-for="(item,index) in shoppingListData.rows":key="index"><van-checkbox:value="item.g...

2020-05-27

91浏览

0评论

js实现随机点名程序

最近用到了一下随机点名程序，就自己整理一下。代码实现后的截图如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi...

2020-05-27

49浏览

0评论

node.js实现简单的压缩/解压缩功能示例

本文实例讲述了node.js实现简单的压缩/解压缩功能。分享给大家供大家参考，具体如下：压缩的例子非常简单的几行代码，就完成了本地文件的gzip压缩。var fs = require('fs');var z...

2020-05-27

热门文章