JavaScript

详解vue.js2.0父组件点击触发子组件方法 2017-05-06

本篇文章主要介绍了详解vue.js2.0父组件点击触发子组件方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下之前关于vue.js2.0父组件的一点学习,最近需要回顾,就顺便发到随笔上了 <body> <div > <p>{{ total }}</p> <button-counter v-on:ee="in ...

JavaScript实现前端实时搜索功能 2017-03-29

JavaScript实现前端实时搜索功能
这篇文章主要为大家详细介绍了JavaScript实现前端实时搜索功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下大部分页面都具备搜索功能.而作为前端,我们的目的只是将用户输入的内容返回给后台而后呈现反馈数据给用户,具体实现如下: 1.基本布局: <div class="searcher"> <p class="searc ...

微信小程序五星评价功能的实现 2017-03-27

微信小程序五星评价功能的实现
这篇文章主要介绍了微信小程序 五星评价功能的实现的相关资料,这里附有实例代码及实现效果图,需要的朋友可以参考下微信小程序 五星评价功能 话不多说,我们来看一下效果图: 要实现的效果:点击到第几颗星,就要显示到第几颗星,   接下来直接查看源码: <view class="l-evalbox row"> <text class=" ...

微信小程序实现动态显示和隐藏某个控件 2017-03-25

这篇文章主要介绍了微信小程序 实现动态显示和隐藏某个控件的相关资料,需要的朋友可以参考下微信小程序 实现动态显示和隐藏某个控件 在小程序的开发过程中,经常需要用到隐藏某个控件这种情况. 因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jQuery mobile或者将canvas转为图片就可以很容易实现滑动效果,但是都不支持,最后只 ...

vue.js的安装方法 2017-03-08

vue.js的安装方法
这篇文章主要为大家详细介绍了vue.js的安装方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下一.简介 Vue.js 是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vu ...

Vuejs实现带样式的单文件组件新方法 2017-03-07

Vuejs实现带样式的单文件组件新方法
这篇文章主要为大家详细为大家详细介绍了Vuejs实现带样式的单文件组件的新方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了Vuejs实现单文件组件的方法,供大家参考,具体内容如下 代码如下: example.html <script src="vue.js"></script> <div > ...

Vue中使用vux的配置详解 2017-03-02

这篇文章主要为大家详细介绍了Vue中使用vux配置的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下Vue中使用vux的配置,分为两种情况: 一.根据vux文档直接安装,无需手动配置 npm install vue-cli -g // 如果还没安装 vue init airyland/vux2 my-project // 创建名为 my-project 的模板 c ...

微信小程序setData使用方法及常用错误解决办法 2017-02-27

这篇文章主要介绍了微信小程序 setData使用方法及常用错误解决办法的相关资料,需要的朋友可以参考下微信小程序 setData使用方法及常用错误解决办法 最近在弄微信小程序,类似于共享单车用来练练手,基本原理就是小程序发送经纬度给服务器,服务器从数据库中检索经纬度附近的单车传给小程序. 就在这里..没错就是这里,传回来的值是以jsonarray格式传过来的.我需要将jso ...

vue.js中mint-ui框架的使用方法 2017-02-18

vue.js中mint-ui框架的使用方法
这篇文章主要为大家详细介绍了vue.js中使用mint-ui框架的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文为大家分享了vue.js中mint-ui框架的使用方法,具体内容如下 1.安装vue2.0的mint-ui框架 npm install mint-ui -save 2.引用和使用框架,我用的是全部组件,也可以按需选择加载相应的组件,不过要使用bab ...

Jquery把获取到的input值转换成json 2017-02-17

本篇文章主要介绍了Jquery把获取到的input值转换成json的相关知识,具有很好的参考价值.下面跟着小编一起来看下吧话不多说,请看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh ...

js实现不提示直接关闭网页窗口 2017-02-01

