原生JavaScript

原生JavaScript对象复制

简单深度复制vara={a:1,b:2,c:{d:4,e:5},f:6};functionsimpleDeepClone(obj){returnJSON.parse(JSON.stringify(obj));}varc=simpleDeepClone(a);console.log(a);//{a:1,b:2,c:{d:4,e:5},f:6}console.log(c);//{a:1,b:2,c:{
天乡墨客·2017-12-11 02:41

前端框架大战之井字游戏【直播】

使用的技术：HTML5新增属性，CSS3动画，原生JavaScript.源码链接https://github.com/twhy/var欢迎star或fork本周日晚上20:00，饥人谷直播讲解上面这个井字游戏的制作过程
盒子爱上猫·2017-12-07 11:01

关于 jsonp 的错误

背景：使用原生javascript，写jsonp的可跨域请求逻辑，不间断发送心跳。大失误：由于心跳包是每秒发送一个jsonp,结果导致了头部插入了数不清的script标签。
HeyDelilah·2017-12-04 02:21

原生JavaScript实现Ajax异步请求

在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只需要ajax功能，这样引入Jquery比较不划算。所以接下来便用原生JavaScrpit实现一个简单的Ajax请求，并说明ajax请求中的跨域访问问题，以及多个ajax请求的数据同步问题。JavaScript
悠悠·2017-11-19 11:26

jQuery基础知识梳理（二）

与原生JavaScript中的load事件需要在页面所有内容加载完成后才执行不同，ready只要在DOM结构加载完成后，就可以执行。
汤初景·2017-11-10 13:04

如何优雅的设计 React 组件

原生JavaScript操作DOM》就直截了当的告诉你，现在用原生JavaScript可以非常方便的操作DOM了。其次，jQuery的便利性是建立在有一个基础
iKcamp·2017-11-10 09:22

如何优雅的设计 React 组件

原生JavaScript操作DOM》就直截了当的告诉你，现在用原生JavaScript可以非常方便的操作DOM了。其次，jQuery的便利性是建立在有一个基础
iKcamp·2017-11-10 00:00

程序员总结分析：为什么要用原生JavaScript代替jQuery？

随着JavaScript本身的完善，越来越多的人开始喜欢使用原生JavaScript开发代替各种库，其中不少人发出了用原生JavaScript代替jQuery的声音。
UIleader·2017-11-09 17:09

原生javascript实现文件异步上传的实例讲解

