原生JavaScript

你不需要jQuery(五)

用原生JavaScript简单实现jQuery提供的功能和方法查找、选择页面元素//jQuery实现 varels=$('.el'); //原生JavaScript实现 varels=document.querySelectorAll
唸随爱·2015-12-22 14:00

TypeScript

这一新语言是JavaScript规范的超集，添加了类型检查和静态代码分析，同时生成原生JavaScript。
·2015-12-09 13:19

原生JavaScript和jQuery的较量

    JavaScript和jQuery有很多相似知促，那么二者又是如何进行较量，我们先了解一下什么是JavaScript和jQuery，知其源头，才能知其所以然。简介：       【JavaScript】       一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript被广泛应用于Web开发中，随着HTML5的发展，JavaScript在将来会有更大
u013038643·2015-12-06 15:00

原生javascript难点总结(1)---面向对象分析以及带来的思考

------*本文默认读者已有面向对象语言(OOP)的基础*------ 我们都知道在面向对象语言有三个基本特征: 封装，继承，多态。而js初学者一般会觉得js同其他类C语言一样，有类似于Class这样的关键字可以让我们在js中更好的进行面向对象的操作。可事实并非如此。严格地说，我们并不能称js是一种OOP语言，但是我们可以利用js里面的一些高级特性来进行OOP编程。 ----封装在js中，如何来
yxy99.0·2015-12-04 18:00

原生JavaScript实现异步多文件上传

这是在上篇的修改版本。后台代码不变就可以接着使用，但是脚本不再使用jQuery了，改为原生的JavaScript代码，所以我们主要看JS代码。先介绍一下技术参数：页面技术：HTML5后台技术：Servlet3.0服务器：Tomcat7.0脚本：JavaScriptHTML5file组件的新属性accept:如果在file组件中增加这个属性就可以直接控制上传的文件类型了，实在是很方便。multipl
喵了个咪的喵·2015-12-02 10:39

jQuery 简单笔记

仔细思考相同的效果如何用原生JavaScript实现，或者说怎样用原生JavaScript写这些方法，达到练习JavaScript的目的。
周福林·2015-12-01 22:00

抛弃jQuery，拥抱原生JavaScript

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

常见的原生javascript DOM操作

打个招聘广告：杭州阿里巴巴B2B招前端（想去西溪的也可帮推荐），比较缺人，机会多多！广告位长期有效，有兴趣简历我邮箱：[email protected]看图识文（取自寒冬winter的微博）。文章里引用了MDN和《javascript高级程序设计3》里的知识。如有不对的地方，敬请指出。1.创建元素创建元素：document.createElement()使用document.createElemen
zzzddd·2015-12-01 00:00

HTML5中类选择器querySelector的使用

这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element=document.querySele
fanpeihua123·2015-11-24 09:00

原生JavaScript事件详解

DOM0事件模型    事件模型在不断发展，早期的事件模型称为DOM0级别。   DOM0事件模型，所有的浏览器都支持。   直接在dom对象上注册事件名称，就是DOM0写法，比如：1document.getElementById("test").onclick=function(e){};   意思就是注册一个onclick事件。当然，它和这种写法是一个意思：1document.getEleme
qq_20389175·2015-11-16 09:00

原生态纯JavaScript 100大技巧大收集---你值得拥有

1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0;
·2015-11-13 20:01

javascript-无间缝滚动，封装

原生javascript-无间缝滚动，封装 目前支持的是竖向与横向滚动   http://lgyweb.com/marScroll/ 现在分析下无间缝实现的基本思路（竖向例子）：
·2015-11-13 19:08

原生希望原生JavaScript开篇

所以回家到之后就奋笔疾书的写出来发布了          一直对前端技巧很有兴致，就心生了写一个专栏的动机，然后就申请了原生
·2015-11-13 16:13

我的2015校招（前端）

至少五种（考察点：前端性能优化）  面试 一面 纯技术面 重点：原生javascript 知识
·2015-11-13 15:04

关于原生的Javascript

  所以不得不说，原生Javascript的执行速度是快过JQ
·2015-11-13 13:26

前端开发工程师

而前端开发的重中之重就是原生javascript的理解，一直都在不断琢磨来内化自己。另外还在不断学习新的知识，如angular.js，node.js，php，MVC框架backb
xllily_11·2015-11-13 12:00

100个直接可以拿来用的JavaScript实用功能代码片段

  目录如下： 1、原生JavaScript实现字符串长度截取2、原生JavaScript获取域名主机3、原生JavaScript清除空格4、原生JavaScript替换全部5、原生JavaScript
·2015-11-13 11:14

最少javascript代码完成一个2048游戏

原生javascript代码写的2048游戏。建议在谷歌浏览器下跑。'WASD'控制方向。演示地址请移步：http://runjs.cn/detail/bp8baf8b ​1.
·2015-11-13 10:00

