原生JavaScript 第9页

原生javascript实现一个轮播图(倒计时,自动翻页)

javascript实现一个轮播图倒计时自动翻页html和js代码css代码html和js代码window.addEventListener("load",function(){//点.是类,查找需要操作的对象.varbanner=document.querySelector('.banner');varbtn=document.querySelector(".btn");varleft=docu

馮贰爺·2020-08-24 10:10

等同于JQuery方法的原生JavaScript:Dom和表单

NativeJavaScriptEquivalentsofjQueryMethods:theDOMandForms等同于JQuery方法的原生JavaScript:Dom和表单原文地址DOM选择器JQuery

Quilljou·2020-08-24 08:53

原生JS如何使用ECharts

在使用的过程中，我直接使用npm命令进行了安装npminstallecharts然后根据教程走，遇到了requireisundefineblabala的问题，发现是因为自己用的原生JavaScript，

王王王宇宙·2020-08-24 00:27

原生JavaScript实现轮播图（PC端和移动端）

文章目录PC端效果Html部分css部分js部分文件源码移动端效果源码PC端效果Html部分<>css部分*{margin:0;padding:0;}.container{position:relative;width:1000px;height:677px;overflow:hidden;}.container.show{width:300%;position:absolute;le

zzc_zhuyu·2020-08-23 22:03

原生javascript实现简单的全屏效果

要实现全屏滚动的效果，无非是让每页的内容页高度达到浏览器窗口的高度。通过判断鼠标滚动事件来设置定时器运动方式。基本的html结构：CSS:*{margin:0;padding:0;}#wrap{overflow:hidden;width:100%;}#main{height:100%;top:0;position:relative;}.page{width:100%;margin:0;}#page

weixin_34009794·2020-08-23 20:02

[JavaScript]兼容IE6/7的getElementByClassName

在使用原生javascript时，获取类选择符时，即使用getElementByClassName，它在Firefox和IE下是不能兼容。

spring21st·2020-08-23 19:03

css3+原生javascript实现3D翻转相册

一、在线demo演示点我观看在线demo演示二、代码部分CSS代码body{margin:0;background-color:#333;}.wrap{overflow:hidden;width:1200px;height:358px;margin:100pxauto0;}.wrap.contain{position:relative;transform-style:preserve-3d;-we

andylala_cust·2020-08-23 18:35

javascript下用getElementByClassName获取css定义的类选择符（.class），兼容FF和IE

我们都知道在使用原生javascript时，获取类选择符时，即使用getElementByClassName，它在FF和IE下是不能兼容。

abc7741·2020-08-23 15:03

画廊相册—原生JavaScript实现

前言使用原生JavaScript实现照片长廊效果，主要也是为了练手，刚好看到《JavaScriptDOM编程艺术》上有这个小demo，看着还挺好看的，就写一写，还顺带总结几个小知识点。

每天都学习！·2020-08-23 15:04

微信小程序 App Service

在原生JavaScript的基础上又增加了一下新的方法。①增加App和Page方法，进行程序和页面的注册。②增加getApp和getCurrentPages方法，分别用来获取App

LemmonTreelss·2020-08-22 17:10

理解原生AJAX：纯JS仿jQueryAjax

jQuery其实用的稀里糊涂的,原生JavaScript其实也很有趣的。搞一个原生的Ajax封装大概下午到晚上。参考了网上很多大佬的博客,坑坑中过来的。

荒唌·2020-08-22 17:36

js原生ajax与jquery的ajax的用法区别

1.原生JavaScript写法：（原生js写ajax就像打电话）打电话分下面4步：

samllplum·2020-08-22 15:55

微信小程序开发(五) - 全局(app.js)逻辑 - js 文件

与原生JavaScript不同的是:增加App和Page方法，进行程序和页面的注册。增加getApp和getCurrentPages方法，分别用来获

lendq·2020-08-22 15:45

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

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

whistlem·2020-08-22 13:26

回到基础：如何用原生 DOM API 生成表格

翻译：疯狂的技术宅原文：https://www.valentinog.com/bl...本文首发微信公众号：jingchengyideng欢迎关注，每天都给你推送新鲜的前端技术文章怎样用原生JavaScript

疯狂的技术宅·2020-08-22 11:17

手把手教你用原生JavaScript造轮子（二）——轮播图（文章内容已过期，可不看）

注！本文内容已过期，可直接查看升级后的项目，相关说明：https://segmentfault.com/a/11...通过上一篇文章的学习，我们基本掌握了一个轮子的封装和开发流程。那么这次将带大家开发一个更有难度的项目——轮播图，希望能进一步加深大家对于面向对象插件开发的理解和认识。So,Let'sbegin!目前项目使用ES5及UMD规范封装，所以在前端暂时只支持标签的引入方式，未来会逐步用ES

csdoker·2020-08-22 11:25

原生JavaScript js 满屏漂浮移动广告插件

/***@authorli914*功能：漂浮移动广告插件---满屏飘*创建时间：2019-12-30**//***configobject实例化参数*timernumber定时器*idnumber漂浮ID*urlstring链接*picstring图片地址*titlestring标题*widthnumber漂浮宽度*heightnumber漂浮高度*leftnumber开始悬浮的位置*topnum

li_914·2020-08-22 10:23

为什么要用原生 JavaScript 代替 jQuery？！

随着JavaScript本身的完善，越来越多的人开始喜欢使用原生JavaScript开发代替各种库，其中不少人发出了用原生JavaScript代替jQuery的声音。

边城·2020-08-22 09:56

我眼中的技术高手

今天发了一条微博：会原生JavaScript不代表什么，懂jQuery、YUI等才真正好。怎么这么多人有原生主义情结呢？走出那点小天地，海阔天高。

射雕·2020-08-22 01:39

JavaScript学习笔记：创建自定义对象

利用构造函数模式创建自定义对象二、采用原型模式创建自定义对象三、采用混合模式创建自定义对象四、采用动态原型模式创建自定义对象一、利用构造函数模式创建自定义对象使用构造函数可以创建特定类型的对象，类似于Array、Date等原生

howard2005·2020-08-22 01:33

原生JavaScript方法，使视窗滚动到最底部（注意，是最底部，不是任意位置）

直接百度搜索js滚动到最底部，得来的代码是：varele=document.getElementById('id');ele.scrollTop=ele.scrollHeight;改了之后，代码是这样的vardiv=document.getElementsByTagName('body')[0];div.scrollTop=div.scrollHeight;这段代码经过测试，并没有任何卵用，无法做

create草皮·2020-08-21 16:33

Cocos2d-html5入门 (跨平台游戏开发)

cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，WindowsPhone8，

HiTheWorld·2020-08-21 16:01

jQuery简单介绍

的介绍jQuery是一个JavaScript函数库jQuery是一个轻量级的“写得少，做得多”的JavaScript库jQuery的目的化大为小，化繁为简简化代码，使程序更高效jQuery主要是用来替代原生

天空飘来·2020-08-21 16:04

vue中 fetch跨域请求

fetch是原生javaScript提供的，它可以当作全局变量使用，挂载在window对象身上的fetch的get请求方法简单基本的fetch请求（get）get请求是原生javaScript提供的，它可以当作全局变量使用

阿喵~~·2020-08-21 15:13

javascript 和 jQuery 的Ajax 用法

面试必须写的原生javascriptAjax:ajax包括几个步骤：1：创建ajax请求2：发出http请求3：收到服务器传回的消息4：更新网页数据xhr.htmlvarul=document.getElementsByTagNa

胡自鲜·2020-08-21 06:00

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

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

alienzhou·2020-08-21 02:11

原生javascript实现二级延时菜单

一、实现原理：使用定时器和排他思想完成二、代码：*{margin:0;padding:0}ul,li{list-style:none;}.main{width:400px;height:50px;float:left;margin-top:10px;margin-bottom:10px;}.mainulli{display:block;float:left;width:100px;height:5

雅士伊人·2020-08-21 00:53

JS实现事件总线

在这里我编写了一个基于原生JavaScript的eventBus.js插件，在该插件中有两大类方法，其一是ma

张侦毅·2020-08-20 22:38

Javascript限制网页只能在微信内置浏览器中访问

那么问题就来了，这个网页首先涉及到了移动web前端开发，我优先选择了用HTML5+bootstrap组合来实现页面的美观效果，前端其他的任务交给javascript解决（这里我是完全使用原生javascript

xiangyong882000·2020-08-20 20:42

web前端开发学习路线

第一阶段：前端页面重构1、PC端网站布局项目2、HTML5+CSS3基础项目3、WebApp页面布局项目第二阶段：JavaScript高级程序设计1、原生JavaScript交互功能开发项目2、面向对象进阶与

liuyingv8·2020-08-20 06:44

原生JavaScript实现拖拽和缩放

拖拽缩放*{margin:0;padding:0}#box{width:100%;height:100%;position:relative;background:#4bb0bb}#drag{width:200px;height:200px;position:relative;background:#691fff;cursor:move;}#scale{width:20px;height:20px

Twelve--·2020-08-20 04:18

vue基础二

数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise

Duxiangtao·2020-08-19 07:32

vue中打印表格功能（重点是表格制作）

这个打印是用的原生javascript的方法实现的，但引用了vue.js和element代码如下：vue中打印#printTesttable{font-family:"宋体";border-collapse

༺༂鑫༒海༂༻·2020-08-19 03:51

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

在现在的业务开发中，应该很少人在写原生JavaScript了，大家都一股脑地扑在各个框架上。

zzc19981221·2020-08-19 00:42

分享10个原生JavaScript技巧

1、原生JavaScript实现字符串长度截取1234567891011121314151617181920functioncutstr(str,len

weixin_34040079·2020-08-18 22:36

ES5中的几种继承方式

原生javascript中的继承，是考验对JS掌握程度一个重要反馈，现在来总结JavaScript中的几种继承方式，并分析其利弊。

林涧·2020-08-18 22:16

javascript jquery 仿京东左侧悬浮框效果

原生javascript仿京东左侧悬浮框效果。在工作中遇到这样的要求，悬浮在右侧，滚动到特定的位置，显示出来，标记。和京东的悬浮框效果类似，只是位置不同，不多说，先贴代码。

wangdan_2013·2020-08-18 19:23

使用原生 JavaScript 操作 DOM

原文：https://www.sitepoint.com/dom-manipulation-vanilla-javascript-no-jquery/微软官方放弃了IE10-，所以现在可以放心使用原生JavaScript

不断学习的ITer·2020-08-18 18:23

vue（4）-----数据请求

数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise,

王二狗吖·2020-08-18 16:34

base64的编码与解码

原生JavaScript方法关于base64的编码与解码有时，文本里面包含一些不可打印的符号，比如ASCII码0到31的符号都无法打印出来，这时可以使用Base64编码，将它们转成可以打印的字符。

我的孤单不寂寞·2020-08-18 09:43

饿了么慕课网学习手记（二）BetterScroll

由于它基于原生JavaScript实现，不依赖任何框架，所以

mfind_千一·2020-08-18 05:26

来实现一个简易版的 Promise

下面用原生JavaScript来实现一个简易版的Promise，用来实现以下代码。functionPromise(???){???return???}

weixin_34137799·2020-08-18 04:53

有趣的原生javascript数组函数

在JavaScript中，可以通过两种方式创建数组，构造函数和数组直接量，其中后者为首选方法。数组对象继承自Object.prototype，对数组执行typeof操作符返回‘object’而不是‘array’。然而执行[]instanceofArray返回true。此外，还有类数组对象是问题更复杂，如字符串对象，arguments对象。arguments对象不是Array的实例，但却有个leng

Min_Ren·2020-08-18 03:57

用原生javascript实现jQuery效果——自定义javascript扩展DOM函数及功能

几天前参考了一本关于jQuery的国内的书，学习了如何用原生的javascript实现jQuery的"功能"——自定义函数扩展DOM功能，来仿制部分的jQuery效果。因为发现这样的方法可以在无法使用jQuery的时候（例如和其他框架及自定义函数发生冲突）对想要的效果直接构造实现（只为一小部分功能）。这里主要是关注构造和实现的过程。首先来看事情的起因：n天前，在一个自己东拼西凑（主要是拼凑了两个别

as66t·2020-08-17 21:43

常见的数组操作（去重、排序、求和……）

一、数组去重和排序1.原生JavaScriptArray.prototype.unique=function(){vararr=[],obj={};for(vari=0;ia-b);//[1,2,3,4

Lewis_1993·2020-08-17 20:29

初识Typescript

Typescript是一种由微软开发的自由和开源的语言,是原生javascript的超集,Typescript在原生javascript的基础上添加了可选的静态类型和基于类的面向对象编程.可是尽管如此,

dginvt1779·2020-08-17 18:54

React中的虚拟DOM

使用原生JavaScript或jQuery直接操作DOM元素时，很大可能会触发回流事件，此时浏览器需要重新渲染页面，设置整个文档，计算DOM节点浪费了性能，而且效率低，非常影响用户体验。

星空坠落zhihou·2020-08-17 12:32

原生JavaScript实现水平轮播图

Document*{margin:0;padding:0;}ul,ol,li{list-style:none;}img{display:block;}#wrap{width:1024px;height:320px;border:2pxsolid#0000FF;position:relative;margin:80pxauto;overflow:hidden;}#wrap#list{height:3

TB的Web空间·2020-08-16 20:45

原生javascript运动函数的封装

原生javascript运动函数的封装的几种方式//封装匀速运动//参数：//1、dom对象//2、样式属性（top，left，width，height，opacity等等）//3、起始位置，结束位置/

巴啦啦小能量·2020-08-16 19:00

原生JavaScript封装一个轮播图

原生JavaScript写轮播图这是对京东网页轮播图的仿写HTML布局//往左翻页按钮图片链接图片链接图片链接图片链接//下面显示某页的小圆点//往右翻页按钮JavaScriptvarbanner=document.querySelector

m0_37647258·2020-08-16 19:39

推荐频道

原生JavaScript