BootStrap 弹出层代码 2017年02月15日 141 阅读 废话不多说了,直接给大家贴代码了,具体代码如下所示:<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"&g...
微信小程序之picker日期和时间选择器 2017年02月15日 175 阅读 下面来介绍小picker,分三种样式:默认的自己可以定义数据的mode="time"是时间选择器mode="date"是日期选择器跟其他的一样先来看下picker.wxml<view class="page"> <view class="page__hd"> <text class="page__title">picker</text> <text class="page__desc">选择器&l...
javascript 中设置window.location.href跳转无效问题解决办法 2017年02月15日 158 阅读 javascript 中设置window.location.href跳转无效问题解决办法问题情况JS中设置window.location.href跳转无效代码如下:<script type="text/javascript"> function checkUser() { if(2!=1){ window.location.href="login.jsp" rel="external nofollow" rel="external nofoll...
简单谈谈Javascript函数中的arguments 2017年02月15日 160 阅读 一、arguments的面貌在javascript中所有的函数内部都包含了一个隐藏的变量叫arguments;它存放着所有传递到这个函数中的参数;那么我们打开实例看看arguments的输出形式(function fn(){ console.log(arguments)})(1,2,3,4)结果好像是类似数组的形式打印在控制台,相信大多数人包括我看到这种输出就会认为arguments是一个数组,那么既然是数组就可以用数组的一些方法了吧,再看下一个例子;(f...
JS获取本周周一,周末及获取任意时间的周一周末功能示例 2017年02月15日 98 阅读 本文实例讲述了JS获取本周周一,周末及获取任意时间的周一周末功能。分享给大家供大家参考,具体如下:项目需要获取本周及任意一天的周一及周末 需格式化,示例代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://...
javascript 显示全局变量与隐式全局变量的区别 2017年02月15日 117 阅读 在JavaScript中,全局变量有两种声明方式使用 var 显示声明的全局变量不使用 var 声明的隐式全局变量两者的区别在于是否能通过 delete 操作符删除先看一段代码var a = "a"; // 显式声明的全局变量b = "b"; // 隐式声明的全局变量 console.log(a); // aconsole.log(b); // bconsole.log(window.a); // aconsole.log(window.b); // b在...
AngularJs表单校验功能实例代码 2017年02月15日 105 阅读 废话不多说了,具体代码如下所示:<!DOCTYPE html><html ng-app="angularFormCheckModule"> <head><meta charset="UTF-8"><title>angular表单校验</title><link rel="stylesheet" href="../css/bootstrap.min.css" rel="externa...
js 原型对象和原型链理解 2017年02月15日 109 阅读 一个例子让你彻底明白原型对象和原型链开篇之前对js中的原型链和原型对象有所了解,每当别人问我什么是原型链和原型对象时,我总是用很官方(其实自己不懂)的解释去描述。有一句话说的好:如果你不能把一个很复杂的东西用最简单的话语描述出来,那就说明你没有真正的理解。最近正在读《Javascript高级程序设计》,书中对原型对象和原型链的描述让我受益匪浅,下面仅用一个对比性的例子来说明。我们经常会这么写 function Person () { this.name =...
bootstrapValidator.min.js表单验证插件 2017年02月15日 112 阅读 本文实例为大家分享了bootstrapValidator.min.js表单验证的具体代码,供大家参考,具体内容如下注意:下载后全选复制并粘贴到新建js文件名为bootstrapValidator.min.js下即可。测试代码:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><sty...
简单的jQuery拖拽排序效果的实现(增强动态) 2017年02月15日 111 阅读 增强动态增加Div效果原来没有新建动作,分析代码后发现很容易增强~~<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>测试的拖拽功能</title><style type="text/css">body, div { m...
超全面的javascript中变量命名规则 2017年02月15日 99 阅读 前言变量的命名相对而言没有太多的技术含量,今天整理有关于变量命名相关的规则,主要是想告诉大家,虽然命名没有技术含量,但对于个人编码,或者说一个团队的再次开发及阅读是相当有用的。良好的书写规范可以让你的JavaScript代码更上一个台阶,也更有利于团队的再次开发和阅读代码。全名原则变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号变量命名长度应该尽可能的短,并抓住要点,尽量在变量名中体现出值...
js 数据存储和DOM编程 2017年02月15日 97 阅读 数据存储·在javascript中,数据存储的位置会对代码整体性能产生重大的影响。·数据存储共有4种方式:字面量、变量、数组、对象成员。·要理解变量的访问速度,就要理解作用域。由于局部变量处于作用域的起始位置,因此访问速度比访问跨域作用域变量(即除起始位置之外的外层作用域变量)更快。即变量处在作用域的位置越深,访问速度越慢。这也就说明,访问全局变量的速度是最慢的。 总的来说,字面量和局部变量的访问速度快于数组和对象成员的访问速度。因此,常见的一些提高数据访...
jquery.cookie.js的介绍与使用方法 2017年02月15日 208 阅读 什么是 cookie?cookie 就是页面用来保存信息,比如自动登录、记住用户名等等。cookie 的特点同个网站中所有的页面共享一套 cookiecookie 有数量、大小限制cookie 有过期时间jquery.cookie.js 是一款轻量级的 cookie 插件,可以读取,写入和删除 cookie。本文主要针对jquery.cookie.js 的用法进行详细的介绍。使用方法:设置 cookie:$.cookie("the_cookie", "th...
基于JavaScript实现复选框的全选和取消全选 2017年02月15日 107 阅读 本文实例为大家分享了js复选框的全选和取消全选的具体代码,供大家参考,具体内容如下效果图:测试代码如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>li{list-style: none;}</style></head><bod...
vue-router跳转页面的方法 2017年02月15日 122 阅读 使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生官方文档请点击这里## vue-router第一步当然是安装了,用npm安装命令npm install vue-router --save-dev第二步在.vue组件里添加标签,格式如下<div id="app"><p><!-- 使用 router-link 组件来导航. --&g...
详解angular2采用自定义指令(Directive)方式加载jquery插件 2017年02月15日 104 阅读 由于angular2兴起不久,相关插件还是很少,所以有时候不得不用一些jquery插件来完成项目,那么如何把jquery插件放到angular2中呢?采用自定义指令!在上下文之前要引入jquery,这点不再描述首先创建一个指令,采用@input方式,来获取jquery插件所需要的参数。在ngOnChanges时,也就是参数通过@input传入时,初始化jquery插件,初始化jquery插件需要获取dom元素,所以我们引入ElementRef,用来获取do...
如何在Angular2中使用jQuery及其插件的方法 2017年02月15日 106 阅读 jQuery,让我们对dom的操作更加便捷。由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接。我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大多基于jQuery和它的插件。而且现在Angular2的组件生态还不是很完善,我们在编写Angular的时候也许会想要用到jQuery。本篇文章就简单介绍下在Angular2中使用jQuery如果你不知道怎么搭建Angular2开发环境,请参考这篇文章:http...
jQuery页面弹出框实现文件上传 2017年02月15日 122 阅读 如图所示,点击新增,弹出如图的弹出框,点击取消不保存页面信息,点击确定保存页面信息 在前台页面添加一个标签,任何都可以<div class="btn btn-default" id="divadd">新增</div> 写弹出框页面<div id="popup_overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bott...
原生JS轮播图插件 2017年02月15日 129 阅读 代码分两个部分:1、HTML部分,根据注释处理即可;2、play.js插件部分,引到HTML里面即可。1、HTML部分:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>/*style标签及其内的内容,在实际项目中可以不要*/* {margin: 0;paddin...
简单实现js选项卡切换效果 2017年02月15日 147 阅读 本文实例为大家分享了js选项卡切换效果的具体代码,供大家参考,具体内容如下实现思路:1、首先获取id元素。2、for循环历遍按钮元素添加onclick事件。3、排他思想,点击按钮时设置所有选项卡按钮样式为空,利用this关键字指定当前选项卡获得高亮样式。4、下面的多个div内容块以此类推。源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...