效果图：代码：（demo33.jsp）demo33.jsp名称文件确定functionajaxUploadFile(){varformData=newFormData();varxmlhttp;if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safarixmlhttp=newXMLHttpRequest();}else{//
冷月葬残花·2017-10-26 08:35

浅谈Node.js之异步流控制

1.原生JavaScript模式本篇不针对
马在路上·2017-10-25 08:27

原生JavaScript写AJAX

前端JavaScript:function ajaxGet(url, obj) {    var request;    if(window.XMLHttpRequest) {        request = new XMLHttpRequest();    } else {        request = new ActiveXObject('Microsoft.XMLHTTP'); // 
mazey·2017-10-23 18:19

JavaScript之创意时钟项目(实例讲解)

时钟展示项目”说明文档（文档尾部附有相应代码）一、最终效果展示：二、项目亮点1.代码结构清晰明了2.可以实时动态显示当前时间与当前日期3.界面简洁、美观、大方4.提高浏览器兼容性三、知识点汇总：jQuery、原生
青衫故人1·2017-10-23 08:42

原生JavaScript实现观察者模式

目录什么是观察者模式ES6的实现使用set方法实现使用Reflect和Proxy实现总结什么是观察者模式维基百科对观察者模式的定义如下：观察者模式是软件设计模式的一种。在此种模式中，一个目标对象管理所有相依于它的观察者对象，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实时事件处理系统。说的简单些，就是在数据发生改变时，对应的处理函数自动执行。维
坐在路边数星星·2017-10-19 17:17

【目录】 你好! 我是博客总目录

目录整体分为四大类：前端篇后端篇算法篇网络篇前端篇原生javascript原生javascript函数中的this的四种绑定形式原生javascript详解javascript闭包原生javascript
外婆的彭湖湾·2017-10-18 13:00

原生javascript实现的全屏滚动功能示例

本文实例讲述了原生javascript实现的全屏滚动功能。
karenYin0828·2017-09-19 11:56

以Base64字符串形式上传文件——在web浏览器端使用原生Javascript及Ajax读取本地文件并发送请求到服务器

简述在常规的web开发过程中，大部分上传文件都是在web页面端通过表单直接提交，再由服务器端捕获请求来进行处理的。但是在前后端分离趋于一种流行趋势，再加上Android和iOS开发技术日渐成熟，大部分团队都会选择在服务器端仅提供一套通用的webservice数据接口，而web页面、Android和iOS统一都通过这套数据接口来向服务器发送请求和获取数据。在这一过程中，大部分的webservice数
女儿控伪全栈老徐·2017-09-10 16:56

bootstrap-关于class的理解

Bootstrap是当前比较受欢迎的一个前端框架，在jQuery的基础上进行了完善，因此都是对原生javascript的一种封装。在bootstrap当中，通过类的方式对元素进行样式的添加。
desertsky2017·2017-09-09 20:29

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)

原生javascript方法：vara=document.getElementById("dom");del_space(a);//清理空格varb=a.childNodes;//获取a的全部子节点；varc
海贼之路飞·2017-09-06 14:37

原生javascript跨浏览器常用事件处理

vareventUntil={getEvent:function(event){//获取事件returnevent?event:window.event},addHandler:function(element,type,handler){//事件监听if(element.addEventListener){element.addEventListener(type,handler,false);
鲁小胖·2017-09-05 22:00

你需要知道面试中的10个JavaScript概念

我这里不是吐槽和开骂什么的；在之前jQuery年代，很多面试官都会问除了用jQuery来实现，能不能改写原生JavaScript来处理。也
蓝少·2017-09-05 00:00

React-0 | 初尝

jQuery是对原生JavaScript封装使其更加易用，崇尚的是html，css和js独立的思想，而React主导的是将实现某一个功能的html，css和js绑定在一块，作为一个组件（component
Mindjet·2017-09-01 08:53

原生javascript实现鼠标在窗口按下拖动，元素放大效果。

代码如下：鼠标按下拖动，元素放大效果*{margin:0;padding:0;user-select:none;height:100%;overflow:hidden;}#od{height:400px;width:400px;margin:100pxauto;background:red;transition:all.4sease-out;}1function$(selector){return
codingNoob·2017-08-26 20:25

使用原生javascript实现jquery的$(function(){ })

在使用jquery的时候，经常用到$(function(){})方法或者是$(document).read(function(){})来作为页面dom节点加载完成之后javascript的执行入口，现在可以使用原生的javascipt模拟jquery中$(function(){});方法function$(fun){if(typeoffun!="function"){thrownewtypeErr
deng16495·2017-08-23 14:00

纯原生javascript实现图片轮播切换效果代码。

效果如下：代码部分：Document*{margin:0;padding:0;}#banner{position:relative;width:400px;height:200px;margin:50pxauto;overflow:hidden;}#banner.box{width:400px;height:200px;overflow:hidden;}#banner.boxliimg{width
codingNoob·2017-08-20 13:26

纯原生javascript实现图片轮播切换效果代码。

效果如下：代码部分：Document*{margin:0;padding:0;}#banner{position:relative;width:400px;height:200px;margin:50pxauto;overflow:hidden;}#banner.box{width:400px;height:200px;overflow:hidden;}#banner.boxliimg{width
codingNoob·2017-08-20 13:26

原生JavaScript来实现对dom元素class的操作方法(推荐)

jQuery操作class的方式非常强大写了一个利用原生js来实现对dom元素class的操作方法1.addClass:为指定的dom元素添加样式2.removeClass:删除指定dom元素的样式3.toggleClass:如果存在(不存在)，就删除(添加)一个样式4.hasClass:判断样式是否存在下面为一toggleClass的测试例子[html]viewplaincopydiv.test
yusirxiaer·2017-08-16 16:07

使用原生javascript给array本地对象增加一个原型方法，删除数组重复数据，返回重复数据的新数组，新数组不可以重复

TitleArray.prototype.delRepeat=function(){vararrRepeat=[];varobj={};for(vari=0;i
小草_fdba·2017-08-15 20:45

JavaScript DOM操作及扩展

IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。COM对象是遵循COM规范编写、以Win32动态链接库（DLL）或可执行文件（EXE）形式发布的可执行二进制代码，
此去经年丶DYK·2017-08-09 10:43

原生 JavaScript 和 jQuery 的优劣比较

原生JavaScript和jQuery的优劣比较很多时候，我们经常听人说jquery有多快多快。在这个各种类库满天飞的时候，不得不说的是，能有原生JS快吗？
Lemon_code·2017-08-08 15:27

实现响应式布局的方式-CSS3实现

如何实现响应式布局：1.css3-MediaQuery//最简单的方式2.原生JavaScript//成本高不建议使用3.第三方开源框架//可以很好的支持浏览器响应式布局的设计一、css3-MediaQuery
lettle_redhat·2017-08-04 16:47

原生JavaScript和JQuery两种方式实现AJAX

原生方式：functioncreateXMLHTTPRequest(){//1.创建XMLHttpRequest对象//这是XMLHttpReuquest对象使用中最复杂的一步//需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码varxmlHttpRequest;if(window.XMLHttpRequest){//针对FireFox，Mozillar，Opera，Safari，
景向后山·2017-08-04 15:50

原生javascript判断是否是移动端访问，跳转到手机端网址代码

//判断手机端跳转到手机网址代码functionuaredirect(f){try{if(document.getElementById("bdmark")!=null){return}varb=false;if(arguments[1]){vare=window.location.host;vara=window.location.href;if(isSubdomain(arguments[1]
codingNoob·2017-07-27 17:44

原生javascript实现选项卡切换效果

Title.tab.titlespan{display:inline-block;padding:5px10px;background:#ccc;}.title.active{color:red;}.hidden{display:none;}.content{width:200px;height:200px;border:1pxsolid#ccc;}.content.active{display:
codingNoob·2017-07-26 10:04

原生javascript FileReader对象实现图片上传本地预览效果

Documentlabel{display:inline-block;width:200px;height:40px;border:1pxsolid#ccc;}.ob{background:#ccc;padding:10px;}.imgboximg{height:100px;width:100px;margin:10px;}//获取文件urlfunctioncreateObjectURL(blob
codingNoob·2017-07-23 12:18

Angular4简单入门笔记

刚实习的时候用过AngularJS，那时候真的是连原生JavaScript都不会写，依样画葫芦做了几个管理后台。
野草_前端·2017-07-15 12:55

js自定义弹框插件的封装

首先整理一下思路，原生javascript其实是有实现alert()方法的，但
liliangel·2017-07-13 16:38

flv.js的用法与说明总结

是HTML5Flash视频（FLV）播放器，纯原生JavaScript开发，没有用到Flash。由bilibili网站开源。
mengzhengjie·2017-07-05 18:58

进阶任务15 ajax

原生JavaScript的load事件，会在所有的东西（比如图片加载完）才会执行函数，但在大多数情况下，只要DOM结构完全加载后，就可以运行脚本。
饥人谷_zhangfan·2017-06-29 15:23

练习用原生JavaScript编写与JavaScript数组方法slice功能一样的函数

刚刚开始的时候感觉不太难，越写越发现之前忽略的可能性很多。当只有一个变量的时候，把代码写出来不是特别困难。可当有两个变量的时候，情况就复杂了很多。我在刚开始写的时候就在想如何把冗余的代码裁减掉，结果就是大脑宕机。最后老老实实的在纸上，用最笨的方法把所有的可能性都列出来，再去想如何把类似的代码拿出来就变得很容易了。所以，如果觉得大脑硬件不够用了，那就用最笨的办法先去把事情做了，然后再去优化。最后写出
砖用冰西瓜·2017-06-28 20:32

JavaScript 获取元素在父节点中的下标(推荐)

但原生JavaScript并没有提供类似的属性或方法，这时候可以调用数组中的indexOf方法直接计算hellohellohellohellovarelt=document.getElementById
景影随形·2017-06-28 08:47

【记录】ASP.NET MVC View 移动版浏览的奇怪问题

ASP.NETMVCView中的一段代码：@Model.ID没什么问题吧，浏览器浏览正常，查看元素为：123456但如果是用手机浏览器，查看元素是这样的：123456多了个“tel”超链接，另外，如果使用原生
林羽恒·2017-06-19 16:17

理解jQuery对象$.html

如果要比喻jQuery和原生javascript的关系，我个人认为是自动档和手动档汽车的区别。
jjjssswww·2017-06-06 10:04

深入理解Nodejs Global 模块

在nodejs中，除了可以直接使用V8JavaScript引擎中所支持的原生JavaScript的函数和对象外，它还追加了一些其他的函数和对象（比如：Buffer对象、require函数等）。
Percy·2017-06-03 10:07

原生JavaScript实现Ajax（三）：ajax函数的最终封装

经过前面两篇文章的详细讲解，我们已经对ajax有了进一步的认识，基于此，我们完全可以自行封装一个ajax函数，用法和jQuery中的一样，下面我们就开始吧封装ajax1，我们本着从简单到复杂的原则，不搞一步到位，一步一步来完成，比如，我们先是完成一个get请求的异步传输functioncreateXHR(){if(window.XMLHttpRequest){returnnewXMLHttpReq
GY_U_YG·2017-05-31 19:13

原生JavaScript实现Ajax（二）：同步，异步，GET，POST

上文使用同步方式实现了ajax，本文使用异步的方式，因为异步才是我们的目的，也是真正常用的手段，使用异步需要触发readystatechange事件，然后检测readyState这个属性就行。不同的浏览器，这里略有不同，但大致分为下面5种状态值：-0：未初始状态：尚未调用open()方法，有的浏览器没有此状态；-1：启动：已经调用open方法，尚未调用send方法；-2：发送：已经调用send()
GY_U_YG·2017-05-31 17:58

原生JavaScript实现的简单省市县三级联动功能示例

本文实例讲述了原生JavaScript实现的简单省市县三级联动功能。
最美FE·2017-05-27 14:53

原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】

本文实例讲述了原生JavaScript实现的淘宝轮播图效果。
最美FE·2017-05-27 12:45

Angularjs 实现动态添加控件功能

(1)最开始，想到原生JavaScript，jQuery(appendChild()等方法结合AngularJS来添加新的元素。但是突然发现控件里面的数据绑定，原生javascript没法控制。
Tinatrista·2017-05-25 16:41

angularjs学习笔记一——了解angularjs、开发环境搭建、第一个angularjs程序

一、什么是angularJSangularJS是基于javascript的框架，所谓框架，自然就是封装了很多功能，举个例子，使用原生javascript，如果你要写一个网页幻灯片，你可能需要几十行代码，
FUNCO_小风·2017-05-25 08:07

JavaScript instanceof运算符深入分析

前言如果你要开发一个复杂的产品，那么肯定少不了使用面向对象机制，当然也避不开Javascript里面的继承，instanceof运算符是原生Javascript语言中用来判断实例继承的操作符。
lifeColder·2017-05-25 08:33
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他