原生javaScript

原生JavaScript实现的简单放大镜效果示例

本文实例讲述了原生JavaScript实现的简单放大镜效果。分享给大家供大家参考，具体如下：原理：其实所谓的放大就是准备两张一样的图片，除大小不一样。鼠标移动到不同位置，将会显示大图片对应的图片内容。
karenYin0828·2018-02-07 14:33

前端基础 JS DOM基础(1)

获取元素元素1前端开发服务器端开发UI设计javaScript原生javaScript框架//获取id为box的这个元素varbox=document.getElementById("box");console.log
lancefate·2018-01-29 21:12

为什么要用原生 JavaScript 代替 jQuery？

随着JavaScript本身的完善，越来越多的人开始喜欢使用原生JavaScript开发代替各种库，其中不少人发出了用原生JavaScript代替jQuery的声音。
边城__·2018-01-18 13:23

原生javascript防淘宝商品详情实现放大镜效果

我们经常逛淘宝的时候到淘宝商品详情看的时候，会经常使用到商品图片的放大镜功能，以前一直不知道怎么实现，遇到基本上都是网上找代码改，今天就用原生的js实现以下放大镜效果。码云上的代码：js淘宝放大镜效果效果如下图所示（ps：请忽略掉图片那个丑逼）：实现原理：准备好大图（清晰的）和小图，两张图片必须一样只是放大或者缩小了而已，鼠标移入小缩略图的时候，上面的小图显示相应的图片，当鼠标移入上面的小图的时候
codingNoob·2018-01-14 17:34

前端基础进阶（十）：面向对象实战之封装拖拽对象

不封装对象直接实现；利用原生JavaScript封装拖拽对象；通过扩展jQuery来实现拖拽对象。本文的例子会放置于codepen.io中，供大家在阅读时直接查看。如果对于cod
这波能反杀·2017-12-30 00:00

原生javascript实现右键菜单效果

最近看js高级程序设计的时候突然看到了contextmenu属性，之前在做项目的时候也遇到过，用来阻止鼠标右键弹出，（ps:禁止别人复制），今天突然想了下试着用这个属性来实现以下右键菜单效果。javascript实现右键菜单效果*{padding:0;margin:0;}.menu{display:none;position:fixed;width:125px;}.menuulli{height:
codingNoob·2017-12-25 23:55

Ag-grid表格 原生javascript的简单使用

ag-grid是支持多种前端框架的企业级表格框架，它能实现的功能也颇多，有兴趣的可以上他的官网api看下ag-Grid官网;我这里简单写一下基础的数据初始化生成表格；1.首先引入js文件；我这里用原生的方式；并没有使用vue之类的框架的方法去写；如果想要用在框架中使用；官方也通过了很多引入的方法；如图：回到话题：新建一个html文件，引入js文件grid如果想要下载文件可以直接访问地址ag-gri
webmxj·2017-12-18 11:30

原生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
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他