原生javaScript

jQuery 对象 VS DOM对象

首先，创建两个id不同的p元素：使用原生JavaScript给demo1元素添加文本内容和样式varp=document.getElementById('demo2');p.innerHTML="
董懂同学·2020-06-26 02:00

基于原生Javascript的无缝轮播

一、前言轮播图的种类说起轮播图，种类那可是五花八门，什么淡入淡出呀、旋转木马呀、3D轮播呀、无缝轮播呀等等，简直是秀的头皮发麻~本文要讲的就是其中的无缝轮播，小伙伴们知道是怎么实现的吗，如果不知道的话，嘿嘿，你就接着往下看吧。如果你知道的话，就当捧个场，也往下看吧~基本要求html和css完成静态布局、js获取并且操纵元素，定时器的应用，节流函数，日期对象等等。二、无缝轮播的原理首先，我们来看看什
andylala_cust·2020-06-25 22:14

线下聚会回顾之《前端新人就业的关键是什么？》【长文】

因为有的参加者是第一次见面嘛，所以我就例行的问了一些原生JavaScript方面的问题，就是想了解一下大概的程度，毕竟我是聚会的组织者。然后在接下来的聊天交流中，有一阵聊到了面试、找工作这块。
我是老尚·2020-06-25 19:49

使用jQuery或者原生JavaScript进行处理？