js实现不提示直接关闭网页窗口
本文主要介绍了js实现不提示直接关闭网页窗口的方法.具有很好的参考价值,下面跟着小编一起来看下吧项目需要,用户在关闭当前页面时,可以点击页面中的按钮直接关闭网页窗口,但是不需要提示用户是否关闭窗口. 在网上找了下,使用添加一句如下代码即可: window.open('','_self'); function closePageForm(){ window.opener=nu ...

Vue.jstab实现选项卡切换 2017-01-24

这篇文章主要为大家详细介绍了Vue.js组件tab实现选项卡切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文为大家分享了Vuejs 组件化开发tab组件实例,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

Vue如何引入远程JS文件 2016-12-23

本篇文章主要介绍了Vue引入远程JS文件,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧问题 最近在使用 Vue 做东西,用到钉钉扫描登录的功能,这里需要引入远程的 js 文件,因为 Vue 的方式跟之前的不太一样,又不想把文件下载到本地应用,找了一下解决的方法,貌似都需要引入第三方的库,最后找到了解决方案,分享之. 思路 一开始的思路是在 Vu ...

vue.js中Vue-router2.0基础实践教程 2016-12-12

这篇文章主要给大家介绍了关于vue.js中Vue-router 2.0基础实践的相关资料,其中包括vue-router 2.0的基础用法.动态路由匹配.嵌套路由.编程式路由.命名路由以及命名视图等相关知识,需要的朋友可以参考借鉴,下面来一起看看吧.前言 Vue.js的一大特色就是构建单页面应用十分方便,既然要方便构建单页面应用那么自然少不了路由,vue-router就是vu ...

vue学习笔记之指令v-text&&v-html&&v-bind详解 2016-11-01

vue学习笔记之指令v-text&&v-html&&v-bind详解
这篇文章主要介绍了vue学习笔记之指令v-text && v-html && v-bind详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧一 : 指令的概念: 指令是vue自定义的以v-开头的自定义属性.每个不同的属性都有各自不同的意义和功能 二 : 指令的语法: v-指令名 = "表达式判断或者是业 ...

Vuex之理解Getters的用法实例 2016-10-09

这篇文章主要介绍了Vuex之理解Getters的用法实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧1.什么是getters 在介绍state中我们了解到,在Store仓库里,state就是用来存放数据,若是对数据进行处理输出,比如数据要过滤,一般我们可以写到computed中.但是如果很多组件都使用这个过滤后的数据,比如饼状图组件和曲线图组 ...

vue.js父组件使用外部对象的方法示例 2016-08-18

在我们日常开发中经常因为思维定式,我们会犯一些奇怪的错误,有时候看似简单的问题却给出了复杂的解决方案.下面这篇文章主要介绍了vue.js父组件使用外部对象的方法,这个看似简单却绕了一些弯路的问题,有必要和大家分享下,需要的朋友可以参考学习,下面来看看吧.最近在碰到有同学问我,vue父组件怎么使用外部对象,具体例子如下: 有组件a: <div @click=" ...

js实现滑动到页面底部自动加载更多功能 2016-08-12

本文主要分享了js实现滑动到页面底部自动加载更多功能的代码.具有很好的参考价值,下面跟着小编一起来看下吧话不多说,请看代码: //滚动条到页面底部加载更多案例 $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHeight = $(document ...

JS定时器用法分析时钟与菜单中的应用 2016-07-21

JS定时器用法分析时钟与菜单中的应用
这篇文章主要介绍了JS定时器用法,结合时钟与菜单中的应用分析了JS中setInterval与setTimeout操作时间的相关技巧,需要的朋友可以参考下本文实例分析了JS定时器用法.分享给大家供大家参考,具体如下: 开启定时器: setInterval 间隔型    //一旦启动就不会停,重复执行setTimeout 延迟型   //只执行一次 停止定时器: clearIn ...

详解vue-router2.0常用基础知识点之导航钩子 2016-07-04

本篇文章主要介绍了vue-router 2.0 常用基础知识点之导航钩子,具有一定的参考价值,感兴趣的小伙伴们可以参考一下导航钩子 vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消.有多种方式可以在路由导航发生时执行钩子:全局的, 单个路由独享的, 或者组件级的. 全局钩子 const router = new VueRouter({ ... }) ...