vue实现计步器功能

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:20
  • 阅读 ( 598 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:20
  • 阅读 ( 540 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:19
  • 阅读 ( 533 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:17
  • 阅读 ( 519 )

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

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

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

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:15
  • 阅读 ( 558 )

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

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

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

js实现旋转的星空效果

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:14
  • 阅读 ( 520 )

浅谈小程序globalData的那些事儿

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:13
  • 阅读 ( 534 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:13
  • 阅读 ( 550 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:12
  • 阅读 ( 530 )

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

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

  • 0
  • 0
  • admin
  • 发布于 2020-07-27 22:12
  • 阅读 ( 550 )

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 )