精读《javascript高级程序设计》笔记二——变量、作用域、内存以及引用类型

最好能手工断开原生javascript对象与DOM元素之间的连接。 Object类型 创建Object实例有两种方式:new 操作符
·2015-11-13 06:40

原生javascript写的网页选项卡和jQuery写的比较

总的来说思路比较简单，就是先获取节点，然后对节点进行相应的处理,下面是完整的页面代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="I
·2015-11-13 02:46

100个直接可以拿来用的JavaScript实用功能代码片段

  目录如下： 1、原生JavaScript实现字符串长度截取2、原生JavaScript获取域名主机3、原生JavaScript清除空格4、原生JavaScript替换全部5、原生JavaScript
·2015-11-12 23:19

瀑布流布局--原生JavaScript

HTML(注意包裹关系,方便js调用) 1 <body> 2 <div id="main"> 3 <div class="box"> 4 <div class="pic"> 5 &
·2015-11-12 22:46

原生javascript添加引用js文件

         function addScriptTag(src) {                      &nbs
·2015-11-12 17:55

原生javascript-常用的函数

【一】添加监听事件 addHandler:function(node,type,fn){if(node.addEventListener){ node.addEventListener(type,fn,false); // false，设置为冒泡事件 } else{
·2015-11-12 15:44

原生javascript操作class-元素查找-元素是否存在-添加class-移除class

//判断元素是否有classfunction hasClass(ele, cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); }//元素增加class function addClass(ele, cls) { if (!hasClass(
·2015-11-12 15:17

原生javascript焦点轮播图

刚刚学会，写了一个轮播图效果，不过bug蛮多，请高手指点一下，谢谢 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>电影轮播图</title>
·2015-11-12 11:33

JavaScript高级程序设计21.pdf

第10章 DOM DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口） IE中所有DOM对象都是以COM对象的形式实现的，这意味着IE中的对象与原生JavaScript对象行为不一致
·2015-11-12 09:09

$(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于原生JavaScript中的window.onload方法，不过两者的用法还是有区别的。
·2015-11-12 08:45

简单用原生JavaScript实现了一个tap切换

我用原生js封装了一个tab切换的效果，做了一个插件，比较简单，日后会稍加改进。里面注释写了如何配置，仔细阅读以下就可以来填坑来了，IE8以下有两个坑，首先不支持getElementsByclassName，需要判断一下，另外就是attachEvent中指针的问题。里面都做了改正。http://www.cnblogs.com/kingwell/p/3294704.html这里给一个连接，可以自己看
MakingChoice·2015-11-11 16:41

原生JavaScript---字符串[3]

首先，给大家道个歉，专栏更新的晚了。 理由借口神马的就不多说了...... 字符串的比较   == 相等 != 不相等 === 绝对相等 !== 不绝对相等 > 大于 >= 大于等于 < 小于 <= 小于等于     是否相等   var str1="JavaSc
·2015-11-11 16:04

利用原生JavaScript获取样式的方式小结

来源：http://www.ido321.com/930.html ps：是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值。（论坛整理）   1、element.style:只能获取写在元素标签中的style属性里的样式值，无法获取到定义在<style></style>和通过<link href=”css.css”>加载
·2015-11-11 14:22

原生JavaScript---字符串[5]

1、从字符串中提取一个子串 提取子串用到substring()方法，该方法要两个参数：开始位置和结束位置。   var str1="This is a test sentence. There are many fruit:apple,banana,cherries."; //我想把":"和"."之间的内容提取出来
·2015-11-11 13:49

事件 + 小兼容测试

系统默认右键菜单  oncontextmenu  若想兼容所有浏览器，需要写成document.oncontextmenu=function(){ return false;} 3.原生
·2015-11-11 02:02

《javascript语言精髓与编程实践》——javascript运算符语义的二义性

 +       ⑴ 表示字符串连接；一个表达式中如果存在字符串，则优先按照字符串连接来进行运算  （原生javascript）    
·2015-11-11 02:01

Ext JS学习第九天 Ext基础之 扩展原生的javascript对象

从而对我们的web开发更好的服务， 源码位置，我们可以从开发包的这个位置找到这几个扩展的js源码： •extjs-4.1.1\src\core\src\lang\ •ExtJS扩展原生
·2015-11-10 21:35

网页下拉列表实现多选

     今天在做一个网页的时候需要完成下拉的时候选择多个，刚开始打算用原生javascript代码实现，后来发现有点困难，网上查了下可以用jquery的插件实现后来还是自己结合
·2015-11-09 13:04

easygrid 一个很简单的datagrid 原生javascript

简单的datagrid 1.排序 自定义排序方式 2.编辑 3.拖拽 4.分页 5.单选 多选(ctrl) 线性选(shift) 6.文字render  就是给文字着色  比如 大于0红色  小于0绿色 7.对列的显示隐藏 8.分组   只是一个示例  没有什么与后台的借口 其实可以写几个回调就行了  里面有load
·2015-11-08 15:04

通过继承IHttpHandle实现JS插件的组织与管理

　　最近，项目中的用到的Js插件越来越多，有的是用原生javascript写的，有的是调用的jquery插件，页面上Js和Css文件的引用也越来越混乱，而且Js文件之间还有引用先后的依赖关系，如：
·2015-11-07 13:11

原生javascript制作无缝滚动

无缝滚动-->*{margin:0;padding:0;}#div1{border:1pxsolid#000;position:relative;width:650px;height:122px;margin:10pxauto;overflow:hidden;}#div1ul{position:absolute;}#div1ulli{list-style-type:none;width:150px
macanfa·2015-11-06 17:00

JavaScript 缓动焦点图实现的几种写法 封装 + 函数式 + JQuery

焦点图     原生JavaScript封装： 调用方式： <script type="text/javascript
·2015-11-05 08:25

ExtJs——Ext基础架构--define定义一个类

如何创建一个Ext的类、创建类的复杂流程-Ext.js和Ext-more.js深入解析-Ext对原生javascript类的扩展-Ext操作Dom-Ext开始响应事件定义类的方法：define对于Ext4
ckao7470·2015-11-04 14:00

原生javascript淡入淡出焦点图 + Jquery实现方法

淡入淡出焦点图效果类 这里是缓动焦点图链接： JavaScript 缓动焦点图实现的几种写法 封装 + 函数式 + JQuery 焦点图     实现思路： 原生JS的类的调用方式： var slider1 = new Slider({ id:'focus_pic', /**
·2015-11-02 15:45

分享一个用原生JavaScript写的带缓动效果的图片幻灯

　　朋友让帮忙找个原生JS写的带缓动效果的图片幻灯，类似Tmall首页的效果，找了一圈后发现网上JS写的图片幻灯很多，相关的jQuery插件也很多，但用原生JS写的带缓动效果的却不多。没办法只好自己动手，现在把代码分享给大家，希望对大家有用。 　　代码中的缓动公式用了司徒正美博客中整理的代码：http://www.cnblogs.com/rubylouvre/archive/2009/09/17
·2015-11-02 12:45

DOM——《JavaScript高级程序设计》笔记

@IE中的DOM都是以COM对象的形式实现的，故IE中的DOM对象于原生JavaScript对象的行为或活动特点有差异。 　　
·2015-11-01 13:41

原生javascript实现图片轮播效果

【实例演示】 前几天用jquery做了一个JS的图片轮播效果，现在用原生的javascript代码实现同样的功能，当练习用吧，代码写得不是很满意。看到BlueDream在他博客上写的javascript仿QQ滑动菜单的效果，代码实在是优雅，相比较差别一下就凸显了，下次再把他代码的精髓偷过来，嘿嘿。 【原理简述】 html和css跟JQuery实现图片
·2015-11-01 11:33

分享几个原生javascript面向对象设计小游戏

一、序言 　　不知大家是不是和我一样，当初都有个梦想。学编程，就是想开发游戏。结果进入大学学习之后，才知道搞的是数据库应用程序开发！在此，本人就分享下业余时间做的几个小游戏吧！本打算想用winform或wpf做，可又考虑到运行需要.net环境，所以选择了js，为此特意去学了html5中canvas绘图！先上预览吧：(浏览器需支持html5,英文状态下输入法) 　　贪吃蛇   
·2015-11-01 11:17

原生javascript-日期年，月，日联动选择

在线例子：http://lgy.1zwq.com/dateSwitch/ 月份的判定，由于涉及到过多了判定条件，如果用if else会大大降低性能，建议用switch 语法 getDays:function(year,month){ // var aDay = [31,28|29,31,30,31,30,31,31,30,31,30,31]; //
·2015-11-01 08:51

原生javascript-日历插件编写

在线实例：http://lgy.1zwq.com/calendar/ 按照我们常用的日历格式，是7*6的格子，所以生成格子的总数就确定为42 例子：（如：2013年8月，这个时间为例子） /*----------生成日历格子： -----------------------------------------------------*/     
·2015-11-01 08:49

原生javascript-Tab选项卡-面向对象

  分析个人用原生JS获取类名元素的代码： getByClassName:function(className,parent){ var elem = [], node = parent != undefined&&parent.nodeType==1?parent.getElementsByTa
·2015-11-01 08:48

原生javascript-图片按钮切换

即上次被分配写原生JS相册弹窗后，这次又接到了写原生JS，图片按钮切换，真激情： 个人在线实例：http://www.lgyweb.com/picSwitch/ 以下为详细代码： function LGY_picSwitch(option){ this.oWrap = this.getId(option.wrapID); //最外层元素 this.olistWrap
·2015-11-01 08:47
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他