原生javaScript

原生JavaScript简易计算器

HTML部分代码：简单的计算器789←C456×÷123+-000.%=欢迎使用javascript计算器！CSS部分代码：body{font-size:12px;font-family:Arial,Georgia,"TimesNewRoman",Times,serif;color:#555;text-align:center;background-color:#e2e2e2;}h6{margin
Lamport·2016-12-28 12:55

javascript运动学教程

本文系笔者学习原生javascript动效的笔记。内容基于某非著名培训机构的视频教程。并重新做了归类整理。删除了一些过时的内容。并重做了GIF图，加上了自己的一些分析。
weixin_30266829·2016-12-25 23:00

用原生javascript封装ajax技术

以前学习过如何用原生的javascript实现ajax，但是久了不用就忘记了，今天来巩固一下，直接上代码：//创建ajax对象ajax=(url,method,data)=>{varhttp=window.XMLHttpRequest?newXMLHttpRequest():newActiveXObject('Microsoft.XMLHTTP');//为了兼容ie6http.onreadysta
csdn_haow·2016-12-22 11:55

详解jQuery选择器

感觉不能再拖了，要边学习原生JavaScript边学习jQueryjQuery是什么？
老板丶鱼丸粗面·2016-12-21 16:12

详解用原生JavaScript实现jQuery的某些简单功能

大致介绍学习了妙味，用原生的JavaScript实现jQuery中的某些部分功能定义自己的函数库lQuery$()选择器的实现jQuery是面向对象的，所以自己编写的也要是面向对象的，看看基本的结构//定义lQuery对象functionlQuery(lArg){}functionlQ(lArg){returnnewlQuery(lArg);}//css()方法lQuery.prototype.c
老板丶鱼丸粗面·2016-12-19 16:22

Flv.js

Flv.js是HTML5Flash视频（FLV）播放器，纯原生JavaScript开发，没有用到Flash。由bilibili网站开源。
cutepig·2016-12-18 00:00

JavaScript动态添加/删除表格行

于是在此回顾记录一下如何使用原生JavaScript来解决该问题。以项目页面中一个简单的表格为例：如果想要通过点击左下角+按钮达到增加一行的效果：应该怎样处理呢？
sqq0103·2016-12-16 22:12

jQuery LayDate 日期控件

阅读更多她基于原生JavaScript精心雕琢，兼容了包括IE6在内的所有主流浏览器。
zaixianshouce·2016-12-15 08:00

原生JavaScript封装insertAfter方法

虽然JQuery已经为我们提供了，insertAfter()方法，但是，还是有必要了解一下如何用原生javaScript语言来写自己封装方法。
KoalaShane·2016-12-08 10:20

使用原生JavaScript实现弹出层登录拖拽功能

在WEB开发过程中，总会遇到一些从未接触过的需求，总是想尽一切办法去研究，最终实现效果，在实现效果的那一刻成就感爆棚，有木有？留言墙、弹出框等一些常见地方都有拖拽功能，方便用户体验嘛。实现拖拽功能，三个事件mousemove,mouseup,mousedown,偏移量(offsetLeft,offsetTop,offsetWidth,offsetHeight)，窗口坐标位置(clientX,cli
KoalaShane·2016-12-05 16:45

简单几步实现返回顶部效果

今天与大家分享下网页中经常出现的返回顶部效果相比原生Javascript，jquery实现起来能够省略不少代码。
劳卜·2016-12-05 10:55

原生JavaScript实现ajax异步请求代码

jQuery封装了JavaScript的一些常用方法，而jQuery中的$ajax（），$get（），$post（）是比较常用的方法，也是大家最熟悉，最常用的，但是在面试时，通常面试官，会要求你手写原生ajax异步请求的代码，此时即便你的jquery学的再好，也是无济于事的。所以下面我将分享ajax异步请求的原生js代码，希望对你有所帮助。1.XMLHttpRequest对象：XMLHttpReq
黛梨·2016-11-27 18:21

JQuery插件是如何编写的？

她的好处想必大家都知道，很多人喜欢使用JQuery，最主要的就是她极大的简化了原生Javascript的开发，并且对于我们程序员来说非常简单易用、上手快。
滇藏1987·2016-11-22 20:31

原生JavaScript与jQuery（绝对、相对定位）实现拖拽效果

今天给大家谈谈这个拖拽功能的实现一来是想复习一下这个小知识，二来是看到网上都是absolute绝对定位实现的，感觉有一定局限性所以自己写了一下用relative相对定位来实现的拖拽效果原生js绝对定位实现拖拽首先我们来思考一下拖拽功能用到的事件拖拽无非是鼠标按下点击物体（DOM节点）鼠标移动，物体移动鼠标抬起，物体停止拖拽所以这里我们需要绑定三个事件mousedown、mousemove、mous
q1056843325·2016-11-03 21:00

原生javascript实现的ajax异步封装功能示例

本文实例讲述了原生javascript实现的ajax异步封装功能。
kooky798·2016-11-03 14:27

100个直接可以拿来用的JavaScript实用功能代码片段（重新排版+目录浏览）

1、原生JavaScript实现字符串长度截取functioncutstr(str,len){
Givebest·2016-10-26 00:00

第十章 DOM

1.IE中的所有DOM对象都是以COM对象的形式实现的，意味着IE中的DOM对象与原生JavaScript对象的行为或活动特征并不一致。
张果果·2016-10-24 23:12

原生Javascript和jQuery做轮播图简单例子

接触jquery也有一段时间了，今天刚好利用轮播图来练练手。博文的前面会介绍一个简单用jquery做轮播图的例子，中间会插入一些关于轮播图更多的思考，在后面会用Javascript的方法来写一个轮播图，最后则是关于jquery和Javascript的比较。jquery做轮播图的例子：html部分代码：轮播图>12345css部分代码：*{margin:0;padding:0;}#igs{margi
foodoir·2016-10-11 14:15

原生Javascript获取DOM节点的方法汇总

一.通过顶层document节点获取：（1）document.getElementById(elementId)该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。（2）document.getElementsByName(elementName)该方法是通过节点的name获取节点，从名字可以看出，这个方法返回的不是一个节点元
杜乡的AGG·2016-09-29 13:02

原生JavaScript实现hasClass、addClass、removeClass、toggleClass

兼容IE6+，因IE6、IE7、IE8不支持Array.prototype.indexOf()和String.prototype.trim()，分别用Polyfill实现支持。详细：indexOfhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOftrim：htt
Givebest·2016-08-20 00:00

jquery产品左右滚动js代码

阅读更多迷上jQuery,相对于原生JavaScript,它是如此的美妙.也因此,促使我更加的努力的研习原生JavaScript.分享一个控制左右滚动及自动滚动的样例,昨晚花了两个多小时,忍受着悍蚊的叮咬
鱼儿鱼儿猫猫·2016-08-13 22:00

原生js实现ajax

阅读更多原生javascript实现ajax实现如下，类似jquery的ajax，可以对返回值操作：/***实现ajax*/varcreateAjax=function(){varxhr=null;try
yhan219·2016-08-03 14:00

Ajax利用FormData提交文件和数据

下文提到的ajax为原生javascript的ajax（脚本化HTTP），都是个人理解，如有错误还望被指正。
要争气·2016-07-15 21:48

瀑布流的实现方式（原生js+jquery+css3）

大致思路理清楚，还是挺好实现的...原生javascript版瀑布流-javascript*{margin:0;padding:0;}#content{position:relative;margin:
羯瑞。♑·2016-07-13 13:58

我们在使用jQuery的时候，到底在使用什么？

它的成功，主要是因为它让JavaScript的使用变的简单，而且通俗易懂，新手可以在不熟练原生JavaScript的前提下，很快就能写出交互复杂的页面。当然它的优点还有一大坨，就不细说了。
ceshi986745·2016-06-22 12:00

在CoffeeScript中定义私有成员变量

最近花了一些时间把CoffeeScript学习了一下,说实话,习惯了原生Javascript的语法和格式,对于Coffee还真有点不太适应:一是在Coffee里基本上都不会去写分号和括号,大括号啥的(对于一个有分号强迫症的人来说
Erichain_Zain·2016-06-22 00:00

原生javascript实现图片轮播效果——续

在上一篇中只是简单的实现了原生javascript实现图片轮播效果中的自动播放和手动暂停，在这一篇中笔者加入了切换的动画效果、左右上下轮播可调、以及切换图片计数功能。
shoushou71·2016-06-10 21:09

Node_MongoDB

文档就是键值对的一个集合，实际上表达方式和JSON一样文档就是JSON，但是要比JSON多了一些限制：每个文档必须有一个特殊的键_id,这个键在集合中必须是保证唯一性.文档中键的命名，不能含有.和$文档中值的额类型，比原生
alogy·2016-06-06 00:00

全面理解面向对象的 JavaScript

web程序员已逐渐习惯使用各种优秀的JavaScript框架快速开发Web应用，从而忽略了对原生JavaScript的学习和深入理解。
kingmax54212008·2016-05-31 11:07

全面理解面向对象的 JavaScript

web程序员已逐渐习惯使用各种优秀的JavaScript框架快速开发Web应用，从而忽略了对原生JavaScript的学习和深入理解。
kingmax54212008·2016-05-31 11:00

【JavaScript】-原生JavaScript实现Ajax

Ajax（AsynchronousJavaScript+XML），能够想服务器请求额外的数据而无需卸载页面，会带来更好的用户体验。Ajax技术的核心是XMLHttpRequest（XHR）对象，IE5是第一款引入XHR对象的浏览器，在IE5中，XHR对象是通过MSXML库中的一个ActiveX对象实现的。一、XHR1级1、创建XHR对象，要兼容IE5，需要将其封装在一个函数中。//创建XHR对象（
XIAOZHUXMEN·2016-05-30 10:00

原生JavaScript编写canvas版的连连看游戏

本文实例为大家分享了JavaScript编写canvas版的连连看游戏的具体实现代码，供大家参考，具体内容如下效果图：实现代码：#box{/*border:1pxsolid#D1D1D1;*/overflow:hidden;position:relative;padding-bottom:60px;}#bg{background-color:rgba(254,195,89,.2);}#mycanv
大晚·2016-05-29 10:42

javascript实现中国地图

window.onload=function(){ newmap({ renderto:'up-dowm' }); } map.js如下/** *标准js对象写法 * *原生
WuLex·2016-05-26 15:00

原生js和jquery分别实现横向导航菜单效果

本文实例为大家分享了原生js和jquery横向导航菜单的制作方法，供大家参考，具体内容如下原生javascript实现：这一次要实现的是鼠标放上去以后，菜单栏被选中的那一栏水平拉伸，鼠标离开后水平收缩。
yenga·2016-05-13 17:23

jQuery中$.each()函数的用法引申实例

callback(indexInArray,valueOfElement))值得一提的是，forEach可以很方便的遍历数组和NodeList，jQuery中的jQuery对象本身已经部署了这类遍历方法，而在原生
天梯梦·2016-05-12 16:11

原生javascript实现分享到朋友圈功能 支持ios和android

现在主流的分享工具也有很多，例如JiaThis、bShare分享，甚至一些大公司的如百度分享，但是他们依旧停留在只是在PC端的分享，对手机端的支持不是太好。大家都知道现在很多手机端浏览器都内置了一些分享组件，像UC浏览器、QQ浏览器，内置的组件分享可以直接启动相应的APP分享，要是一个JS能调用浏览器的内置分享组件，那是多么酷啊。高手在民间啊，下面脚本之家的小编就带你来看看这位兄弟的编写的JS库。
射雕天龙·2016-05-11 10:39

详解原生JavaScript实现jQuery中AJAX处理的方法

在这篇文章，我使用Node.js作为后端。没错，这就可以全栈（浏览器和服务器）JS了。Node.js是很简洁的，我鼓励你能在Github下载demo，并关注该项目。下面是服务器端的代码：//app.jsvarapp=http.createServer(function(req,res){if(req.url.indexOf("/scripts/")>=0){render(req.url.slice
刘健超 J.c·2016-05-10 16:21

实例讲解使用原生JavaScript处理AJAX请求的方法

Ajax是异步的JavaScript和XML的简称，是一种更新页面某部分的机制。它赋予了你从服务器获取数据后，更新页面某部分的权力，从而避免了刷新整个页面。另外，以此方式实现页面局部更新，不仅能有效地打造流畅的用户体验，而且减轻了服务器的负载。下面是对一个基本的Ajax请求进行剖析：varxhr=newXMLHttpRequest();xhr.open('GET','send-ajax-data.
Kayo Lee·2016-05-10 16:10

jQuery学习第一阶段

jQuery作用:替换原生JavaScript的一个产物、简化js  DOM的复杂性和繁琐性。跨越任何浏览器之间的兼容性，包括IE6。
G_ravity·2016-05-08 10:00

jQuery事件相关方法

1.前言如果使用原生JavaScript编程，在不同浏览器获取事件对象的方法并不相同。
owen_william·2016-05-07 20:00

使用clipboard.js复制页面内容到剪切板

上网搜索了一下，现有的方案大致有两种：一：使用原生javascript中window.clip
three_bird·2016-05-07 10:00

原生js和jquery分别实现伸缩菜单的制作-水平方向导航栏

原生javascript实现：这一次要实现的是鼠标放上去以后，菜单栏被选中的那一栏水平拉伸，鼠标离开后水平收缩。并带有一定的时间性，使肉眼能够看出其拉伸收缩的动画效果。
u013045370·2016-05-05 14:00

ThinkPHP+JQuery实现ajax无刷新登录验证（详解+相关问题）

ThinkPHP+JQuery实现ajax无刷新登录验证摘要：使用原生javascript进行ajax实现无刷新更改页面内容的复杂性尽人皆知，而jquery对ajax传递进行了封装和优化，因此通过jquery
postbird·2016-05-04 16:00

Nodejs学习item 2 -- events事件处理EventEmitter

events源码:events.jsEventEmitter类,是node中事件的基础，实现了事件模型需要的接口，包括addListener，removeListener,emit及其ta工具方法.同原生
i10630226·2016-05-03 22:00

仅用原生JavaScript手写DOM事件模型

前言前段时间博客园里有篇很火的帖子2016十家公司前端面试小记，主要讲作者的前端求职面试经历，其中提到了面试官会考察手写一个简单的事件模型：“如果上述都ok的话，那么极有可能要求让你【实现事件模型】，即写一个类或是一个模块，有两个函数，一个bind一个trigger，分别实现绑定事件和触发事件，核心需求就是可以对某一个事件名称绑定多个事件响应函数，然后触发这个事件名称时，依次按绑定顺序触发相应的响
GAMELOFT9·2016-04-29 11:49

抛弃jQuery，拥抱原生JavaScript

前端发展很快，现代浏览器原生API已经足够好用。我们并不需要为了操作DOM、Event等再学习一下jQuery的API。同时由于React、Angular、Vue等框架的流行，直接操作DOM不再是好的模式，jQuery使用场景大大减少。因此我们项目组在双十一后抽了一周时间，把所有代码中的jQuery移除。下面总结一下：WhynotjQuery1.模式变革jQuery代表着传统的以DOM为中心的开发
前端学习·2016-04-28 16:19

抛弃jQuery，拥抱原生JavaScript

前端发展很快，现代浏览器原生API已经足够好用。我们并不需要为了操作DOM、Event等再学习一下jQuery的API。同时由于React、Angular、Vue等框架的流行，直接操作DOM不再是好的模式，jQuery使用场景大大减少。因此我们项目组在双十一后抽了一周时间，把所有代码中的jQuery移除。下面总结一下：WhynotjQuery1.模式变革jQuery代表着传统的以DOM为中心的开发
kaizi524·2016-04-28 16:00

[转]JQuery更改input元素的disabled属性——disabled<——>enabled

利用JQuery更改或者原生JavaScript对input元素的disabled属性进行操作，disabled和enabled互换的过程，在代码上并不是互逆的~。
honantic·2016-04-26 11:00

页面元素查找之Selectors API

DOM操作  在HTML5之前，页面元素查找使用的是原生javascript的方法，主要有以下三个基本的操作方法 1.getElementById()： 查找指定id值的元素 2.getElementsByName
尼阿卡·2016-04-11 10:00

懒得加载jquery

没错就是这句：这时还是老老实实用原生javascript些吧，这么说来又不是很懒。
bdss58·2016-04-09 21:00
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他