echarts X轴数据过多时动态间隔N个显示

echarts图表x轴内容过多时会显示不开挤在一起,其实解决很简单,现在在以前讲的基础上在做一下动态间隔,不论X轴有多少数据,自己去计算间隔多少个的方法。 下面的示例是在组件内粘贴的,只...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-27 15:57
  • 阅读 ( 1798 )

js实现漂亮的星空背景

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 23:07
  • 阅读 ( 606 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:54
  • 阅读 ( 575 )

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(Router) export de...

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:52
  • 阅读 ( 567 )

JS实现动态星空背景效果

这里我截取的是一个图片,实际上是会动的。废话不多说,上代码。 HTML: <canvas id="canvas"></canvas> CSS: /*css reset */ body,p,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h...

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:50
  • 阅读 ( 544 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:49
  • 阅读 ( 555 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:48
  • 阅读 ( 538 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:47
  • 阅读 ( 580 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-25 22:39
  • 阅读 ( 541 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:46
  • 阅读 ( 555 )

vue 实现路由跳转时更改页面title

一、router文件夹下的index文件中给每个path添加meta:{}: export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'title1' }...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:46
  • 阅读 ( 529 )

Node.js开发之套接字(socket)编程入门示例

本文实例讲述了Node.js套接字(socket)编程。分享给大家供大家参考,具体如下: Node.js的net模块提供了socket编程接口,方便我们利用较为底层的套接字接口来实现应用协议。这次我们看一个简单...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:45
  • 阅读 ( 551 )

小程序识别身份证,银行卡,营业执照,驾照的实现

最近老是有同学问我小程序ocr识别的问题,就趁机研究了下,实现了小程序识别身份证,银行卡,驾照,营业执照,图片文字的功能。今天来给大家讲讲详细的实现流程。 先画一张流程图出来 第一...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:44
  • 阅读 ( 514 )

NodeJS http模块用法示例【创建web服务器/客户端】

本文实例讲述了NodeJS http模块用法。分享给大家供大家参考,具体如下: Node.js提供了http模块,用于搭建HTTP服务端和客户端。 创建Web服务器 /** * node-http 服务端 */ let http = requ...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:44
  • 阅读 ( 523 )

node.js域名解析实现方法详解

本文实例讲述了node.js域名解析实现方法。分享给大家供大家参考,具体如下: 域名解析:dns.lookup() 比如我们要查询域名 www.qq.com 对应的ip,可以通过dns.lookup()。 var dns = require('...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:43
  • 阅读 ( 505 )

node.js文件操作系统实例详解

本文实例讲述了node.js文件操作。分享给大家供大家参考,具体如下: 文件读取 普通读取 同步读取 var fs = require('fs'); var data; try{ data = fs.readFileSync('./fileForRead.txt',...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:43
  • 阅读 ( 545 )

Vue中使用matomo进行访问流量统计的实现

之前做到了一个页面及接口访问流量统计的需求, 然后在网上找了很多帖子,发现有些有的但是写的都不是很详细,所以今天就整理了一下 正文 第一步 首先自然是引入matomo npm i vue-matomo 第二...

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:42
  • 阅读 ( 501 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:41
  • 阅读 ( 576 )

js实现随机点名程序

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:41
  • 阅读 ( 491 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-24 22:40
  • 阅读 ( 531 )