JavaScript

一个可复用的vue分页组件 2017-06-05

这篇文章主要为大家详细介绍了一个可复用的vue分页组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下不废话,先上组件文件pages.vue: <template> <div class="pages-box" v-if="pageTotal > 0"> <ul class="pages ...

Vue.2.0.5实现Class与Style绑定的实例 2017-06-05

本篇文章主要介绍了Vue.2.0.5实现Class 与 Style 绑定的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式.因为它们都是属性 ,我们可以用v-bind 处理它们:只需要计算出表达式最终的字符串.不过,字符串拼接麻烦又易错.因此,在 v-bind 用于 cl ...

jQuery上传多张图片带进度条样式DEMO 2017-05-19

这篇文章主要介绍了jQuery上传多张图片带进度条样式,非常不错,具有参考借鉴价值,需要的朋友可以参考下下面一段代码给大家分享jquery上传多种图片带进度条样式,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <tit ...

Vue.js原理分析之observer模块详解 2017-05-17

Vue.js原理分析之observer模块详解
这篇文章主要介绍了Vue.js中observer模块的相关资料,文中通过原理分析介绍还是相对的详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧.介绍 observer是Vue核心中最重要的一个模块(个人认为),能够实现视图与数据的响应式更新,底层全凭observer的支持. 注意:[email protected] observer模块在Vue项目中的代码 ...

Vue声明式渲染详解 2017-05-04

Vue声明式渲染详解
这篇文章主要介绍了Vue声明式渲染详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM,也就是将模板中的文本数据写进DOM中,使用  {{data}}  的格式写入.此代码都是Vue.js官网上的实例. 1.首先导入Vue.js <script type=&quo ...

利用webstrom调试Vue.js单页面程序的方法教程 2017-03-11

利用webstrom调试Vue.js单页面程序的方法教程
这篇文章主要给大家介绍了利用webstrom调试Vue.js单页面程序的方法教程,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧.前言 使用 webstrom 调试 Vue.js 单页面程序,理论上来说应该是支持所有用 webpack 构建的应用程序 webstrom 版本:2017.1 代码:使用 vue-cli 构建的基础单页 ...

很棒的vue弹窗组件 2017-02-15

这篇文章主要为大家详细介绍了vue弹窗组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下弹窗是一个项目必备的复用利器,所以封装起来,保证项目ui一致,是很有必要的.学了一段时间vue,想想还是用vue写一下吧.用的很小白,但是会写出来了,说明我也有进步一丢丢了.继续加油-. 代码贴图如下,样式比较丑,不要介意- <!DOCTYPE html> &l ...

详解Angular之constructor和ngOnInit差异及适用场景 2017-02-04

这篇文章主要介绍了详解Angular之constructor和ngOnInit差异及适用场景的相关资料,有兴趣的可以了解一下Angular中根据适用场景定义了很多生命周期函数,其本质上是事件的响应函数,其中最常用的就是ngOnInit.但在TypeScript或ES6中还存在着名为constructor的构造函数,开发过程中经常会混淆二者,毕竟它们的含义有某些重复部分,那n ...

原生js二级联动效果 2016-12-19

这篇文章主要为大家详细介绍了原生js二级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下今天说的这个是原生js的二级联动,在空白页面里动态添加并作出相对应的效果. //创建两个下拉列表 select标签 是下拉列表 var sel = document.createElement("select"); var sel1 = document.c ...

浅谈Vuev-model指令的实现原理 2016-11-26

浅谈Vuev-model指令的实现原理
vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定, 我们来看一下它的效果: 输入框的值和一个数据是绑定的,输入框的值变化,和他绑定的值也会发生变化 我们可以参照官方文档的例子    http ...

js监听键盘事件的方法_原生和jquery的区别详解 2016-11-26

下面小编就为大家带来一篇js监听键盘事件的方法_原生和jquery的区别详解.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧经常需要监听键盘的事件,以便做更好的操作,基本原理是:监听全局键盘,每一个键盘,当用户按下某一按键时,返回对应的键值,然后再判断用户按下了哪一科按键,键值对应按键的名称在最下面列出,自行比对.去以下介绍两种不同的方式 原生 ...

vue2自定义动态组件所遇到的问题 2016-11-23

vue2自定义动态组件所遇到的问题
这篇文章主要介绍了vue2 自定义 动态组件的实现方法,需要的朋友可以参考下下面讲一下如何定义动态组件.  Vue.extend  思路就是拿到组件的构造函数,这样我们就可以new了.而Vue.extend可以做到:https://cn.vuejs.org/v2/api/#Vue-extend // 创建构造器 var Profile = Vue.extend({ temp ...

jQuery获取select选中值及清除选中状态 2016-10-28

这篇文章主要介绍了jQuery 获取select选中值及清除选中状态的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时. 这里先记一下省的以后会忘了. 获取jQuery中select下拉列表中的lang属性值: <span sty ...

JavaScript用200行代码制作打飞机小游戏实例 2016-09-23

JavaScript用200行代码制作打飞机小游戏实例
本篇文章主要介绍了JavaScript用200行代码制作打飞机小游戏实例,非常具有实用价值,需要的朋友可以参考下我去,我的图片分数被这个录屏软件的水印盖上了,扎心. 这个程序的文件以及代码全部上传到了github 程序下载链接传送门 这是自己第一次通过js写的小游戏,那个时候对象的原理跟结构体的概念不是特别的清晰,所以没用对象来写,所以直接导致后期我对这个程序进行修改的时候 ...

ZeroClipboard.js使用一个flash复制多个文本框 2016-09-16

这篇文章主要为大家详细介绍了ZeroClipboard.js使用一个flash复制多个文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下ZeroClipboard.js是一个支持复制和粘贴的JavaScript插件,目前官方已经到2.x的版本了,但不支持IE9以下的浏览器,而如果要兼容,则可以使用1.x的版本,我使用的是最开始的一个版本:1.0.7的.该版本支持IE7 ...

jQuery实现的瀑布流加载效果示例 2016-09-01

jQuery实现的瀑布流加载效果示例
这篇文章主要介绍了jQuery实现的瀑布流加载效果,结合实例形式分析了jQuery基于数学运算与事件响应实现页面瀑布流加载的功能,需要的朋友可以参考下本文实例讲述了jQuery实现的瀑布流加载效果.分享给大家供大家参考,具体如下: demo.js: $(function(){ $('img').load(function(){ var box = $('.box'); va ...

详解如何在vue项目里正确地引用jquery和jquery-ui的插件 2016-08-07

详解如何在vue项目里正确地引用jquery和jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 // 在开头引入webpack,后面的plugins那里需要 var ...

详解Vue方法与事件处理器 2016-07-30

本篇文章主要介绍了详解Vue 方法与事件处理器 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧方法与事件处理器 方法处理器 可以用 v-on 指令监听 DOM 事件: <div > <button v-on:click="greet">Greet</button> </div> ...

如何解决vue与传统jquery插件冲突 2016-07-16

本篇文章主要介绍了如何解决vue与传统jquery插件冲突,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本篇文章主要介绍了如何解决vue与传统jquery插件冲突,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 比如基于jquery的select2插件,在vue下单独用有很多问题,其实对于这类插件,可以用vue的自定 ...

JS实现简单拖拽效果 2016-07-05

这篇文章主要为大家详细介绍了JS实现拖拽效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了JS实现拖拽效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g ...