原生javaScript

原生javascript组合模式写菜单 (封装调用)

*{padding:0;margin:0}ul{list-style:none}a{text-decoration:none;display:block;width:200px;height:50px;}.one{width:1000px;height:50px;line-height:50px;background:#ff0;margin:0auto;}.oneli{float:left;wid
巴啦啦小能量·2018-12-27 18:13

gulp使用介绍及常见问题

适合简单原生JavaScript项目压缩处
AaronYuan·2018-12-25 00:00

原生javascript编写飞机大战

飞机大战html,body{height:100%;}*{margin:0;padding:0;}初始化数据window.onload=function(){//加载战场battleground();//战机加载conbat();letb=newfly(0,600,5000);b.keep();}//战场加载functionbattleground(){battleDiv=document.cre
巴啦啦小能量·2018-12-22 17:15

重构一段基于原生JavaScript的表格绘制代码

为了在CardSimulate项目中方便的显示技能和效果列表，决定重构以前编写的一段JavaScript代码——att表格绘制库，这段代码的作用是将特定的JavaScript数据对象转化为表格，支持精细的样式设置和一些复杂报表功能并且提供了自由的扩展性。可以用较新的Chrome浏览器访问https://ljzc002.github.io/Att/HTML/TEST/AttSample.html查看
ljzc002·2018-11-10 14:00

好用的日历插件（三款常用的日历插件）

由于内部采用的是零依赖的原生JavaScript编写，因此
Heerey525·2018-11-05 13:10

原生JavaScript之完美运动框架

在这里呢，我们先来说下关于完美运动框架的封装思路。想让一个物体运动呢，我们必须给那个物体加上定位属性；其次想让一个物体自动运动的话必须用到定时器；知道了这个后，基本上就差不多做完了（哈哈，给你个小安慰）！首先在封装框架之前我们得封装一下获取非行间样式，这样的话我们就不单单局限于（offsetwidth，offsetheight）了,而是你想让哪个属性运动就能让哪个属性运动了。因为获取非行间样式是有
易水人去丶明月如霜·2018-10-27 20:50

原生javascript实现call、apply和bind的方法

varcontext={id:12};functionfun(name,age){console.log(this.id,name,age)}bindbind()方法会创建一个新函数。当这个新函数被调用时，bind()的第一个参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。原生bind1.vara=fun.bind(context,'bind');2.a(1);/
weixin_30678349·2018-09-28 17:00

原生js——使用js操作checkbox

一.使用原生JavaScript判断是否选中checkbox框同意//获取checkbox元素varbox=document.getElementById("test");//判断是否被拒选中，选中返回
振礼硕晨·2018-09-25 17:40

Meteor API Timers

这些函数就像他们的原生JavaScript等价物一样工作。如果你调用本地函数，你会得到一个错误，指出Meteor代码必须总是在Fibre中运行，并建议使用Meteor.bindEnvi
与时间赛跑_·2018-09-24 19:18

微信小程序JavaScript

浏览器中JavaScriptDOM：浏览器文档对象模型BOM：浏览器对象模型nodejs中的javascript实现ECMAScript，Native，Npm组成Native：原生的模块，来使用一些原生
_dalianmiao·2018-09-19 18:32

浅谈原生JavaScript（一）

一JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript(Adobe公司，需要插件)等。前端三大块1、HTML：页面结构2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3
Step_Top·2018-09-04 22:38

原生javascript实现 下拉框搜索功能

由于业务需求，要实现一个下拉框搜索功能。这个下拉功能和百度的还是有点区别的，百度的是时时与服务器交互的，而这个只是模拟。技术点在于实现了搜索功能。未搜索前如下图：搜索后：Document*{margin:0;padding:0;}.box{width:200px;margin:100pxauto;}.select-box{width:100%;overflow:hidden;}.select-dr
dengla6847·2018-09-04 09:00

使用原生JavaScript实现图片轮播（走马灯）功能

前言今天介绍的是如何使用原生的JavaScript实现图片轮播（走马灯）这样的一个功能。要实现这个功能其实有很多思路，我的只是其中一种实现思路。好啦，废话不多说，开始上菜~~gitHub地址：https://github.com/yexiaofan/carouselByJavaScript.gitHTML代码.html文件代码CSS代码.css文件代码.css文件代码.css文件代码JavaScr
迦叶凡·2018-09-01 14:43

分享一款jquery的日期插件

2、插件的作者相关链接zaneData是一个完全由原生javascript封装的PC端日历插件，不依赖任何第三方插件
铁柱同学·2018-08-29 16:26

在JavaScript中如何生成随机字符串

于是，就想如何使用原生JavaScript生成随机字符串。问题描述如何原生实现生成随机字符串？
youthcity·2018-08-28 12:31

从MVC到MVVM（初识Vue）

在本篇文章中，我将先用原生JavaScript做一个小例子，然后将其先使用MVC设计模式进行代码重构，然后使用Vue框架再改写一遍，最终的代码就是使用的MVVM设计模式，从而让我们更容易的理解Vue的思路
EnochQin·2018-08-28 11:25

手把手教你用原生JavaScript造轮子（2）——轮播图（更新：ES6版本）

通过上一篇文章的学习，我们基本掌握了一个轮子的封装和开发流程。那么这次将带大家开发一个更有难度的项目——轮播图，希望能进一步加深大家对于面向对象插件开发的理解和认识。So,Let'sbegin!目前项目使用ES5及UMD规范封装，所以在前端暂时只支持标签的引入方式，未来会逐步用ES6进行重构演示地址：carouselcarousel-mobileGithub：csdwheels如果觉得好用就点个S
csdoker·2018-08-12 00:00

手把手教你用原生JavaScript造轮子（1）——分页器（最后更新：Vue插件版本，本篇Over！）

日常工作中经常会发现有大量业务逻辑是重复的，而用别人的插件也不能完美解决一些定制化的需求，所以我决定把一些常用的组件抽离、封装出来，形成一套自己的插件库。同时，我将用这个教程系列记录下每一个插件的开发过程，手把手教你如何一步一步去造出一套实用性、可复用性高的轮子。So,Let'sbegin!目前项目使用ES5及UMD规范封装，所以在前端暂时只支持标签的引入方式，未来会逐步用ES6进行重构演示地址：
csdoker·2018-07-25 00:00

原生JavaScript实现remove()和recover()功能示例

本文实例讲述了原生JavaScript实现remove()和recover()功能。
筱葭·2018-07-24 11:50

原生javascript使用FormData Api实现upload文件显示进度条上传

FormData对象的使用FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyeddata)，而独立于表单使用。如果表单enctype属性设为multipart/form-data，则会使用表单的submit()方法来发送数据，从而，发送数据具有同样形式。你可以自己创建一个FormData对象，然后调用它的
codingNoob·2018-07-23 23:00

原生javascript使用FormData Api实现upload文件显示进度条上传

FormData对象的使用FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyeddata)，而独立于表单使用。如果表单enctype属性设为multipart/form-data，则会使用表单的submit()方法来发送数据，从而，发送数据具有同样形式。你可以自己创建一个FormData对象，然后调用它的
codingNoob·2018-07-23 23:00

