js计算时间差代码【包括计算，天，时，分，秒】

2017年02月06日 10 阅读

var begintime_ms = Date.parse（new Date（begintime.replace（/-/g, "/"）））; //begintime 为开始时间var endtime_ms = Date.parse（new Date（endtime.replace（/-/g, "/"）））; // endtime 为结束时间得到的结果为 毫秒数，可根据 毫秒数的大小，来判断时间。当然根据毫秒数 可以根据他们的差值 来求相差的天数或是小时等。...

JQuery给select添加/删除节点的实现代码

2017年02月06日 11 阅读

jQuery获取Select选择的Text和Value：var checkText=jQuery（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text var checkValue=jQuery（"#select_id"）.val（）; //获取Select选择的option Value var checkIndex=jQuery（"#select_id "）.get（0）.sele...

jQuery javascript获得网页的高度与宽度的实现代码

2017年02月06日 11 阅读

网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth （包括边线的宽）网页可见区域高： document.body.offsetHeight （包括边线的高）网页正文全文宽： document.body.scrollWidth网页正文全文高： document.body.scrollHeight网页被卷去...

Windows 系统下设置Nodejs NPM全局路径

2017年02月06日 10 阅读

在开发过程中我们可能希望重新设置npm的全局路径，具体方法如下：npm config set cache "D: odejs ode_cache"npm config set prefix "D: odejs ode_global"...

js获取页面及个元素高度、宽度的代码

2017年02月06日 11 阅读

网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth （包括边线和滚动条的宽）; 网页可见区域高： document.body.offsetHeight （包括边线的宽）; 网页正文全文宽： document.body.scrollWidth; 网页正文全文高： document.body.scr...

深入理解JS中的substr和substring

2017年02月06日 11 阅读

substr 方法 返回一个从指定位置开始的指定长度的子字符串。 stringvar.substr（start [, length ]） 参数 stringvar 必选项。要提取子字符串的字符串文字或 String 对象。 start 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。 length 可选项。在返回的子字符串中应包括的字符个数。 说明 如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将...

Bootstrap每天必学之模态框（Modal）插件

2017年02月06日 11 阅读

本节课我们主要学习一下 Bootstrap 中的模态框插件， 这是一款交互式网站非常常见的弹窗功能插件。一．基本使用使用模态框的弹窗组件需要三层 div 容器元素，分别为 modal（模态声明层）、dialog（窗口声明层）、content（内容层）。在内容层里面，还有三层，分别为 header（头部）、body（主体）、footer（注脚）。//基本实例<！-- 模态声明，show 表示显示 --><div class="modal s...

基于Jquery插件实现跨域异步上传文件功能

2017年02月06日 10 阅读

先说明白这个跨域异步上传功能我们借助了Jquery.form插件，它在异步表单方面很有成效，而跨域我们会在HTTP响应头上添加access-control-allow-method，当然这个头标记只有IE10，火狐和谷歌上支持，对于IE10以下的浏览器来说，我们就不能用这种方式了，我们需要换个思路去干这事，让服务端去重写向我们的客户端，由客户端（与文件上传页面在同域下）来返回相关数据即可。再做事1 Jquery.form的使用<form method...

JS组件Bootstrap实现下拉菜单效果代码

2017年02月06日 11 阅读

Bootstrap 下拉菜单 这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。如果您想要单独引用该插件的功能，那么您需要引用 dropdown.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。一、用法您可以切换下拉菜单（...

Bootstrap滚动监听（Scrollspy）插件详解

2017年02月06日 10 阅读

滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加 .active class。如果您想要单独引用该插件的功能，那么您需要引用 scrollspy.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。一、用法您可以向顶部导航添加滚动监听行为：1、通过 data ...

跨域资源共享 CORS 详解

2017年02月06日 10 阅读

它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。本文详细介绍CORS的内部机制。（图片说明：摄于阿联酋艾因（Al Ain）的绿洲公园）一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动...

JS组件Bootstrap实现弹出框效果代码

2017年02月06日 10 阅读

