原生javaScript

前端简史

大量PC页面被创造，在反复的实践中，人们逐渐无法忍受发现原生JavaScript繁杂的DOM操作，一个庞然大物悄然萌芽。2006年，
Mr火叶·2020-01-05 21:44

underscore.js 源码阅读_ 总结1

underscore.js是一个用于扩展原生javascript功能和不足的第三方库,它提供的功能还是很基础,但是建起高楼大厦离不开它脚下的基石。
武大郎·2020-01-05 10:16

2018-07-30

100个常用的javascript函数1、原生JavaScript实现字符串长度截取复制代码代码如下:functioncutstr(str,len){vartemp;varicount=0;varpatrn
老头子_d0ec·2020-01-03 09:28

使用原生JavaScript制作一个漂亮的音乐播放器

我在这个基础上，反其道而行，使用原生JavaScript实现。这个播放器是面向移动端的设备。在此感谢饥人谷和张新望，有了他们开路，使用原生的JS实现起来也并不费力。
Runner_Yang·2020-01-03 00:34

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

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

原生javascript封装事件监听函数

javascript中有很多函数和方法是已经封装好了的，用户只需要拿到直接使用，大大简化了代码，用户体验更方便，但是如果学过原生javascript的都知道，这些方法都可以自己封装出来，封装函数能够了解底层
昔梦呀呀呀·2019-12-28 12:00

原生javaScript中NodeList和HTMLCollection的区别

主要不同在于HTMLCollection是元素集合而NodeList是节点集合（即可以包含元素，也可以包含文本节点）。NodeList跟HTMLCollection有个差异是前者没有namedItem()方法后者是有的。NodeList的元素是Node,HTMLCollection的元素是Element，Element继承自Node，是Node的一种，在HTML中，它一般是HTML元素（比如p，a
WhiteNightNote·2019-12-26 16:58

CSS3+JS：胶卷式放映

所用技术为：CSS3动画和原生JavaScript。
固始县钱成·2019-12-26 08:33

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

原生javascript方法：vara=document.getElementById("dom");del_space(a);//清理空格varb=a.childNodes;//获取a的全部子节点；varc
凌乱秋天·2019-12-26 06:44

开源代码flv.js的使用说明

Flv.js是HTML5Flash视频（FLV）播放器，纯原生JavaScript开发，没有用到Flash。由bilibili网站开源。
zhong·2019-12-24 16:25

使用原生Javascript实现jQuery offset方法

什么是jQuery的offset方法？offset()方法返回或设置匹配元素相对于文档的偏移（位置）。看个具体例子，直接上代码*{margin:0;padding:0;}#box1{width:400px;height:400px;background-color:lightcoral;position:relative;left:10px;top:10px;}#box2{width:200px;
一个很冷的人·2019-12-22 01:40

原生JavaScript之完美运动框架

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

如何理解JavaScript的原型和原型链

在现在的业务开发中，应该很少人在写原生JavaScript了，大家都一股脑地扑在各个框架上。
qq593e097eaab3c·2019-12-19 09:01

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

原生javascript方法：vara=document.getElementById("dom");del_space(a);//清理空格varb=a.childNodes;//获取a的全部子节点；varc
孤岛渔夫·2019-12-19 05:58

cocos2d-js 入门 （主要是HTML5）

cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，WindowsPhone8，
黄海佳·2019-12-18 10:33

原生 JavaScript 实现滑动拖动验证

实现滑动验证的方式当然不止一种，这里我们直接使用原生JavaScript来实现。现在，你可以在这里看到完整的源码。
小九·2019-12-17 03:16

React 学习笔记2——组件使用篇

点赞按钮实现1.原生JavaScript实现：Document点赞constbtn=document.querySelector('.like-btn');constbtnText=btn.querySelector
sylvia_yue·2019-12-16 08:58

jQuery选择器_Dom操作_样式_事件处理_动画

区别：DOM原生对象是用原生JavaScript获取的对象，只接受原生JavaScript操作方法。jQuery对象是用jQuery类库提供的选择器获取的对象，只接受jQuery提供的操作
魔王卡卡·2019-12-15 07:02

记录8 用jQuery操作DOM

用原生JavaScript操作DOM树的方法比如getElementById这样写起来太麻烦，所以就有了jQuery。
suhuanzhen·2019-12-14 05:54

如何获取input，file里的文件，实现预览效果，并传给后端？

单纯的事件与获取jQuery$("#fileUpload").change(function(){console.log($("#fileUpload")[0].files);});原生JavaScriptvarpopImg
林中有风·2019-12-13 13:00

Ajax Di 打开方式

Javascript一般情况下，直接使用原生Javascript的代码是通用的，所以备个份（部分库的代码在某些情况下会产生俺不能理解的错误）//创建XMLHttpRequest对象varxmlHttpRequestObject
大鶸·2019-12-07 17:40

Svelte 分析报告

在编译器中将声明式的代码（类似于Vue）转换成原生Javascript。同时，Svelte对响应式编程支持的良好，开发者可以使用更少的代码完成数据到UI的开发工作。
FrancisW·2019-12-05 10:24

DOM模型

因此,IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。NodeDOM1级规定了Node接口，12种节点类型都继承自该接口。
FWHeart·2019-11-30 22:39

@: llog-81-20170913-我该在哪

最近用原生Javascript写了一个TodoList，过
废柴芬格尔·2019-11-30 06:17

浅析TypeScript

titleTypeScript是什么是微软开发的一项开源技术；属于JavaScript类型的超集，即JavaScript支持的TypeScript全都支持，但是TypeScript支持的JavaScript原生不一定支持；给予原生
光哥很霸气·2019-11-29 13:34

JS常用函数汇总

1.原生JavaScript实现字符串长度截取functioncutstr(str,len){vartemp;varicount=0;varpatrn=/[^\x00-\xff]/;varstrre="
MR_LIXP·2019-11-29 04:41

javascript与浏览器

（1）IE的DOM和BOM由c++的COM实现，COM的垃圾回收机制采用引用计数，循环引用时造成内存无法释放，因此最好采取手动断开原生javascript与DOM之间连接，将声明的对象置为null（P80
EO_eaf6·2019-11-20 14:22

不要过度依赖JQuery（三）

回归正题，在不要过度依赖JQuery（一）和不要过度依赖JQuery（二）两篇文章中已经列举了大量的使用原生JavaScript替代JQuery的例子，在本文中将继续列举！
TGCode·2019-11-08 21:07

ajax总结

1.Ajax1.1原生JavaScript封装AjaxfunctionAjax(type,url,data,success,failed){//创建ajax对象varxhr=null;if(window.XMLHttpRequest
darr250·2019-11-08 06:12

jQuery概念、特点、功能、下载与使用

本身是一个基于JavaScript基础上封装的一个小的的类库，能够实现一些特定的功能；JavaScript与jQuery的包含与被包含的关系javascript包含jQuery，jQuery能实现的功能，使用原生
_信仰zmh·2019-11-07 07:56

原生javascript实现轮播图

简单的轮播图，但是可以自行修改很多地方比如添加文字描述等等。代码实现了2秒自动轮播，鼠标移入轮播停止，移出轮播继续。点击右下方的按钮可以实现轮播跳转。鼠标移除后可以在跳转后的图片上往后轮播。可以直接复制使用，修改相应的图片和css即可。7749电视网*{margin:0;padding:0;}ul,li{list-style:none;}ul{position:relative;width:254
饥饿仓鼠·2019-11-06 21:54

JavaScript复习笔记(一)：变量

写在前面进入工作，越发感觉原生JavaScript对于一名前端开发的重要性。各种前端框架、工具什么的，一天一个样，让人眼花缭乱。但是就算变化再多，底层依然是原生JS实现的。
Mars要向前·2019-11-06 17:09

如何用原生javascript实现TAB切换

tab切换在各大主流页面有广泛的应用,今天来分享一个用原生js来实现类似京东购物边栏的TAB.首先以下是一段边栏HTML框架代码家电手机男装女装吃的ABCDE然后是css样式代码ul{margin:0;padding:0;}.wrap{width:1000px;height:252px;overflow:hidden;}#left{width:200px;height:100%;backgroun
牛油果大虾·2019-11-06 13:06

原生JavaScript实现打字游戏

写在最前面本文主要锻炼的是原生JavaScript的编程能力，运用了函数式编程的思想！1.页面的排版与布局主要分成两个页面：a.初始呈现出来的界面；b.点击开始进入游戏的界面。
远方与梦想·2019-11-05 18:10

最常见的 20 个 jQuery 面试问题及答案

你可以只用写几行的jQuery代码就能实现更多的东西.它是最常被用到的JavaScript库之一，并且现在已经很少有不用jQuery而使用原生JavaScript的新项目了。
单纯的土豆·2019-11-05 05:00

HTML5中类jQuery选择器querySelector的使用

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

bootbox的使用

2.知识剖析该库提供了三个旨在模仿其原生JavaScript等效项的函数。
阿布_0caf·2019-11-04 21:36

JSON

json格式要求所有字符串必须使用双引号（单引号会导致语法错误）没有末尾的分号可以表示字符串，数值，布尔值，null，不支持undefinedJSON.parse()把JSON字符串解析为原生JavaScript
luna3322·2019-11-04 20:01

Web 应用开发中的 Top 10 框架

作者：noeticsunil|最后更新：2016.03.05|译者：CoolTiger原文链接要用原生JavaScript开发web应用？呵呵哒！
coldtiger·2019-11-04 07:48

原生JavaScript中动画与特效的实现原理

原文地址：原生JavaScript中动画与特效的实现原理转载请注明出处现如今，许多页面上均有一些动画效果。适当的动画效果可以在一定程度上提高页面的美观度，具有提示效果的动画可以增强页面的易用性。
xiaoxiao昱·2019-11-03 12:18

Node.js学习

moduleNode.js中是以模块化进行开发的，原生JavaScript中并没有模块系统，标准库也很少，类似NPM的包管理系统也很缺乏，这就会在造成各种空间污染、结构混乱，需要花费大量的时间去做容错。
四月天__·2019-11-01 08:40

React入门系列（二）JSX语法

React创建组件有两种模式，原生JavaScript和JSX语法，后者是React推荐的构组件方式，因为，它能更加精确得定义包含属性的树状结构。
娜姐聊前端·2019-11-01 02:27

React基础学习(二)-深入浅出JSX

前言在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起然而在React出现后,一切皆js,对于在JS里面写HTML代码,刚开始是非常反感的
itclanCoder·2019-10-19 20:36

基于vue工程用原生JavaScript实现页面楼层导航

笔者根据业务场景实现一个鼠标滚动级联导航到指定楼层，用JavaScript实现，大家可以把他封装成vue组件在项目中可以复用，如大家有更好的实现欢迎多多交流。github地址：demo页面首屏效果滚动条到一定距离导航XI顶Ps：用到的技术点1、在mounted里监听滚动事件window.addEventListener('scroll',this.navScroll,true);2、获取滚动条的位
卖手机的程序猿·2019-10-18 14:52

clipboard.js实现复制链接功能

现有的常用方案有两种：一：使用原生javascript中window.clipboardData实现复制到剪贴板功能；二：使用ZeroClipboard库；方案一仅支持ie浏览器，在firefox,chrome
xingxixi·2019-10-17 11:56

node-formidable源码：原生javascript解析前端传输的FormData

本系列文章是本人学习相关知识时所积累的笔记，以记录自己的学习历程，也为了方便回顾知识；故文章内容较为随意简练，抱着学习目的来的同学务必转移他处，以免我误人子弟~参考资料：酷勤网在Koa和Express中，已经通过node-formidable模块替我们解析好了formdata数据，并分别将文件和表单字段（排除文件）存放在ctx.request.files和ctx.request.body对象内。通
郑宇华·2019-09-29 17:07

原生JavaScript HTML DOM Style 对象参考

Style对象属性可以在Style对象上使用以下属性：“CSS”列指示定义属性的CSS版本（CSS1，CSS2或CSS3）。属性描述CSSalignContent当项目不使用所有可用空间时，设置或返回灵活容器内线之间的对齐方式3alignItems设置或返回灵活容器内项目的对齐方式3alignSelf设置或返回灵活容器内所选项目的对齐方式3animation下面所有动画属性的简写属性，dynami
web小哥·2019-09-29 08:00

Widget 中的 State 解析

原生系统（Android、iOS）或原生JavaScript开发
率直飞天鱼·2019-09-26 11:00

原生javascript 学习之js变量全面了解

1.变量的命名方法的命名(驼峰命名法)全部小写：单词与单词之间全部下划线(my_namespace)大小写混合:第一个单词首字母小写其他单词首字母大写。规则首字符英文字母或下划线组成英文字母数字下划线禁忌JavaScript关键字保留字2.变量的声明显示声明:var关键字陋习:没有类型重复声明隐式声明不声明直接赋值正解：先声明后读写先赋值后运算3.变量类型值类型A)占用空间固定保存在栈中B)保存与
·2019-09-25 05:23

原生javascript实现的一个简单动画效果

本文章向大家介绍一个javascript实现的动画。点击开始按钮div会往右移动，点击停止后，div停止移动，再点击则继续移动。请看下面代码。javascript实现的简单动画#mydiv{width:50px;height:50px;background-color:green;position:absolute;}window.onload=function(){varmydiv=docume
·2019-09-25 05:18
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他