javascript技巧

JavaScript实现二分查找实例代码 2017-02-14

二分查找的前提为:数组.有序.这篇文章主要介绍了JavaScript实现二分查找实例代码,需要的朋友可以参考下二分查找的前提为:数组.有序.逻辑为:优先和数组的中间元素比较,如果等于中间元素,则直接返回.如果不等于则取半继续查找. /** * 二分查找,递归实现. * @param target * @param arr * @param start * @param en ...

JS中的phototype详解 2017-01-04

本文主要介绍了JS中phototype的相关知识.具有很好的参考价值,下面跟着小编一起来看下吧1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展.我们称B的原型为A. 2 javascript的方法可以分为三类: a 类方法 b 对象方法 c 原型方法 例子: fu ...

微信小程序下拉列表的实现实例代码 2016-12-26

这篇文章主要介绍了微信小程序 下拉列表的实现实例代码的相关资料,需要的朋友可以参考下微信小程序 下拉列表 wxml代码: <view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPe ...

详解Vue生命周期的示例 2016-12-13

详解Vue生命周期的示例
本篇文章主要介绍了详解Vue生命周期的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧一 vue的生命周期如下图所示(很清晰)   二 vue生命周期的栗子  注意触发vue的created事件以后,this便指向vue实例,这点很重要 <!DOCTYPE html> <html> <head> <m ...

JavaScript实现经典排序算法之冒泡排序 2016-12-01

这篇文章主要介绍了JavaScript实现经典排序算法之冒泡排序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下冒泡排序可谓是最经典的排序算法了,它是基于比较的排序算法,时间复杂度为O(n^2),其优点是实现简单,n较小时性能较好. 1)算法原理       相邻的数据进行两两比较,小数放在前面,大数放在后面,这样一趟下来,最小的数就被排在了第一位,第二趟也是如此,如此类 ...

Vue.js之slot深度复制详解 2016-11-15

这篇文章主要介绍了Vue.js之slot深度复制的相关资料,文中介绍的很详细,对大家具有一定的参考价值,需要的朋友们来一起看看吧.前言 在Vue中,slot是一个很有用的特性,可以用来向组件内部插入一些内容.slot就是"插槽"的意思,用大白话说就是:定义组件的时候留几个口子,由用户来决定插入的内容. 例如我们定义一个组件MyComponent,其包含一 ...

js实现产品缩略图效果 2016-10-20

js实现产品缩略图效果
本文主要介绍了js实现产品缩略图效果的实例.具有很好的参考价值.下面跟着小编一起来看下吧效果图: 代码如下: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> < ...

纯js仿淘宝京东商品放大镜功能 2016-10-19

纯js仿淘宝京东商品放大镜功能
本文主要介绍了纯js仿淘宝京东商品放大镜功能的实例.具有很好的参考价值,下面跟着小编一起来看下吧效果图: 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <tit ...

setTimeout学习小结 2016-10-02

setTimeout学习小结
本文主要介绍了setTimeout原理:setTimeoutfunction{..},0的意义:setTimeout的this指向和参数问题.具有很好的参考价值,下面跟着小编一起来看下吧大致介绍 今天看了一篇文章,觉得写得不错,所以学习了一下,这篇博客是我自己的理解和总结 原文:你应该知道的 setTimeout 秘密 主要内容: 1.setTimeout原理 2.setT ...

jsreturn返回多个值,通过对象的属性访问方法 2016-08-23

下面小编就为大家带来一篇js return返回多个值,通过对象的属性访问方法.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧return返回多个值,通过对象的属性访问 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

Vue.directive自定义指令的使用详解 2016-07-18

本篇文章主要介绍了Vue.directive自定义指令的使用详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下.很多教程都是在讲自定义指令的概念和语法,看的相当蛋疼.本文不讲语法和概念,只讲用法. 自定义指令基本就是用来操作DOM的,虽然官方推荐数据驱动视图,有时候还是需要自定义指令来操作DOM,指令可复用. 1. 自定义指令实现拖拽 HTML: <div v-d ...

JS动态加载脚本并执行回调操作 2016-07-05

这篇文章主要为大家详细介绍了JS动态加载脚本并下载完成后执行回调操作,感兴趣的小伙伴们可以参考一下关于在javascript里面加载其它的js文件的问题可能很多人都遇到过,但很多朋友可能并不知道怎么判断我们要加载的js文件是否加载完成,如果没有加载完成我们就调用文件里面的函数是不会成功的.本文讲解怎么在js中加载其它js文件并在加载完成后执行回调函数.  我们可以动态的创建 ...

BootStrap表单宽度设置方法 2016-07-03

BootStrap表单宽度设置方法
这篇文章主要介绍了BootStrap表单宽度设置方法,仅仅是小编日常遇到问题记录,写的不好还请见谅,需要的朋友可以参考下用bootstrap的栅格" coll-md- "命令设置宽度总是不尽人意,有时上下框对不齐,有时上下宽度又不齐,这时建议用"style="width:100px" " <div class ...

原生js实现返回顶部缓冲效果 2016-06-27

本文主要分享了原生js实现返回顶部缓冲效果的示例代码.具有一定的参考价值,下面跟着小编一起来看下吧运行原理 通过定时器30毫秒执行一次滚动条上升,每次上升的高度为当前高度的80%,这样就达到了上升缓冲的动画效果. 判断当滚动条高度超过一屏时,按钮显示,默认隐藏 知识要点 scrollTop//获取滚动条高度 需要写兼容 clientHeight//可视窗口高度 需要写兼容 ...

bootstrap制作jsp页面根据值让table显示选中 2016-06-10

这篇文章主要为大家详细介绍了bootstrap做的jsp页面,根据值让table显示选中,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了bootstrap制作jsp页面的具体代码,告诉大家如何让table显示选中,供大家参考,具体内容如下 <%@ page language="java" contentType="t ...

bootstrap输入框组件使用方法详解 2016-05-20

bootstrap输入框组件使用方法详解
这篇文章主要为大家详细介绍了bootstrap输入框组件使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了bootstrap输入框组的具体使用方法,供大家参考,具体内容如下 1.基本用法 我们有时需要在输入框一侧或两侧添加额外的元素 这个时候只需要把所有元素都包裹在一个.input-group的div里面就可以 但是每个输入框组只能有一个inpu ...

bootstraptable之通用方法时间控件,导出,动态下拉框,表单验证,选中与获取信息代码分享 2016-05-07

这篇文章主要介绍了bootstrap table之通用方法 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息代码分享,非常不错,具有参考借鉴价值,需要的朋友参考下吧1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.suc ...

常用的js方法合集 2016-04-20

本文主要介绍了常用的js方法的相关知识.具有很好的参考价值.下面跟着小编一起来看下吧数组及对象深拷贝 var arr = [1,'2',{a:1,b:[1,2]}]; function deepCopy(p, c) { var c = c || {}; for (var i in p) { if (typeof p[i] === 'object' && p[ ...

js实现返回顶部效果 2016-04-03

本文主要介绍了js实现返回顶部效果的实例.具有很好的参考价值.下面跟着小编一起来看下吧话不多说,请看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. ...

微信小程序开发教程-手势解锁实例 2016-03-28

微信小程序开发教程-手势解锁实例
手势解锁是app上常见的解锁方式,相比输入密码方式操作起来要方便许多.这篇文章主要介绍了微信小程序开发教程-手势解锁实例,有兴趣的可以了解一下.手势解锁是app上常见的解锁方式,相比输入密码方式操作起来要方便许多.下面展示如何基于微信小程序实现手机解锁.最终实现效果如下图: 整个功能基于canvas实现,首先添加画布组件,并设定样式 <!--index.wxml--& ...