-
Vue.js基础知识汇总
所属栏目:[Windows] 日期:2016-11-25 热度:106
介绍 vue.js 是用来构建web应用接口的一个库 技术上,Vue.js 重点集中在MVVM模式的ViewModel层,它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令(Directives)和过滤器(Filters) 在哲学领域内,尽量让MVVM数据绑定API[详细]
-
Function.prototype.apply()与Function.prototype.call()小结
所属栏目:[Windows] 日期:2016-11-25 热度:152
老是忘掉这两个东东的用下,写下来做个记录吧。 他们作用是一模一样的,只是传入的参数不一样 apply apply接受两个参数,第一个制定了函数体内this对象的指向,第二个参数为一个带下标的集合(可遍历对象),apply方法把这个集合中的元素作为参数传递给被[详细]
-
原生js实现addClass,removeClass,hasClass方法
所属栏目:[Windows] 日期:2016-11-25 热度:67
本文分为两部分进行讲解,具体内容如下 第一部分:原生js实现addClass,removeClass,hasClass方法 function hasClass(elem, cls) { cls = cls || ''; if (cls.replace(/s/g, '').length == 0) return false; //当cls没有参数时,返回false return new RegE[详细]
-
跨域资源共享 CORS 详解
所属栏目:[Windows] 日期:2016-11-25 热度:102
它允许浏览器向跨源服务器,发出 XMLHttpRequest 请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 (图片说明:摄于阿联酋艾因(Al Ain)的绿洲公园) 一、简介 CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,I[详细]
-
JS组件Bootstrap实现弹出框效果代码
所属栏目:[Windows] 日期:2016-11-25 热度:108
为页面内容添加一个小的覆盖层,就像iPad上的效果一样,为页面元素增加额外的信息。 插件依赖 弹出框依赖工具提示插件,因此需要先加载工具提示插件。 选择性加入的功能 出于性能方面的考虑,工具提示和弹框组件的data属性api是选择性加入的,也就是说你必[详细]
-
常用原生JS兼容性写法汇总
所属栏目:[Windows] 日期:2016-11-25 热度:69
就来总结一下简单的东西 备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了。。。 ①添加事件方法 addHandler:function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventL[详细]
-
JS组件Bootstrap实现下拉菜单效果代码
所属栏目:[Windows] 日期:2016-11-24 热度:167
Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。 如果您想要单独引用该插件的功能,那[详细]
-
Bootstrap滚动监听(Scrollspy)插件详解
所属栏目:[Windows] 日期:2016-11-24 热度:152
滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class。 如果您想要单独引用该插件的功能,那么您需要引用 scrollspy.js。或者,正如 Boo[详细]
-
深入理解JS中的substr和substring
所属栏目:[Windows] 日期:2016-11-24 热度:104
substr 方法 返回一个从指定位置开始的指定长度的子字符串。 stringvar.substr(start [, length ]) 参数 stringvar 必选项。要提取子字符串的字符串文字或 String 对象。 start 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。 lengt[详细]
-
Bootstrap每天必学之模态框(Modal)插件
所属栏目:[Windows] 日期:2016-11-24 热度:97
本节课我们主要学习一下 Bootstrap 中的模态框插件, 这是一款交互式网站非常常见的弹窗功能插件。 一.基本使用 使用模态框的弹窗组件需要三层 div 容器元素,分别为 modal(模态声明层)、 dialog(窗口声明层)、content(内容层)。在内容层里面,还有三层,[详细]
-
基于Jquery插件实现跨域异步上传文件功能
所属栏目:[Windows] 日期:2016-11-24 热度:159
先说明白 这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,我们就不能用这种方式了,我们[详细]
-
jQuery javascript获得网页的高度与宽度的实现代码
所属栏目:[Windows] 日期:2016-11-24 热度:160
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.sc[详细]
-
Windows 系统下设置Nodejs NPM全局路径
所属栏目:[Windows] 日期:2016-11-24 热度:164
在开发过程中我们可能希望重新设置npm的全局路径,具体方法如下: npm config set cache "D:nodejsnode_cache" npm config set prefix "D:nodejsnode_global"[详细]
-
js获取页面及个元素高度、宽度的代码
所属栏目:[Windows] 日期:2016-11-24 热度:183
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线和滚动条的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: docu[详细]
-
js计算时间差代码【包括计算,天,时,分,秒】
所属栏目:[Windows] 日期:2016-11-24 热度:138
var begintime_ms = Date.parse(new Date(begintime.replace(/-/g, "/"))); //begintime 为开始时间 var endtime_ms = Date.parse(new Date(endtime.replace(/-/g, "/")));nbsp;nbsp; // endtime 为结束时间 得到的结果为 毫秒数,可根据 毫秒数的大小,来[详细]
-
JQuery给select添加/删除节点的实现代码
所属栏目:[Windows] 日期:2016-11-24 热度:125
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 ").[详细]
-
Bootstrap表单组件教程详解
所属栏目:[Windows] 日期:2016-11-24 热度:102
表单常见的元素主要包括:文本输入框、下拉选择框、单选框、复选框、文本域、按钮等。下面是不同的bootstrap版本: LESS: forms.less SASS: _forms.scss bootstrap仅对表单内的fieldset、legend、label标签进行了定制 fieldset {min-width: 0;padding: 0;m[详细]
-
js 求时间差的实现代码
所属栏目:[Windows] 日期:2016-11-24 热度:182
var date1=new Date();nbsp; //开始时间 var date2=new Date();nbsp;nbsp;nbsp; //结束时间 var date3=date2.getTime()-date1.getTime()nbsp; //时间差的毫秒数 nbsp; //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var lea[详细]
-
JS中使用apply、bind实现为函数或者类传入动态个数的参数
所属栏目:[Windows] 日期:2016-11-24 热度:69
为纪念10年没写blog,第一篇博文就以这样一个有趣的窍门开始吧 -___- 在ES5中,当我们调用一个函数时,如果要传入的参数是根据其他函数或条件判断生成的,也就是说不确定会传入多少个参数时,在不改变原函数的情况下该如何办呢? (当然了,能避免此文所述[详细]
-
50 个 jQuery 插件可将你的网站带到另外一个高度
所属栏目:[Windows] 日期:2016-11-24 热度:182
Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展。在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有[详细]
-
AngularJS实现textarea记录只能输入规定数量的字符并显示
所属栏目:[Windows] 日期:2016-11-24 热度:130
AngularJS 是一个 MV* 框架,最适于开发客户端的单页面应用。它不是个功能库,而是用来开发动态网页的框架。它专注于扩展 HTML 的功能,提供动态数据绑定(data binding),而且它能跟其它框架(如 JQuery 等)合作融洽。 lt;body ng-app="myNoteApp"gt;lt[详细]
-
JavaScript事件处理的方式(三种)
所属栏目:[Windows] 日期:2016-11-24 热度:146
最近这段时间因为每天要修改网站,为网站做特效,所以看了很多的js接触事件,自己只会使用一小部分,有时用的时候也比较混乱,现在系统的整理了一下,特此分享到脚本之家平台供大家参考下! 一、什么是JavaScript事件? 事件(Event)是JavaScript应用跳动的[详细]
-
无需 Flash 使用 jQuery 复制文字到剪贴板
所属栏目:[Windows] 日期:2016-11-24 热度:143
如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案,最可能的结果就是使用Flash的方案来做这个事,虽然使用Flash可以很好地解决这个问题,但是这不是一个明智的想法,因为这个产品最终会消失或者至少是浏览器不再提供支持,因此这个解决方[详细]
-
jQuery siblings()用法实例详解
所属栏目:[Windows] 日期:2016-11-24 热度:81
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。 jQuery 的遍历方法siblings() $("给定元素").siblings(".selected") 其作用是筛选给定的同胞同类元素(不包括给定元素本身) 例子:网页选项栏 当点击任意一个选项卡是,其他2个选[详细]
-
学习AngularJs:Directive指令用法(完整版)
所属栏目:[Windows] 日期:2016-11-24 热度:156
本教程使用AngularJs版本:1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下载地址:https://angularjs.org/ 摘要:Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元[详细]