原生JavaScript 第11页

原生javascript实现ajax 发送post请求

varpostData={"name1":"value1","name2":"value2"};postData=(function(obj){//转成post需要的字符串.varstr="";for(varpropinobj){str+=prop+"="+obj[prop]+"&"}returnstr;})(postData);varxhr=newXMLHttpRequest();xhr.ope

江山夜雨·2020-08-05 02:53

Ajax实战总结——用原生JavaScript代码封装自己的Ajax核心对象

前言：目前已有了很好的Ajax封装，例如：JQuery框架中的Ajax，那么为什么还要自己封装一下下呢？原因很简单，一是了解人家的封装过程，二是自己熟悉代码，三是更加深刻对Ajax核心对象的理解，以及使用Ajax异步更新的基本原理。体会和传统Web开发的异同基础知识：核心对象：XMLHttpRequest对象：它是XML里DOM技术中的一个重要对象。它提供了对HTTP协议的完全的访问，包括做出PO

独孤文彬·2020-08-05 02:19

ajax（原生JavaScript）异步提交表单数据

采用ajax异步方式，通过js获取form中所有input、select等组件的值，将这些值组成Json格式，通过异步的方式与服务器端进行交互，一般将表单数据传送给服务器端，服务器端处理数据并返回结果信息等functionmyFunction(){varelements=document.getElementsByClassName("formVal");varformData=newFormDa

supertor·2020-08-05 02:23

手把手教你用原生JavaScript造轮子（六）——Tree树形控件

文档：Tree源码：tiny-wheels如果觉得好用就点个Star吧~(〃'▽'〃)效果思路树形控件的效果，实际上就是对tree这种数据结构的一种运用，因为用户传入的数据是嵌套结构的，也就是一种类似于tree的结构，我们组件中首先要实现的，就是对这种数据的遍历操作，剩下的所有逻辑都是基于遍历的基础上的实现文章只列出关键部分的代码，其余逻辑可自行研究项目中的源码这个组件的所有dom都是通过js生成

csdoker·2020-08-05 01:45

手把手教你用原生JavaScript造轮子（五）——Collapse折叠面板

文档：Collapse源码：tiny-wheels如果觉得好用就点个Star吧~(〃'▽'〃)效果思路每个面板折叠、展开的动画效果其实就是去控制collapse-panel的height变化，所以在一开始就需要记录下每个面板的原始高度，否则用户在折叠面板后，高度就变为0了，这时候计算出来的值也为0，就无法还原为初始高度了实现文章只列出关键部分的代码，其余逻辑可自行研究项目中的源码Collapse与

csdoker·2020-08-05 01:45

【AJAX】AJAX概述，原生JavaScript实现Ajax

【AJAX】AJAX概述，原生JavaScript实现Ajax1.什么是AJAX？

私忆一秒钟·2020-08-05 01:20

原生JavaScript写一个简易的抽奖系统

用原生JavaScript实现一个简单的抽奖系统，有【开始】按钮和【停止】按钮。

遇见小美好·2020-08-05 01:03

原生JavaScript实现AJAX、JSONP

相信大部分前端开发者经常会用jquery的ajax方法与后台进行交互，但是有些时候，我们只需要用到ajax请求数据，而其他的功能几乎用不到，所以就需要知道原生js的ajax请求方法。ajax简介ajax描述了一种主要使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载，ajax的核心是XMLHttpRequest对象，它定义了用脚本操纵HTTP的API！具体来说，ajax包括以下步骤：

baby加油_·2020-08-05 01:29

AJAX原生JavaScript写法

Ajax(AsynchronousJavaScriptAndXml)页面的无刷新技术（异步）不刷新页面的情况下局部的更新示例：（1）自动补全（2）地图get方式varxmlHttpRequest=null;functionajaxSubmit(){//创建XMLHttpRequest对象，为考虑兼容性问题，老版本的InternetExplorer（IE5和IE6）使用ActiveX对象if(win

l2535460824·2020-08-05 00:02

原生javascript实现图片放大镜

效果如图所用知识点offsetTop属性:此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。返回值是一个整数，单位是像素。offsetLeft属性:此属性和offsetTop的原理是一样的，只不过方位不同，这里就不多介绍了。offsetW

gaoshanyangzhi_1999·2020-08-05 00:48

原生 javascript ajax 实例演示

（对低版本的ie不作兼容处理了，太过时，不知道谁还用）本次演示采用原生javascript+php实现ajax的post和get功能;对php不了解的同学不用担心，就两三行代码，而且我会详细说明；好了，

cvper·2020-08-05 00:38

使用原生javascript实现ajax提交form表单

使用原生javascript实现ajax提交form表单============================1准备表单首先我们需要编写一个html代码，这里我是采用nodejs里面的jade模板引擎来进行生成

月夜枫123·2020-08-04 23:52

【JavaScript】-原生JavaScript实现Ajax

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

季诗筱·2020-08-04 23:13

原生JavaScript编写一个ajax

编写第1个AjaxfunctionAjax(){varxmlHttpReq=null;if(window.ActiveXObject){//兼容IE5、IE6xmlHttpReq=newActiveXObject("Microsoft.XMLHTTP");}else{xmlHttpReq=newXMLHttpRequest();}xmlHttpReq.open("GET","test.php",t

csdn_yqf1994·2020-08-04 23:02

原生js 组件化跑马灯抽奖效果

带作弊（（；简易原生JavaScript实现跑马灯下过Titleli,.btn{width:40px;height:40px;display:inline-block;text-align:center

小小小卒·2020-08-04 20:36

只获取元素中的文本,而不获取子元素的文本

查看网上的资料整合了几种方法，在此做个记录：原生JavaScript方法//原生js方法vararr=[];varcontent=document.getElementById("c

eva_feng·2020-08-04 14:26

原生javascript实现类redux状态管理器

react、vue将一个应用划分成不同的组件，一个组件的状态可能会影响另一个组件，随着项目日渐复杂，组件间通信就是一个令人头疼的问题...我：qiottomatte！项目日渐复杂导致状态管理困难？引起一个model变化的因素可能会有很多种：服务器响应、缓存数据、本地数据、ui状态、用户事件...我们怎么来处理这些状态？多个组件依赖同一个状态，各组件如何更新、同步状态？那就是用redux。说到red

whistlem·2020-08-03 22:08

数组--移除数组中指定的元素，不改变原数组和改变原数组

祥哥的说·2020-08-02 18:39

原生JavaScript技巧大收集

1、原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn =

远有青山·2020-07-31 18:59

JavaScript几种原生函数

1、原生JavaScript实现字符串长度截取functioncutstr(str,len){vartemp;varicount=0;varpatrn=/[^\x00-\xff]/;varstrre="

叨叨的蚂蚁·2020-07-31 17:18

分享原生JavaScript技巧大收集(21~30)

21、原生JavaScript中有insertBefore方法,可惜却没有insertAfter方法?

漫画之迷·2020-07-31 17:50

jQuery - HTML DOM 操作（二）

jQuery中提供了一系列的HTMLDOM操作的方法，比起原生JavaScript的DOM操作，显得更加地简便。本文目录：操作CSS；设置或获取CSS属性。

MonkeyChennn·2020-07-30 20:09

React jsx转换成原生JavaScript的一个例子

/components/MyButtonController');ReactDOM.render(,document.querySelector('#example'));转换后的原生JavaScript

汪子熙·2020-07-30 19:43

原生javascript实现简单的数据结构与算法

最近面试被问到冒泡排序和快速排序，要求现场手撕代码。原理我都懂，可是sort()方法用爽了，怎么会去研究原生js的实现呢！好吧，既然面试官要问，我就写！！一.冒泡排序functionaryList(arry){this.bubbleSort=function(){varlen=arry.length;for(vari=0;iarry[j+1]){swap(j,j+1);}}}returnarry;

温梦丽·2020-07-30 16:19

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

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

kaoa000·2020-07-30 15:20

JavaWeb项目----拼图游戏（可实现上传自己喜欢的图片，和女朋友一起玩呀！！）

文章目录一、游戏界面二、游戏动态演示三、上传图片的核心功能四、获取完整项目五、分享与热爱一、游戏界面前端页面声明：已获得博友NilXuan授权，文章链接点它->原生Javascript实现拼图游戏二次开发的效果图如下

放牛娃学编程·2020-07-30 07:14

JS中常用函数整理

*Author:bysicd*Describe:*Commonlyusedfunctionofjscode**//**1、原生JavaScript

weixin_30772261·2020-07-30 02:56

使用原生JavaScript实现的EventEmitter

和Nodejs中EventEmitter功能类似.适合浏览器自定义事件类.新添加了可以定制事件促发次数的功能.详细见https://github.com/webery/ajax/tree/master包括了源代码和测试代码.未经过严格测试,暂时为第一个版本.还有很多优化的地方,现在只是一个参考.使用方法前端测试文件:emit.ejsdocument.getElementById('submit')

yhjyumi·2020-07-29 13:29

原生JavaScript实现图片切换

原生JavaScript实现图片切换效果效果：html布局``1/5css样式body{margin:0;padding:0;}.slideshow{height:445px;width:650px;pxmargin

weixin_44771433·2020-07-29 12:24

原生 JavaScript 实现进度条

原生JavaScript特效JavaScript实现进度进度条实现介绍html代码css样式JavaScript代码效果图整体代码JavaScript实现进度进度条实现介绍使用JavaScript实现进度条功能

weixin_44134972·2020-07-29 12:43

原生JavaScript实现换肤

原生JavaScript实现换肤原理通过点击事件，获取点击的的图片的信息，在HTML背景图片的路径改变css样式body{margin:0;padding:0;background:url(img/1.

weixin_44134972·2020-07-29 12:43

原生JavaScript实现简单的图片切换——DOM操作

在实际应用中，我们总是有进行图片切换操作的需求。图片切换有许多实现方法，有的用jQuery，有的借用框架等等。本文回归最初的最简单的实现。借用原生DOM操作实现定时切换图片。下面是代码：html代码：JS代码：functionshowPic1(n){if(!document.getElementById('placeholder'))returnfalse;//ifthereisnot,notto

随心而码·2020-07-29 12:44

关于jquery插件入门

之前写过jQuery插件，其实其中原理也很简单，不过我在想原生JavaScript插件的我应该要怎么写？网上的教程略显复杂，我自己理解

weixin_34056162·2020-07-29 12:13

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

等DOM元素加载完成之后执行的代码function_$(fun){if(typeoffun!="function"){thrownewtypeError('Theargumentpassedinisnotafunction');}else{vardoc=document;if(doc.addEventListener){doc.addEventListener("DOMContentLoaded"

weixin_33895657·2020-07-29 12:00

原生JavaScript实现一个简单的组件化Tab

接下来我就跟大家分享一个我用原生JavaScript实现的一个简单的组件化Tab。首先是HTML结构，没什么好说的了吧。tab1tab2tab3我是面板1我是面板2我是面板3不加css长这个样。

我叫曲智超·2020-07-29 11:22

原生javaScript实现小功能

此博客用来收集原生JS实现的一些小功能,希望能够在此博客中能够找到您需要的功能!!!博客会持续更新,如果没有您想要的功能,可以在下方留言,我会在后续进行添加.JS正则校验特殊符号varregEn=/[`~!@#$%^&*()_+";if(regEn.test(strEn)){alert("非法英文字符!")}varstrCn="demo《Java编程思想》"if(regCn.test(strCn)

Alex&&zyh·2020-07-29 11:32

JavaScript实现图片和div拖拽

今天需要一个图片拖拽功能，代码量小，就用原生JavaScript写吧！我们拖拽的动作由这么一组流程：1、鼠标在图片上按下左键————>2、拖动鼠标移动————>3、松开鼠标左键。

果然·2020-07-29 10:02

原生javaScript 实现前端输入框，输入搜索条件，先模糊匹配，生成下拉列表功能，避免重复请求数据库

自己写了一个小插件，很好用，有需要的在此思路上改动，分享给大家请标明转载地址：https://blog.csdn.net/lwang_IT/article/details/86592905前端下拉选择器简单封装.my-container{margin:auto;height:30px;width:280px;}.myLabel-content{float:left;line-height:30px

LiWang__·2020-07-29 10:46

原生JavaScript+H5实现简单的音乐播放器

刚学了HTML5的video和audio标签，自己写了一个简单的音乐播放器可以实现的功能：1、循环播放2、下一首和上一首的切换3、双击音乐播放由于音乐格式都比较大就不上传了，可以找自己喜欢的音乐改一下html部分代码上一首下一首WeBelieve.mp3卷珠帘.mp3我的楼兰.mp3css部分代码.wrap{width:300px;margin:50pxauto0;}button{font-siz

lgdshr123·2020-07-29 10:39

使用原生JavaScript实现网页定位导航

上一节我们通过jQuery实现了简单的网页定位导航，这一节使用JavaScript来实现。或许有人在想jQuery实现已经那么简便了怎么还要用JavaScript，但是作为一名合格的前端工程师，对底层的js也要有一定认识和掌握。这一节我们需要使用的知识有，学会将经常使用到的方法进行封装，方便在实验中的调用，jQuery和js获取元素的不同实现方法，还有正则表达式的使用等等。现在就让我们进入正题。网

左岸16·2020-07-29 09:43

【锋利的jQuery】读书笔记

前两天看了极客学院的jQuery入门视频，但是感觉这套视频偏介绍，作为入门学习，还是不够，看完之后能够看懂现成的jQuery代码，但是要讲我之前写的原生JavaScript代码用jQuery重写的时候，

Creabine·2020-07-29 09:35

原生javascript实现文件上传功能代码

Document*{margin:0;padding:0;}.progress{width:300px;height:20px;border:1pxsolidhotpink;border-radius:20px;overflow:hidden;}.step{height:100%;width:0;background:greenyellow;}//如果我们要使用ajax2.0结合FormData来

#麻辣小龙虾#·2020-07-29 09:03

原生 JavaScript 实现图片切换

原生JavaScript实现图片切换JavaScript实现图片切换的介绍使用原生JavaScript实现点击按钮图片切换htmlcssJavaScript原理：使用原生JavaScript，获取点击事件

weixin_44134972·2020-07-29 09:25

可能遇到假的面试题：不用call和apply方法模拟实现ES5的bind方法

来自朋友去某信用卡管家的做的一道面试题，用原生JavaScript模拟ES5的bind方法，不准用call和bind方法。至于结果嘛。。。

weixin_33873846·2020-07-29 06:16

AngularJs服务

1、内置服务$location是对原生Javascript中location对象属性和方法的封装。

不要和我名字一样·2020-07-29 03:14

Javascript 中 == 和 === 区别是什么？

关注问题写回答前端开发JavaScript前端工程师原生JavaScriptJavascript中==和===区别是什么？

vue初学者·2020-07-28 20:25

原生javascript实现extend

代码varobj1={'a':'obj2','b':'2'};varobj2={name:'obj3'};functionextend(){varlength=arguments.length;vartarget=arguments[0]||{};if(typeoftarget!="object"&&typeoftarget!="function"){target={};}if(length==1

weixin_34236869·2020-07-28 19:16

原生javascript闭包的定义和理解

就是一个函数何以访问另一个函数内部的局部变量可以避免垃圾回收机制javascript中的函数都可以称为闭包，只不过嵌套的更厉害可以吧值保存在内存中。闭包是指在函数外部访问函数作用域中变量（局部变量）的函数;或者说闭包就是能够读取其他函数内部变量的函数；或者说闭包是指有权访问另一个函数作用域中的变量的函数；由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解

巴啦啦小能量·2020-07-28 03:27

使用js操作checkbox

一.使用原生JavaScript判断是否选中checkbox框同意//获取checkbox元素varbox=document.getElementById("test");//判断是否被拒选中，选中返回

fengzhen8023·2020-07-27 22:34

原生javascript + vue组成的日历

本项目是一款日历，提供了展开看整月、收拢看整周功能；上月下月翻页功能；点击具体日期响应事件以及点击灰色日期，字段跳转到上月、下月功能。主要思路是从两侧计算完日期后，加上本月中间这一块日期，拼接而成。例如：整月数据：1.首先获取本月总共多少天，第一天和最后一天是星期几。最终获得本月数据2.拿到刚才计算的本月第一天星期几，用['日','一','二','三','四','五','六']这个序列定位上月还缺

Miss_LL·2020-07-27 16:48

推荐频道

原生JavaScript