为页面内容添加一个小的覆盖层，就像iPad上的效果一样，为页面元素增加额外的信息。插件依赖弹出框依赖工具提示插件，因此需要先加载工具提示插件。选择性加入的功能出于性能方面的考虑，工具提示和弹框组件的data属性api是选择性加入的，也就是说你必须自己初始化他们。弹出框在按钮组和输入框组中使用时，需要额外的设置当提示框与.btn-group 或 .input-group联合使用时，你需要指定container: "body"选项（见下面的文档）以避免不需要的...

常用原生JS兼容性写法汇总

2017年02月06日 10 阅读

就来总结一下简单的东西备注：一下的方法都是包裹在一个EventUtil对象里面的，直接采用对象字面量定义方法了。。。①添加事件方法addHandler：function（element,type,handler）{ if（element.addEventListener）{//检测是否为DOM2级方法element.addEventListener（type, handler, false）; }else if （element.attachEvent）{...

Function.prototype.apply（）与Function.prototype.call（）小结

2017年02月06日 10 阅读

老是忘掉这两个东东的用下，写下来做个记录吧。他们作用是一模一样的，只是传入的参数不一样applyapply接受两个参数，第一个制定了函数体内this对象的指向，第二个参数为一个带下标的集合（可遍历对象），apply方法把这个集合中的元素作为参数传递给被调用的函数：var func = function（a, c, c）{alert（[a,b,c]）; //[1,2,3]}func.apply（null, [1,2,3]）;callcall传入的参数不固定，...

原生js实现addClass,removeClass,hasClass方法

2017年02月06日 10 阅读

本文分为两部分进行讲解，具体内容如下第一部分：原生js实现addClass,removeClass,hasClass方法function hasClass（elem, cls） {cls = cls || "";if （cls.replace（/s/g, ""）.length == 0） return false; //当cls没有参数时，返回falsereturn new RegExp（" " + cls + " "）.test（" " + elem.c...

使用vue.js开发时一些注意事项

2017年02月06日 10 阅读

关于响应式vue的双向绑定是基于响应式来做的，即给一个Vue对象的属性加上getter, setter方法，在这些方法中处理双向绑定。但这种方式就会出现下面这些坑对象响应式Vue中的属性如果是Object，或者是数组，数组中有Object，那么这些Object最好在最开始就把所有需要用到的属性都定义一遍，如果在运行中重新添加属性，这个属性并不是响应式的，就不会实现双向绑定，例如：const vm = new Vue（{data: {a: {text: "a...

JS onkeypress兼容性写法详解

2017年02月06日 10 阅读

要求实现输入密码后按回车，触发后台事件。看似十分简单的需求，可是却碰到不少难题啊。HTML内容中主要有一个密码输入文本框，还有一个按钮，用来触发后台事件。1. TextBox文本框获得焦点后直接回车，页面会刷新。 经过代码仔细研究，原来是当页面中只有一个文本框控件时，当按回车健页面将刷新。 处理方法：在页面中加入一个隐藏的TextBox控件。 具体原理不明！2. 用Jquery实现方法： $（document）.ready（function（）{$（"#t...

Vue.js基础知识汇总

2017年02月06日 10 阅读

介绍vue.js 是用来构建web应用接口的一个库技术上，Vue.js 重点集中在MVVM模式的ViewModel层，它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令（Directives）和过滤器（Filters）在哲学领域内,尽量让MVVM数据绑定API尽可能简单。模块化和可组合性也是重要的设计考虑。vue不是一个全面的框架,它被设计成简单的和灵活的。你可以用它快速原型,或混合和匹配与其他库定义前端堆栈。Vue。js的...

浏览器兼容的JS写法总结

2017年02月06日 10 阅读

一、元素查找问题1. document.all[name] （1）现有问题：Firefox不支持document.all[name] （2）解决方法：使用getElementsByName（name），getElementById（id）等来替代。2. 集合类对象问题 （1）现有问题：IE中对许多集合类对象取用时可以用 （），但在Firefox只能用[]。 如：IE中可以使用document.forms（"formName"）来返回名字为"formName...

vue,angular,avalon这三种MVVM框架优缺点

2017年02月06日 10 阅读

本文的主要内容是参考官方文档说明总结而来：Vue.jsVue.js @尤雨溪 老师写的一个用于创建 web 交互界面的库，是一个精简的 MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了Directives 和 Filters。Vue.js和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的 API 产...