javascript技巧

vue双向绑定简要分析 2017-03-12

vue双向绑定简要分析
这篇文章主要介绍了vue双向绑定的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下Vue是当前很火的一款MVVM的轻量级框架,它是以数据驱动和组件化的思想构建的.因为它提供了简洁易于理解的api,使得我们很容易上手. Vue与MVVM 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需 ...

Bootstrap警告Alerts的实现方法 2017-03-08

Bootstrap警告Alerts的实现方法
这篇文章主要为大家详细介绍了Bootstrap警告Alerts的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下Bootstrap 所提供的用于警告的 class,可以通过创建一个 <div>,并向其添加一个 .alert class 和四个上下文 class(即 .alert-success..alert-info..alert-warning..a ...

JS填写银行卡号每隔4位数字加一个空格 2017-03-04

这篇文章主要介绍了JS填写银行卡号每隔4位数字加一个空格的相关资料,需要的朋友可以参考下1.原生js写法 !function () { document.getElementById('bankCard').onkeyup = function (event) { var v = this.value; if(/\S{5}/.test(v)){ this.value = v ...

移动端刮刮乐的实现方式js+HTML5 2017-02-14

移动端刮刮乐的实现方式js+HTML5
本篇文章主要介绍了移动端刮刮乐的实现方法以及实现代码.具有很好的参考价值.下面跟着小编一起来看下吧程序员有一种惯性思维,就是看见一些会动的东西(带点科技含量的,猫啊,狗啊就算了),总要先想一遍,这玩意用代码是怎么控制的.比如电梯,路边的霓虹灯,遥控器,小孩子的玩具等,都统统被程序员"意淫"过. 有时候还会感觉程序员看世界会看的透彻一点.......... ...

js手机号4位显示空格,银行卡每4位显示空格效果 2017-01-25

这篇文章主要介绍了js手机号4位显示空格,银行卡每4位显示空格效果,手机号和银行卡号,按照每4位显示一个空格的需求,非常具有实用价值,需要的朋友可以参考下.开发有时候会遇到输入手机号和银行卡号,按照每4位显示一个空格的需求,方便用户阅读,如果是纯展示,就很容易实现,如果是一边输入一边展示则有点难度 有人用两个input实现,一个负责输入数据,但是透明看不见,另外一个展示在界 ...

BootStrap+Mybatis框架下实现表单提交数据重复验证 2017-01-21

BootStrap+Mybatis框架下实现表单提交数据重复验证
这篇文章主要介绍了BootStrap+Mybatis框架下实现表单提交数据重复验证功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下效果: jsp页面: <form class="form-horizontal lui-tj-bd" method="post"> <div class="row" ...

javascript实现的图片预览功能 2017-01-02

这篇文章主要介绍了javascript实现的图片预览功能,结合实例形式分析了javascript针对图片预览相关功能实现技巧与注意事项,需要的朋友可以参考下本文实例讲述了javascript实现的图片预览功能.分享给大家供大家参考,具体如下: 1.将下面的代码复制到<head>内 <script> /* Thumbnail image viewer- ...

基于JS实现bookstore静态页面的实例代码 2016-11-30

基于JS实现bookstore静态页面的实例代码
本文给大家分享一段核心代码基于js实现的bookstore静态页面,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下先给大家展示下效果图,如果感觉还不错,请参考实现代码: bookstore静态页面代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&q ...

JavaScript实现简单精致的图片左右无缝滚动效果 2016-11-17

这篇文章主要介绍了JavaScript实现简单精致的图片左右无缝滚动效果,涉及javascript结合时间函数动态操作页面元素属性的相关技巧,需要的朋友可以参考下本文实例讲述了Javascript实现简单精致的图片左右无缝滚动效果.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr ...

JS去掉字符串前后空格或去掉所有空格的用法 2016-11-12

这篇文章主要介绍了JS去掉字符串前后空格或去掉所有空格的用法,需要的朋友可以参考下1.  去掉字符串前后所有空格: 代码如下: function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); }     说明:     如果使用jQuery直接使用$.trim(str)方法即可,str表示要去 ...

ionic组件ion-tabs选项卡切换效果实例 2016-10-13

ionic组件ion-tabs选项卡切换效果实例
这篇文章主要为大家详细介绍了ionic组件ion-tabs选项卡切换效果实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下介绍 ion-tabs是ionic中的选项卡组件,路由使用的是angular-ui-router.js.因此必须先掌握uiRoute. 效果图 实例代码 index.html <body ng-app="starter"&g ...

CodeMirrorjs代码加亮使用总结 2016-10-04

一个基于JavaScript的代码编辑器,CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示.此外,CodeMirror还支持代码自动完成.搜索/替换.HTML预览.行号.选择/搜索结果高亮.可视化tab.代码自动格式等CodeMirror是一个基于Javascript的代码编辑器,CodeMirror支持大量语言的语法高亮,也包括css, ...

JavaScript面试题大全(推荐) 2016-10-03

在javascript开发中,js面试题是必问的一项,今天小编抽时间给大家整理些js常见的面试题,对js面试题相关知识感兴趣的朋友一起看看吧1.求y和z的值是多少? <script type="text/javascript"> var x = 1; var y = 0; var z = 0; function add(n){n=n+1;} ...

javascript实现圣旨卷轴展开效果代码分享 2016-09-20

javascript实现圣旨卷轴展开效果代码分享
本文主要介绍了javascript实现圣旨卷轴展开效果的示例代码.具有很好的参考价值.下面跟着小编一起来看下吧效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type ...

JavaScript字符串数字左补位,右补位,取固定长度,截位扩展函数代码 2016-09-15

这篇文章主要介绍了JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码,需要的朋友可以参考下有时候我们的日期等不足两位的补一个0等,都可以使用这个. 这个大家应该都很明白了,就不废话了,代码如下: String.prototype.padLeft = Number.prototype.padLeft = function(total, pad) { ...

利用JS实现页面删除并重新排序功能 2016-09-13

这篇文章主要介绍了利用JS实现页面删除并重新排序功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下首先,用jqury选择器,选中勾选的行: var cks = $("#indicator_table").find("input[type='checkbox']:checked"); 然后弹出一个确认是否删除框,为是否删除框中的确定 ...

JavaScripthtml5利用FileReader实现上传功能 2016-08-24

JavaScripthtml5利用FileReader实现上传功能
这篇文章主要为大家详细介绍了JavaScript html5利用FileReader实现上传功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了H5利用FileReader上传文件的具体代码,供大家参考,具体内容如下 1. Html部分 <h2>文件上传演练</h2> <div > <!-- 这里用来显示读取结 ...

js中toString()和String()区别详解 2016-07-27

本文主要介绍了js中toSring和Sring的区别.具有很好的参考价值.下面跟着小编一起来看下吧我们知道String()与 .toString()都是可以转换为字符串类型,但是String()与 .toString()的还是有区别的 1..toString()可以将所有的的数据都转换为字符串,但是要排除null 和 undefined 例如将false转为字符串类型 va ...

React快速入门教程 2016-06-05

React快速入门教程
本文主要介绍了React的相关知识,具有一定的参考价值,下面跟着小编一起来看下吧简介 Facebook官网介绍:React 是一个用来构建用户界面的 JavaScript 库.相当于 MVC 架构的 V 层. React 的核心思想是:封装组件,各个组件维护自己的状态和UI,当状态变更,自动重新渲染整个组件. React的优点(React为什么这么火?): 组成 React ...

ionic中列表项增加和删除的实现方法 2016-06-02

ionic中列表项增加和删除的实现方法
在项目中遇到表单似的页面,需要进行增加一行和减少一行的操作,基于ionic怎么实现呢?下面小编给大家分享ionic中列表项增加和删除的实现方法,一起看看吧 在项目中遇到表单似的页面,需要进行增加一行和减少一行的操作,例如:   要实现可以选中商品,以及对商品的信息列表进行显示与否的操作 html代码如下: <div class="chanpinxiangqi ...