一：请求次数多的情况下我们可爱能会遇到；二：异步执行没有返回具体参数，或者说后台显示返回success，前台显示空白；三：网络加载失败；以上情况我们需要配合用户体验，我们可以在终止循环提示用户网络状态加载异常，重新加载；1、采用jQuery的ajax方式：点击结束加载数据，重新开始加载varxhr=$.ajax({type:'POST',url:'test.json',data:'',succes
大豆博文·2020-06-25 17:27

ES6系列40道基础题（含答案）

强烈推荐30个原生JavaScript的demo，包括canvas时钟特效、自定义视频播放器、搜索栏快速匹配、fetch访问资源、console调试技巧等，先fork后学习，详见点击打开链接，欢迎点赞~
祥哥的说·2020-06-25 15:47

识别EAN-13条形码（JavaScript）

上篇文章写了如何用JavaScript生成EAN-13条形码，这次讲下如何不用库，用原生JavaScript识别EAN-13条形码。
我不叫粗铜·2020-06-25 13:54

利用CSS3简单实现的大图滚动效果

利用CSS3简单实现的大图滚动效果抛弃原生JavaScript实现大图滚动，抛弃JQ，抛弃插件，今天突然想使用Css3实现。
子母粉丝·2020-06-25 10:22

响应式布局实现方法

2，实现响应式布局的三种方式1.CSS3-MediaQuery（最简单的方式，但是无法满足很多需求）2.借助原生Javascript（成本高，不推荐使用）3.第三方开源框架（比如bootstrap,可以很好的支持浏览器的响应式布局
有只猫七·2020-06-25 08:26

原生JavaScript实现jQuery中的type检测数据类型

众所周知，JavaScript中的typeof虽然可以检测数据类型，但是在检测数据类型的时候,返回的数据类型不一定准确:比如null也会返回null，返回的数据类型只有下面几种，远远不能准确的判断属于何种数据类型。"undefined"——如果这个值未定义；"boolean"——如果这个值是布尔值；"string"——如果这个值是字符串；"number"——如果这个值是数值；"object"——如
宇cccc·2020-06-25 06:17

初识javascript美术馆

jquery虽然可以满足很多需求，但是想好好学习下原生javascript，按捺不住，那颗折腾的心。
qishuai1986·2020-06-24 22:05

web前端2019年发展8大布局

一、基础知识没错我所说的基础，就是html+css，顶多加一个基础的原生javascript。当然现在很多公司把nodejs也当做一名web前端的基础必备技能，而不是加分项了。
programmer_feng·2020-06-24 20:43

js事件委托(事件代理)

举例：原生javascript的事件委托0123新增节点varli=document.getElementsByTagName('li');varul=document.getElementsByTagName
阿水---李伟豪·2020-06-24 10:22

2020年如何零基础快速入门前端（1）

前端基础知识和框架技术文章目录前端基础知识和框架技术介绍知识点前端技术HTMLCSS内部代码块引入外部文件引入行间样式JavaScript现代前端框架对比与选型原生JavaScript版jQuery版React
henjuewang·2020-06-23 14:15

JavaScript 实现 Tab 点击切换

UnsplashTab选项卡切换效果在现如今的网页中，运用的也是比较多的，包括点击切换、滑动切换、延迟切换、自动切换等多种效果，在这篇博文里，我们是通过原生JavaScript来实现Tab点击切换的效果
Nian糕·2020-06-23 13:16

steps.js 步骤条、时间轴

steps.js是基于原生JavaScript的组件，可用于展示步骤条、时间轴等，功能支持：自适应支持横向和纵向显示，并且横向还支持居中显示支持自定义间距主轴线上下左
樊小书生·2020-06-23 09:01

使用canvas给图片增加滤镜

类似操作像素的博主还写过一篇文章：原生JavaScript+Canvas实现图片局部放大器文章目录1.效果图2.实现原理2.1负片滤镜2.2黑白滤镜2.3浮雕滤镜2.4高斯模糊滤镜3.代码1.效果图2.
刘翾·2020-06-22 19:40

JS代码的window.location属性详解

其实原生JavaScript真是什么都有。window.location对象所包含的
C370228492·2020-06-22 19:35

JavaScript遍历对象-总结一

原生JavaScript遍历1、for循环遍历1letarray1=['a','b','c'];23for(leti=0;i
baiba3966·2020-06-22 16:48

原生JavaScript基础知识测试题库第一套

一、单选题（共30题，每题2分）1.如下代码，会弹出来是什么vara;alert(a);A.报错B.aisnotdefineC.undefinedD.0正确答案:C解析:变量提升2.下面变量命名中不合法的为A.$123B._abcC.varD.div正确答案:C解析:不能以数字开头不能用关键字和保留字3.ES3的标准中，Javascript语言中定义变量的关键字是var，有时候不写，也没有错，此时
风紧不扯呼_·2020-06-22 01:30

原生JavaScript和Vue、小程序都是如何阻止事件冒泡的？

点击我点击“点击我”,会依次弹出：最里层---->中间层---->最外层---->然后跳转链接，这就是事件冒泡，下面来看看如何解决这个问题原生JavaScript和Vue、小程序都是如何阻止事件冒泡的？
web秀·2020-06-21 22:57

正方教务系统一键教学评价

就只好用原生JavaScript来写了。每次的教学评价中不能全部评价成一致，因此需要产生一个随机数来使评价结果不一致。
一口一个大西瓜·2020-06-21 15:45

2019年web前端发展8大布局方向

一、基础知识没错我所说的基础，就是html+css，顶多加一个基础的原生javascript。当然现在很多公司把nodejs也当做一名web前端的基础必备技能，而不是加分项了。
weixin_34415923·2020-06-21 12:05

HTML5前端教程：jQuery项目实战

为什么这么说呢，主要有以下三点原因：第1，在掌握原生javascript开发的基础上学习jQuery，能够进一步提升前端开发能力。
weixin_34252686·2020-06-21 11:31

3 个在 JavaScript 面试前应该知道的问题

这三个问题不是关于任何库的用法或ES6的新功能，而主要是对原生JavaScript的理解。Question#1:事件代理当创建一个应用时，不可避免的会遇到监听事件触发的需求。
极小光·2020-06-21 10:58

替代 webpack？一文带你了解 snowpack 原理，你还学得动么

同时，带大家一起看看，作为一个以原生JavaScript模块化为核心的年轻的构建工具，它是如何实现“老牌”构建工具所提供的那些特
alienzhou·2020-06-21 03:40

HTML5+CSS+JS 贪吃蛇demo

这款网页版贪吃蛇是大一下册学习网页前端时老师教我们写的，由于那个时候初学网页前端，所以这款游戏是纯原生JavaScript写的，没有使用JQuery。
你的名字_子集·2020-05-28 22:00

蒲公英 · JELLY技术周刊 Vol.05: Rust & Electron 的高性能实践 -- Finda

JavaScript框架的代价作者从JavaScript下载时间、解析时间、执行时间、内存占用四个角度评测了jQuery、Angular、React、Vue四个框架，最终得出结论：「框架不值得」，应该选择原生
凹凸实验室·2020-05-27 23:37

原生JS代码100例

1、原生JavaScript实现字符串长度截取    function cutstr(str, len) {        var temp;        var icount = 0;        
汤小洋·2020-05-18 21:59

原生JavaScript创建不可变对象的方法简单示例

本文实例讲述了原生JavaScript创建不可变对象的方法。
杜尼卜·2020-05-07 11:18

蒲公英 · JELLY技术周刊 Vol.05: Rust & Electron 的高性能实践 -- Finda

JavaScript框架的代价作者从JavaScript下载时间、解析时间、执行时间、内存占用四个角度评测了jQuery、Angular、React、Vue四个框架，最终得出结论：「框架不值得」，应该选择原生
凹凸实验室·2020-05-06 12:00

原生JavaScript手写Ajax

12//封装通用的xhr对象，兼容各个版本3functioncreatXHR(){4//判断浏览器是否将XMLHttpRequest作为本地对象实现，针对IE7,firefox,opera等5if(typeofXMLHttpRequest!="undefined"){6returnnewXMLHttpRequest();7}8elseif(typeofActiveXObject!="undefin
Walker游游·2020-05-02 15:00

面向对象的JavaScript1-理解对象

有大量优秀的javascript框架可以让我们快速开发web应用，实际上对原生javascript却知之甚少。所以经常出现做
danejahn·2020-04-14 08:50

javascript ajax请求封装

1.怎样使用原生javascript发送异步请求我们先新建一个model对象，里面保存着发送请求的类型、地址和要发送的数据。
五更黑喵·2020-04-13 20:16

原生JavaScript实现JSON合并（递归深度合并）

为什么我会想到写这几行代码在实际工作中，我们会使用许多或自主开发或第三方的工具，有些工具的配置文件相当细节，使用频率低倒也罢了，使用频率高的话必然造成很多代码冗余。所以我都会对这些工具做二次封装，把不经常改动的配置给予默认值。如果需要改动，传入新的配置覆盖原来的配置即可。起初我以为这是一项很简单的需求varjson1={//固定的配置a:1,b:2,c:3,}varjson2={//作为参数传入的
黄努努·2020-04-12 15:40

使用原生js编写一个简单的框选功能

今天我们来聊一下怎么使用原生javascript编写一个简单的框选功能。
classlfz·2020-04-12 02:37

原生JavaScript学习笔记之——DOM

全称：DocumentObjectModel文档对象模型DOM会把文档看做是一个树状结构，同时定义了很多方法，来操作这个树每一个标签都是一个节点(标签即元素即节点)**不仅仅只有标签才算节点，也有文本节点text文本节点=>空格换行回车已知一个节点,能找到任何一个节点oUl.nodeType=>object一、节点查找操作(类似CSS选择器)1、元素.nodeType;只读属性当前节点类型DOM节
datura_lj·2020-04-11 09:06

什么是 VanillaJS

本文转自我的博文什么是VanillaJS什么是VanillaJS-不开玩笑为了不引起更多的困惑，不开玩笑的说事实，VanillaJS就是不使用任何框架的纯粹的原生javascript。
济丰·2020-04-10 18:28

原生JavaScript DOM操作常见汇总

前言最近在看JS性能优化方面，说到了createDocumentFragment()方法，对该方法有印象，但为了进一步了解，我还是重新查阅一遍，顺便把DOM操作也给总结一下。创建新节点createDocumentFragment()方法该方法是用来创建一个虚拟的节点对象，或者说，是用来创建文档碎片节点。它可以包含各种类型的节点，在创建之初是空的。DocumentFragment不是真实DOM树的一
JackySummer·2020-04-10 02:14

React入门系列（三）创建组件

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

原生JavaScript DOM操作汇总

回归最初，熟练掌握原生DOM的操作简介通过htmldom可以访问html文档的所有元素，当网页被加载时，浏览器会创建页面的文档对象模型（DocumentObjectModel）。通过可编程的对象模型，JavaScript获得了足够的能力来创建动态的HTML。JavaScript能够改变页面中的所有HTML元素JavaScript能够改变页面中所有HTML属性JavaScript能够改变页面中所有C
流云012·2020-04-09 02:21

jQuery框架之Dom(二)

二、创建节点及节点属性虽然，我们可以用原生Javascript获取Dom节点，但在开发中，就显得不那么灵活。
LeoZzz·2020-04-09 00:39

flv.js简单使用示例

Bilibili相信大家都不会陌生，而Flv.js就是由bilibili网站开源的HTML5Flash视频（FLV）播放器，纯原生JavaScript开发（ECMAScript6编写），没有用到Flash
关爱单身狗成长协会·2020-04-08 08:13

jQuery - HTML DOM 操作（四）

jQuery中提供了一系列的HTMLDOM操作的方法，比起原生JavaScript的DOM操作，显得更加地简便。
MonkeyChennn·2020-04-07 06:20

在原生JavaScript中创建不可变对象

Javascript是一种灵活的语言，你可以重新定义任何东西，但是当项目变得复杂时，我们会发现可变数据结构的问题。随着JavaScript的最新版本的发布这种情况发生了改变。现在可以创建不可变的对象了。本文介绍如何用三种不同的方法来做。对象的不变性意味着我们不希望对象在创建后即以任何方式更改（将它们设置为只读类型）。假设我们需要定义一个car对象，并在整个项目中使用它的属性来执行操作。我们不能允许
杜尼卜·2020-04-06 18:50

10个原生JavaScript技巧分享

1、原生JavaScript实现字符串长度截取functioncutstr(str,len){vartemp;varic
IT程序狮·2020-04-06 12:37

不一样的技术，一样的Tab页

目前整体的思路是写出所有显示的页面，再根据标签点击显示对应的标签使用原生JavaScript实现tab的转换HT
holy俊辉·2020-04-04 23:33

jQuery 初探

HTML、CSS、javascriptHTML用于页面的布局，以及一些组件的布放CSS是对页面的样式进行修改、美化javascript定义了页面中的一些行为，比如，点击某个元素后，进行隐藏或改变颜色等原生
超net·2020-04-03 13:01

原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果

还是那句话，有时候你可能没有Jquery可用，那么我们可以借用原生JS中Dom对象的新方法：querySelector和querySelectorAll实现Jquery筛选器同样的筛选节点的效果，下面列举一些示例：1-直接从页面中筛选元素：id选择器：varmyidDom=document.querySelector("#myid");class选择器：varmyclassDomArray=doc
深入学习ing·2020-04-02 15:00

原生Javascript使用fetch发起请求_模拟get|post|文件流下载等

有时候，我们无法借助熟悉的jquery发起请求，原生JS里是支持fetch函数的，这是个高度封装的方法，帮助我们做了很多底层的封装，下面列举一些发起请求的示例：1-发起Get请求：//httpGet请求varhttpGet=asyncfunction(getUrl){varopts={method:"GET",credentials:'include'//强制加入凭据头}awaitfetch(ge
深入学习ing·2020-04-02 15:00

原生Javascript使用Promise对象借助关键字async&await设置JS休眠时间

偶然间遇到，需要在JS中解决类似于C#中的线程休眠问题，JS有Promise对象，可以帮助我们实现这一点，网上有很多类似文章，我这里列举一个使用示例：定义休眠方法--使用Promise创建一个异步可等待的方法：//设置JS休眠一定时间后执行的动作varsleep=function(millisecond){returnnewPromise(resolve=>{setTimeout(()=>{res
深入学习ing·2020-04-02 15:00
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他