HTML5前端教程：jQuery项目实战

为什么这么说呢，主要有以下三点原因：第1，在掌握原生javascript开发的基础上学习jQuery，能够进一步提升前端开发能力。
liuyingv8·2018-07-20 17:26

Vue无限滑动周选择日期的组件的示例代码

当时又没有找到合适的第三方插件，就花了点时间用原生JavaScript写了出来，当时心中就想把它写成基于Vue的组件，这短时间闲了把它弄出来了！，在这个过程中遇到了一个坑，后面会提出来！
叁木·2018-07-18 10:12

原生javascript实现H5拖拽效果。

一、设置元素为可拖放首先，为了使元素可拖动，把draggable属性设置为true二、ondragstart和setData()当元素被拖动时，事件触发，所调用的函数。上面例子代码中，ondragstart属性调用了一个函数，drag(event)，规定被拖动的数据。dataTransfer.setData()方法设置被拖数据的数据类型和值：functiondrag(ev){ev.dataTran
codingNoob·2018-07-17 14:46

原生javascript实现H5拖拽效果。

一、设置元素为可拖放首先，为了使元素可拖动，把draggable属性设置为true二、ondragstart和setData()当元素被拖动时，事件触发，所调用的函数。上面例子代码中，ondragstart属性调用了一个函数，drag(event)，规定被拖动的数据。dataTransfer.setData()方法设置被拖数据的数据类型和值：functiondrag(ev){ev.dataTran
codingNoob·2018-07-17 14:46

原生JavaScript + canvas 实现贪吃蛇小游戏

效果图： 贪吃蛇 得分：0分 用时：0秒 开始 暂停 重置 button{ outline:none; border:none; } .snake-wrap{ width:600px; height:720px; margin:50pxauto; background:limegreen; } .info-bd{ height:60p
进阶的码农·2018-07-09 00:00

原生Javascript实现拼图游戏

使用Javascript实现多功能的拼图游戏一、结果展示二、游戏功能介绍可更换游戏图片；可选择游戏难度；可记录操作次数；可给玩家以提示；可支持键盘操作（四个方向键）和鼠标点击；当游戏结束时，给出提示；三、代码设计说明html文件用于整个游戏界面的布局；整个布局分为两个部分，一个是游戏菜单部分，就是最上面蓝色背景部分；另一部分是游戏内容区域，包含左右两个部分，左边是进行游戏的区域，右边是提示图片；整
Nil Xuan·2018-06-19 00:41

vue中使用BetterScroll（网上）

由于它基于原生JavaScript实现，不依赖任何框架，
weixin_30418341·2018-06-08 11:00

JavaScript中click和onclick本质区别与用法分析

分享给大家供大家参考，具体如下：原生javascript的click在w3c里边的阐述是DOMbutton对象，也是htmlDOMclick()方法，可模拟在按钮上的一次鼠标单击。
百撕可乐·2018-06-07 15:20

原生javascript用面向对象的方式仿query实现链式调用。

原生javascript用面向对象的当时仿query实现链式调用。
codingNoob·2018-06-04 23:54

原生AJAX和jQuery ajax的使用和区别

##1.原生JavaScript写法：原生js写ajax就像打电话打电
成功人士从不写博客·2018-05-23 15:22

一个基于原生JavaScript开发的、轻量的验证码生成插件

Vcode.js一个基于原生JavaScript开发的、轻量的验证码生成插件V:1.0.0DEMO:https://jofunliang.github.io/Vcode.js/example.html安装
雨霖月寒·2018-05-16 17:00

原生JavaScript实现AJAX通信实例

我会使用Node.js模拟服务器,所以请先到官网下载Node.js这个实例的完整代码及使用请到我的库中获取:AJAX-demo.本文为了叙述方便利索只介绍核心代码创建index.html首先创建一个index.html文件,在文件中写入如下代码:AJAX-demo这是AJAX-demo假设我们要向服务器请求这个index.html页面,服务器会将此页面发送个浏览器作为响应.浏览器会解析index.
CSDN认证用户·2018-05-13 16:57

用原生JS实现AJAX和JSONP

其实，原生JavaScript实现AJAX并不难，下面我们可是演示如何实现利用原生JS构建简单的AJAX，还有跨域请求JSONP的实现。
曼施坦因·2018-05-04 20:00

原生javascript AJAX 三级联动的实现代码

js三级联动的实现代码如下所示：js原生ajax-请选择省/直辖市/自治区--请选择市-varsel1=document.getElementsByName('sel1')[0];varsel2=document.getElementsByName('sel2')[0];varints=document.getElementById('int');//创建请求对象vara=newXMLHttpRe
Cc_Pz·2018-05-04 10:02

JavaWeb之Vue

一、Web前端技术：1、展示：html,css.2、交互：javaapplet,flash,javaScript(包含原生javascript时代，jquery时代，大前端时代[angularjs,vue
找个借口安静·2018-04-27 09:31

原生JavaScript实现随机生成字母数字验证码

实现思路产生4位随机的组合验证码定义一个数码数组arr，用于盛放'a-z','A-Z','0-9'，这个数组长度为62;先定义一个空数组result，用于盛放产生的4位随机码；实现一个循环次数是4的循环，在该循环中随机产生一个[0,62]的数字，用于获取1中数码数组arr的元素，然后将得到的随机数码放到2中定义的数组中，知道循环结束；循环结束后，调用数组的join方法，将result数组中的元素进
小人物的秘密花园·2018-04-26 18:25

原生javascript实现新闻展示（无缝滚动/上下翻页切换）

如果你需要用原生js实现新闻滚动的效果，希望这篇博客能帮到你：1、新闻的无缝滚动css代码：*{margin:0;padding:0;}.fl{float:left;margin:05px;}.clearfix{}.clearfix:after{content:'';clear:both;display:block;height:0;width:0;visibility:hidden;}#demo
一只爱吃糖的小羊·2018-04-26 15:21

WEB前端工程师整理的原生JavaScript经典百例

一、原生JavaScript实现字符串长度截取二、原生JavaScript获取域名主机三、原生JavaScript转义html标签四、原生JavaScript时间日期格式替换Date.prototype.Format
悟空前端·2018-04-26 11:00

原生javascript实现的选取搜索组件

代码：Document.select_text{width:30%;height:20px;padding:8px;border-radius:5px;color:grey;}.select_text:focus{border-color:green;box-shadow:0px05pxgrey;}.select_span{position:relative;left:-2%;cursor:poi
Lee_吉·2018-04-26 07:36

原生JavaScript操作——节点操作

进入正题，开始学习JavaScript原生节点操作。1.查找节点获取一般节点（当然也可以获取特殊关系节点）按id查找document.getElementByID('patty');按class名查找document.getElementsByClassName('patty');按标签名查找document.getElementsByTagName('patty');统一查找document.q
卓三阳·2018-04-22 12:32

原生JavaScript和jQuery操作DOM元素总结

DOM(DocumentObjectModel)即文档对象模型。通常，浏览器将HTML或XML文档转化成一个对象模型的集合（即DOM树），JavaScript便可以对DOM节点进行操作以达到预期效果，以下总结了原生JS与Jq操作DOM节点的方法。①原生JS对DOM节点Node类型（基类）nodeType：节点类型，若为元素则值为1；nodeName,nodeValue：对于元素节点，nodeNam
didudidudu·2018-04-20 13:38

用原生JavaScript实现淡入淡出轮播图

html代码css代码*{margin:0;padding:0;}ul,li{list-style:none;}#banner{width:800px;height:400px;margin:40pxauto;position:relative;}#banner>ul>li{position:absolute;opacity:0;filter:alpha(opacity:0);}#banner>u
chengliang666·2018-04-17 19:39

原生JavaScript实现贪吃蛇的游戏

贪吃蛇游戏的思考步骤：1.默认初始值（3个）默认向右走2.封装函数move，去移动蛇3.去监听键盘的事件，看用户的怎么移动蛇4.去判断碰到墙就死亡，结束游戏5.去完成投放食物的封装函数6.去实现蛇的吃食物的函数其实我们触发键盘事件，我们是这么处理的，这是一种比较简单的想法。一个div是40px，当横着三个div数组，往右。数组0是蛇头，那么当移动时是最后一个div的left和top值变，变成蛇头的
风或许自媒体·2018-04-17 18:10

js捆绑TypeScript声明文件的方法教程

使用TypeScript能够避免在原生JavaScript上开发所带来的弱类型语言
Pwcong·2018-04-13 10:48

JavaWeb之vue

一、Web前端技术：1、展示：html,css.2、交互：javaapplet,flash,javaScript(包含原生javascript时代，jquery时代，大前端时代[angularjs,vue
沈念·2018-04-12 12:45

原生javascript编写手机端H5滑动效果

主要用到touchstart、touchmove、touchend三个函数的编写。效果如下：**代码：**H5滑动banner效果*{margin:0;padding:0;}.box{height:200px;width:100%;overflow:hidden;}.movebox{height:200px;width:9000px;padding:0;position:relative;left
codingNoob·2018-03-31 12:57

jQuery+ajax读取json数据并按照价格排序示例

data.json',//获取本地json数据，在同文件夹下type:"get",success:function(resp){console.log(resp);//原始数据vardata=resp;//原生
郭浩326·2018-03-28 08:24

原生javascript面向对象开发儿时经典打砖块小游戏

知识点:js面向对象，js运动碰撞检测，js随机颜色，动态生成动态监测实现原理，运动实现原理，模块化编程思想,事件监听封装,页面刷新事件,call与bind改变this指向等。html代码：0分总分:74确定css代码：*{margin:0;padding:0;cursor:none;}a{text-decoration:none;}ul,li{list-style:none;}body{font
丿丶文丿丶·2018-03-21 16:22

原生javascript带你解密读心术小游戏的背后故事

知识点：读心术原理算法独家揭秘,html5最新选择器，原生js动态dom生成，控制流程讲解，函数封装与模块化思维，定时器混合运用与帧动画，JavaScript知识体系分享。html代码：游戏规则:任意选择一个两位数（或者说，从10~99之间任意选择一个数），把这个数的十位与个位相加，再把任意选择的数减去这个和。并把这个图形牢记心中，然后点击水晶球。你会发现，水晶球所显示出来的图形就是你刚刚心里记下
丿丶文丿丶·2018-03-21 16:59
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他