首页

运用原生js编写自己的JQuery库(三)

在运用原生js编写自己的JQuery库(一)和运用原生js编写自己的JQuery库(二)两篇文章中已经列举了大量的使用原生JavaScript替代JQuery的例子,在本文中将继续列举! 1、表单 获取焦点 $('#test').focus();   $('#test').focus(function(){}); var t = document.getElementById('te...

运用原生js编写自己的JQuery库(二)

为什么说不要过度依赖JQuery呢?从项目方面来讲,一些项目在开发中实际用到JQuery内置功能不多,这样会造成项目臃肿;另一方面,目前的主流已经倾向于原生开发。 而在上一篇《运用原生js编写自己的JQuery库(一)》一文中已经介绍了部分使用原生JavaScript实现JQuery功能的代码,这一章将继续列举。 1、位置 获取相对于文档的位置 $('#test').offset()  ...

运用原生js编写自己的JQuery库(一)

毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。 不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真的需要jQuery。因为随着JavaScript的不断改善进化,现在它内置的功能已经非常强大,在很大程度上,已经可以实现以前需要在JQuery中才能实现的技术(如果你的项目需要在...

requireJS模块加载器优化工具,bulid.js详解  

requireJS是javascript的模块加载器,是基于AMD规范实现的。 r.js是其提供的对模块进行打包和构建的一个工具 下载 r.js 创建r.js 的配置文件 build.js build.js ({ appDir: './',    //项目根目录 out: 'main-build.js',  //输出文件名 dir: './outdir',   /...

用grunt搭建自动化的web前端开发环境  

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点,它完全免费,...

HTML5 postMessage解决跨域、跨窗口消息传递  

平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题 1.页面和其打开的新窗口的数据传递 2.多窗口之间消息传递 3.页面与嵌套的iframe消息传递 4.上面三个问题的跨域数据传递 postMessage() 这些问题都有一些解决办法,但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采...

功能强大的Jquery滚动定位插件scrollFix

【插件功能】 当用户向上或向下滚动页面到一定位置时,目标元素开始固定定位(position:fixed),当回滚到原位置时目标元素恢复到原状态,可以定制触发滚动相对屏幕位置和触发滚动方向,兼容IE6 【原理】 通过监控滚动事件并控制层的绝对定位后的lef,top属性。 【插件参数】 $(“.target_element”).scrollFix( [ “top&#...

通过JS修改浏览器地址(url)而页面不刷新  

history对象:它提供了一些非常有用的方法和属性,让我们在历史记录中自由前进和后退。 基本流程: 一、历史记录概览 1、前进与后退 window.history.back() //后退 window.history.forward() //前进 2.移动到指定的历史记录点 window.history.go(-1) //相当于back(),后退一页 window.history.go...

JavaScript常用API合集

一、节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 ...

js实现一些跨浏览器的兼容事件方法

用JavaScript实现事件的绑定,移除,以及一些常用的事件属性的获取,时常要考虑到在不同浏览器下的兼容性,下面给出了一个跨浏览器的事件对象: var EventUtil = { on: function(element, type, handler) {/* 添加事件 */ if (element.addEventListener) { ...