原生JavaScript 第12页

使用原生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写出Tabs标签页的实例代码

最近在重新学习JavaScript，手写了一个tabs标签页。话不多说，直接开始。首先，是前端页面。图1tabs先来把tabs分解一下：图2tabs分解首先，一个大的框div，上面红色的框是导航栏nav，导航栏里是一个无序列表ul，里面三个li标签（黄色的框），li标签里两个绿色标签是两个span，一个用来放导航的名字，一个用来放导航关闭的icon，右边是一个button，用来添加新的导航栏及内容

·2020-07-20 16:18

原生JavaScript写出Tabs标签页

最近在重新学习JavaScript，手写了一个tabs标签页。话不多说，直接开始。首先，是前端页面。图1tabs先来把tabs分解一下：图2tabs分解首先，一个大的框div，上面红色的框是导航栏nav，导航栏里是一个无序列表ul，里面三个li标签（黄色的框），li标签里两个绿色标签是两个span，一个用来放导航的名字，一个用来放导航关闭的icon，右边是一个button，用来添加新的导航栏及内容

davidbeckham·2020-07-20 15:00

前端面试概念收集器

前端面试概念收集器前端面试三部曲前端面试概念收集器前端面试的经典题前端面试的难题和怪题本文分为概念，原生Javascript，css知识点，http协议，网络安全，性能优化。

brandonxiang·2020-07-16 06:42

web前端开发工程师拿着自己的项目去面试，月薪12K

GIF【手机用户】点我查看知识点：综合的知识点较多，几乎没有简单布局，考验的是html5的新特性，比如动画，canvas等方面的知识，还有对于原生javascript的考究也是比较全面的，包括独立封装javascript

DarkSpy13·2020-07-16 02:46

原生javascript实现异步的7种方式

