vue实现点击追加选中样式效果
DOM部分 <ul> <li class="liMenu" :class="idx==index?'hover':''" @click="son(item,idx)" v-for="(item,idx) in menu" :key="idx">{{item}} </li>...
- 0
- 0
- admin
- 发布于 2020-07-27 22:23
- 阅读 ( 529 )
admin
vue 导航内容设置选中状态样式的例子
如图所示，我们一般需要切换的时候选中导航给个active样式， 而router-link 标签 在选中的时候 会自动给整个标签添加一个 router-link-active的class 可给router-link 标签里面的span、i标...
- 0
- 0
- admin
- 发布于 2020-07-27 22:22
- 阅读 ( 540 )
使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码
使用 Angular RouteReuseStrategy 缓存组件 Cache components with Angular RouteReuseStrategy RouteReuseStrategy provider 允许我们控制 Angular 路由和组件生命周期的行为。 当我们在组...
- 0
- 0
- admin
- 发布于 2020-07-27 22:21
- 阅读 ( 543 )
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
- 阅读 ( 539 )
js canvas实现星空连线背景特效
本文实例为大家分享了js canvas星空连线背景的具体代码，供大家参考，具体内容如下 <html> <head> <meta charset="UTF-8"> <title>canvas星空连线背景特效</tit...
- 0
- 0
- admin
- 发布于 2020-07-27 22:19
- 阅读 ( 532 )
VUE 解决mode为history页面为空白的问题
当router.js 中mode:history 发现刷新页面 不显示了，原因出来history的请求路径资源不存在了，这个需要后端配置的， 前端 需要修改一个地方即可, devServer: { port: 8000, h...
- 0
- 0
- admin
- 发布于 2020-07-27 22:17
- 阅读 ( 518 )
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 )
