编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

122浏览

0评论

vue设置导航栏、侧边栏为公共页面的例子

首先，项目结构如下：想要让导航栏、侧边栏变为公共页面，则要在App.vue页面中加入。假设已经有了Header.vue和Left.vue，这里就不贴出来了，App.vue代码如下：<template> <div id="app"...

2020-05-27 02:17:14

54浏览

0评论

详解Vue后台管理系统开发日常总结(组件PageHeader)

在后台管理系统的日常开发过程中发现对于同一个业务下面的版块不同的开发同事每次都会重复写页面标题的样式，而且不同的页面标题还不太一样。虽然有的页面标题栏承载的元素不...

2020-05-27 02:17:13

71浏览

0评论

Vue实现导航栏的显示开关控制

一，制作导航栏<template> <div class="space_header_text"> <ul> <router-link to="/order"> <li class="nav-item"> <div :class="['iconfont','interval','iconClass']&qu...

2020-05-27 02:17:12

64浏览

0评论

vue自定义switch开关组件,实现样式可自行更改

用法：import switchc from './public/switch'<switchc v-model="value1" text="on|off"></switchc>属性text 非必填，类型为string，要求格式为“on|off” ,以 | 分隔事件changeh...

2020-05-27 02:17:11

85浏览

0评论

vue中beforeRouteLeave实现页面回退不刷新的示例代码

路由切换返回前一个路由时实现页面不刷新功能，首先想到的是keep-alive，但是页面不属于父子级关系，所以决定用beforeRouteLeave，下面贴代码beforeRouteLeave(to, from, next){ i...

2020-05-27 02:17:10

66浏览

0评论

vue 中固定导航栏的实例代码

点击按钮回顶<template lang="html"> <div class="gotop-box"> <i @click="gotop"class="icon topIcon"></i> </div></template><script>export default {methods: { gotop:...

2020-05-27 02:17:09

88浏览

0评论

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

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

2020-05-27 02:17:07

102浏览

0评论

JS实现动态星空背景效果

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

2020-05-27 02:17:06

77浏览

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 02:17:05

65浏览

0评论

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

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

2020-05-27 02:17:04

58浏览

0评论

js实现漂亮的星空背景

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

2020-05-27 02:17:03

98浏览

0评论

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

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

2020-05-27 02:17:02

112浏览

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 02:17:01

73浏览

0评论

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

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

2020-05-27 02:17:00

109浏览

0评论

浅谈小程序globalData的那些事儿

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

2020-05-27 02:16:59

73浏览

0评论

js实现旋转的星空效果

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

2020-05-27 02:16:58

67浏览

0评论

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

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

2020-05-27 02:16:57

99浏览

0评论

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

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

2020-05-27 02:16:56

79浏览

0评论

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

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

2020-05-27 02:16:55

102浏览

0评论

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

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

2020-05-27 02:16:54

92浏览

0评论

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

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

2020-05-27 02:16:53

65浏览

0评论

vue-router 中 meta的用法详解

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

2020-05-27 02:16:52

110浏览

0评论

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

先看看文件结构：

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

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

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

2020-05-27 02:16:50

67浏览

0评论

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

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

2020-05-27 02:16:49

79浏览

0评论

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

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

2020-05-27 02:16:48

93浏览

0评论

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

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

2020-05-27 02:16:47

58浏览

0评论

vue实现计步器功能

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

2020-05-27 02:16:46

368浏览

0评论

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

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

2020-05-27 02:16:45

90浏览

0评论

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

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

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

2020-05-27 02:16:44

58浏览

0评论

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

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

2020-05-27 02:16:42

81浏览

0评论

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

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

2020-05-27 02:16:41

42浏览

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 02:16:40

68浏览

0评论

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

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

2020-05-27 02:16:39

47浏览

0评论

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

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

2020-05-27 02:16:38

73浏览

0评论

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

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

2020-05-27 02:16:37

50浏览

0评论

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

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

2020-05-27 02:16:36

102浏览

0评论

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

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

2020-05-27 02:16:35

64浏览

0评论

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

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

2020-05-27 02:16:33

75浏览

0评论

JavaScript判断浏览器版本的方法

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

2020-05-27 02:16:32

76浏览

0评论

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

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

2020-05-27 02:16:31

65浏览

0评论

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

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

2020-05-27 02:16:30

51浏览

0评论

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

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

2020-05-27 02:16:29

100浏览

0评论

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

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

2020-05-27 02:16:28

105浏览

0评论

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

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

2020-05-27 02:16:27

67浏览

0评论

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

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

2020-05-27 02:16:26

64浏览

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 02:16:25

141浏览

0评论

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

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

2020-05-27 02:16:24

50浏览

0评论

nodejs实现UDP组播示例方法

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

2020-05-27 02:16:23

57浏览

0评论

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

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

2020-05-27 02:16:22

94浏览

0评论

vue中使用GraphQL的实例代码

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

2020-05-27 02:16:21

首页 «1485 148614871488 1489 »尾页

热门文章