JavaScript - 教程之家

103浏览

0评论

jQuery高级编程之js对象、json与ajax用法实例分析

本文实例讲述了jQuery高级编程之js对象、json与ajax用法。分享给大家供大家参考，具体如下：js对象创建js对象的两种方式：1.通过new Object创建：var p1 = new Object();// 设置属...

2020-05-27

116浏览

0评论

JS实现动态星空背景效果

本文实例为大家分享了JS实现动态星空背景的具体代码，供大家参考，具体内容如下这里我截取的是一个图片，实际上是会动的。废话不多说，上代码。
HTML：<canvas id="canvas"></canvas...

2020-05-27

92浏览

0评论

vue实现跳转接口push 转场动画示例

1.index.js 配置子路由children。import Vue from 'vue'import Router from 'vue-router'import SingerDetail from 'components/singer-detail/singer-detail'Vue.use(Rout...

2020-05-27

84浏览

0评论

Vue实现push数组并删除的例子

最近在用Vue做评论互动的时候用到了push，因为项目是迭代开发，所以现在做一个简易的demo回顾下<template> <div> <ul v-for="(item , index) in list" :key="index"> <li>...

2020-05-27

71浏览

0评论

js实现漂亮的星空背景

本文实例为大家分享了js实现漂亮星空背景的具体代码，供大家参考，具体内容如下html代码：<div class="stars"></div>css代码 html, body { height: 100%; overflow: hidden; } bo...

2020-05-27

123浏览

0评论

vue.js路由mode配置之去掉url上默认的#方法

比如： http://localhost:8080/#/login 路由中间默认带有 #如果需要去掉#，只需将mode的默认值'hash'改为'history'即可。router.js :import Router from 'vue-router'import r...

2020-05-27

132浏览

0评论

vue实现配置全局访问路径头(axios)

在vue中用axios发送请求的时候总是：axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})配置全局的url:1.安装axios:npm insta...

2020-05-27

91浏览

0评论

小程序怎样让wx.navigateBack更好用的方法实现

相信只要开发过小程序，对wx.navigateBack 这个 api都不会陌生。在摩拜单车的小程序中，它也被改造的更方便满足复杂的业务需求，可谓之增强型的 wx.navigateBack。先来看看官方...

2020-05-27

124浏览

0评论

浅谈小程序globalData的那些事儿

我在严冬下掘起结冰的泥土，我在黑暗的战壕里跃动，我用生命守护房屋的石板，我在散发着焦土味的废墟下长眠。小程序中，除了每个页面有自己的 data，还有个全局数据存储地方：globalDat...

2020-05-27

89浏览

0评论

js实现旋转的星空效果

本文实例为大家分享了js实现旋转的星空效果的具体代码，供大家参考，具体内容如下<!DOCTYPE HTML><html lang="en"> <head> <meta charset="utf8"> <meta name="viewport" conte...

2020-05-27

84浏览

0评论

在vue中利用全局路由钩子给url统一添加公共参数的例子

有的时候我们可能有这样的需求,比如现在url为m.taoyuewenhua.com/#/ 我们需要在用户每次跳转路由的时候监控有没有abc这个参数. 如果有,后端要求我们在以后跳转任何url的时...

2020-05-27

113浏览

0评论

vue设置动态请求地址的例子

需求：在开发和生产环境下，请求不同的地址（http or ws），使其置入线上环境，无论是什么域名都不用手动更改请求地址思路：使前端请求接口地址简单化上代码：在vuex中设置总的接口地址，然后...

2020-05-27

98浏览

0评论

JS中自定义事件的使用与触发操作实例分析

本文实例讲述了JS中自定义事件的使用与触发操作。分享给大家供大家参考，具体如下：1. 事件的创建JS中，最简单的创建事件方法，是使用Event构造器：var myEvent = new Event('event_n...

2020-05-27

117浏览

0评论

js+canvas实现两张图片合并成一张图片的方法

本文实例讲述了js+canvas实现两张图片合并成一张图片的方法。分享给大家供大家参考，具体如下：JS和canvas的合成方式function drawAndShareImage(){ var canvas = document.cr...

2020-05-27

111浏览

0评论

VUE 解决mode为history页面为空白的问题

当router.js 中mode:history 发现刷新页面不显示了，原因出来history的请求路径资源不存在了，这个需要后端配置的，前端需要修改一个地方即可, devServer: { port: 8000...

2020-05-27

85浏览

0评论

vue-router 中 meta的用法详解

如果我想做下面这个功能：路由代码：用这个获取以上这篇vue-router 中 meta的用法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...

2020-05-27

132浏览

0评论

微信小程序定义和调用全局变量globalData的实现

先看看文件结构：

1.现在app.js里面定义globalData对应的全局变量

2.然后在其他js文件进行调用。例如在photo.js里面

要注意的是需要在文件开始的时候初始化 app这个...

2020-05-27

84浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

111浏览

0评论

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

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

2020-05-27

77浏览

0评论

vue实现计步器功能

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

2020-05-27

401浏览

0评论

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

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

2020-05-27

109浏览

0评论

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

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

63浏览

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

90浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

124浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

93浏览

0评论

JavaScript判断浏览器版本的方法

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

2020-05-27

103浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

122浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

82浏览

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

164浏览

0评论

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

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

2020-05-27

66浏览

0评论

nodejs实现UDP组播示例方法

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

114浏览

0评论

vue中使用GraphQL的实例代码

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

131浏览

0评论

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

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

2020-05-27

118浏览

0评论

p5.js绘制创意自画像

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

2020-05-27

74浏览

0评论

使用p5.js临摹动态图片

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

116浏览

0评论

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

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

2020-05-27

热门文章