原生的javascript实现异步的方式其实远远不至7种，大可以分3类，延迟类型：setTimeout（setInterval也是可以的）、requestAnimationFrame、setImmediate（IE10及以上）监听事件实现的类型：监听newImage加载状态、监听script加载状态、监听iframe加载状态、Message带有异步功能类型Promise、ajax(XMLHttpR

zakkye·2020-07-15 12:32

jQuery与Ajax 面试题库（长期更新中...）

你可以只用写几行的jQuery代码就能实现更多的东西.它是最长被用到的JavaScript库之一，并且现在已经很少有不用jQuery而使用原生JavaScript的新项目了。

weixin_34273479·2020-07-15 05:46

一些常用判断JQuery与原生javascript实现区别

一、判断DOM下是否存在某个元素Javascript实现：if(document.getElementByIdx_x('but')){alert('元素存在');}else{alert('元素不存在');}Jquery实现：但是在JQuery下，jquery内置没有直接判断dom中某个元素是否存在的方法.$(".classname")获取到的是jquery对象,是一个object,无法判断此元素是

Point_halo·2020-07-15 02:12

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

现如今，许多页面上均有一些动画效果。适当的动画效果可以在一定程度上提高页面的美观度，具有提示效果的动画可以增强页面的易用性。实现页面动画的途径一般有两种。一种是通过操作JavaScript间接操作CSS样式，每隔一段时间更新一次；一种是直接通过CSS定义动画。第二种方法在CSS3成熟之后被广泛采用。我们今天只讲第一种实现方式。一、JavaScript中动画原理所谓的动画，就是通过一些列的运动形成的

xiaoxiao昱·2020-07-15 01:03

文本超出显示省略号

前言：1.因为本人是在bootstrap和jquery下做的，所以用的是jquery没有使用原生javascript，所以需要进行引包。

二颜丨ErYan·2020-07-15 00:15

Javascript中关于Array.filter()的妙用详解

祥哥的说·2020-07-14 19:37

原生JavaScript/js实现ajax异步数据处理

一、ajax介绍Ajax是一种用于创建快速动态网页的技术。Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。[百度百科]简单的讲，ajax就是一种不需要刷新就可以实现一些交互操作的技术，例如常见的登录，密码如果错误，会有红色字提示密码错误，这种就

zhao不到·2020-07-14 18:28

TypeScript学习心得总结（一）

为什么使用TypeScriptJavaScript的超集支持所有原生JavaScript的语法强类型语言现在很多主流语言都是强类型的，而这点也一直是JavaScript所被人诟病的地方。

YuanlongWang·2020-07-14 14:39

程序员javascript写王者荣耀点券抽奖，打算去腾讯面试

点击查看抽奖特效程序员javascript写王者荣耀点券抽奖系统，打算去腾讯面试这次用的jquery没用原生javascript了，如果需要原生javascript教程案例源码的可以关注去翻看前面的文章和视频

DarkSpy13·2020-07-14 12:36

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

原生javascript方法：vara=document.getElementById("dom");del_space(a);//清理空格varb=a.childNodes;//获取a的全部子节点；varc

datura_lj·2020-07-14 09:50

typescript学习心得

为什么使用TypeScriptJavaScript的超集支持所有原生JavaScript的语法强类型语言现在很多主流语言都是强类型的，而这点也一直是JavaScript所被人诟病的地方。

爱吃奶黄包の小脑腐�·2020-07-14 05:59

原生JavaScript实现video播放器中播放/暂停/快放/慢放/慢动作功能

HTML代码Document-->播放/暂停快进快退慢动作播放/暂停功能获取video元素，通过paused()方法判断视频是否处于暂停状态，paused()会返回一个布尔值。当视频处于暂停状态时返回true，从而执行play()方法让视频开始播放。当视频处于播放状态时返回flase，故if条件不成立，从而执行pause()方法让视频暂停。functionVideoPlay(){//获取视频控件(

王佳斌·2020-07-14 03:37

什么是Ajax+Ajax底层原理+如何使用原生JavaScript或JQuery发送Ajax请求

2、原生JavaScript实现Ajax请求1、认识XMLHttpRequest对象方法名称说明open(Stringmethod,Stringurl,bo

SunBairn·2020-07-13 21:35

开源的长列表渲染库-Clusterize.js

Clusterize.jsClusterize.js基于Vanilla.js(原生JavaScript)，用于在前端高效地展示大型数据集中的数据�。

秦岭熊猫·2020-07-13 14:12

原生JavaScript仿写jQuery源码-------attr()属性添加方法

ID选择器简写function$(e){if(e.substr(0,1)==='#'){returndocument.getElementById(e.substr(1));}else{returndocument.getElementsByTagName(e)}}console.log($('#p'),$('div'))结果如下图，这是个简单的id选择器封装简写类选择器function$(e){

空忧·2020-07-13 12:42

爬虫必备-JS之Dom操作大全

原生javascript功能是蛮强大的，只不过部分属性不支持IE8以下浏览器。下面对jquery相关方法，如何用js来实现，做一些简单总结。同时熟练的

python学习开发·2020-07-13 08:59

JavaScript高级程序设计知识点汇总

前七章读书笔记详细介绍了原生JavaScript的基于ES5的全部知识点，本篇文章展示了本人绘制的后面章节内容的百度脑图，以便需要回顾知识点时能够作为一个索引，仅供参考。

tribody·2020-07-13 05:09

原生JavaScript+Css模拟Select下拉框，美化

原生JavaScript+Css模拟Select下拉框前言实现细节涉及到的技术效果展示代码展示Html结构Css结构JavaScript结构总结前言各位FEer，你们好！

前端许浩·2020-07-13 03:55

[第52期] 你不知道的Web Workers & JavaScript 变量对象详细图解 & React-native源码解析

同时，带大家一起看看，作为一个以原生JavaScript模块化为核

前端收藏家·2020-07-12 20:16

原生javaScript+jquery实现四级联动。

html代码结构：管理员品牌商代理商家json数据模式，模拟数据：{"status":"success","results":[{"guan":"管理1","index":[{"pin":"品牌商1","dataPin":[{"daili":"代理1asdas","shopData":[{"shop":["shop2","shop"]}]},{"daili":"代理2asdasd","sh

张_heng286·2020-07-12 11:29

程序员开发javascript物理引擎，他就是来炫技术的！

javascript代码，HTML/css代码在20行左右，这也是一个在HTML5/canvas画布上做的javascript物理引擎，看起来很简单，但是要思考的细节问题很多，更何况用的不是插件，而是原生

weixin_33755847·2020-07-12 07:24

jQuery程序化触发a标签点击事件

("#downloadLink").trigger('click');但是，实际测试的时候，发现没有达到想要的效果，之后查阅其他资料，发现也有遇到过这样的情况，解决方法不外乎以下几种：方法一：直接使用原生

JuneHwa·2020-07-12 01:12

$nextTick:Vue与其他操作DOM的第三方库搭配使用

Vue.js（开发版）,没有使用脚手架Vue的核心思想是数据驱动DOM，也建议我们避免直接去进行DOM操作，但是在很多业务里，避免不了去使用一些第三方的库，比如popper.js、swiper.js等，这些基于原生

ruisenLi·2020-07-11 22:42

原生JavaScript实现的简易计算器

最近一直没有写博客因为一直忙着预习考试内容什么偏微分啊、数值分析啊、计算机图形学啊、信息论…在未来一个月可能会很忙整理前端的频率可能就没那么高了还是说正题昨天晚上用JavaScript实现了一个简易的计算器今天分享给大家这个计算器长成这个样子或者可以去我的github查看没有考虑什么兼容，浏览器环境为chrome→传送门←src="https://paysontsung.github.io/web

_accelerator_·2020-07-11 14:10

document.querySelector和document.querySelectorAl

这使得在编写原生JavaScript代码时方便了许多。document.querySelector:可以包含多个CSS选择器，用逗号隔开。document.querySelectorAl:该方法返回所

SimplyHabit·2020-07-11 05:08

原生JavaScript运动功能系列（四）：多物体多值链式运动

原生JavaScript运动功能系列（一）：运动功能剖析与匀速运动实现原生JavaScript运动功能系列（二）：缓冲运动原生JavaScript运动功能系列（三）：多物体多值运动多物体多值链式运动这篇博客的内容本来是安排在上一篇博客的内容里面的

weixin_30488085·2020-07-10 06:28

原生JavaScript运动功能系列（三）：多物体多值运动

多物体同时出发运动函数实现多属性同步运动变化实现一、多物同时触发运动函数实现前面两个动画示例基本理解了动画的核心：位置变化和速度变化，操作的核心就是定时器分段叠加属性值。但是动画还是基于单个元素实现，如果将前面封装的动画实现方法同时触发我可以肯定的告诉你会有bug，我们先来写一个示例看看这个bug是什么？示例需求是有三个div同时居于浏览器左侧，当鼠标进入div时，当前div的宽度变宽，鼠标离开时

weixin_30457551·2020-07-10 06:47

十款最好的JavaScript开发框架

用原生JavaScript开发web应用？恐怕是“石乐志”。在互联网技术更迭如此迅速的时代，我们需要更好的方式来快速开发交互式Web应用程序，这就不得不提JavaScript框架了。

科技浪花·2020-07-10 06:43

用HTML5新功能制作tab选项卡

tab选项卡原生JavaScript很容易做一个Tab选项卡这里主要的是用HTML5新增的标签选择器querySelector和类名操作方法(dataset、classList等)效果如下：body部分小学初中高中大学

苏醒!·2020-07-10 00:10

推荐频道

原生JavaScript