原生js 第16页

原生js

jQuery实现日期选择器

改组件在原生js日期选择器的代码上进行改造，新增了禁用及默认选中的功能及样式改造趋近现代化。如有侵权，联系删除。

Yihua_2021·2023-04-14 16:39

uni-app获取dom节点信息

uni-app获取dom节点信息问题描述原因及解决方法实现过程问题描述uni-app无法获取dom节点信息根据原生js操作dom节点onload(){constvideo=document.getElementById

无·糖·2023-04-14 13:44

原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示

引言全国快递物流查询API是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统，通过API接口的方式，向用户提供快递物流信息的查询、跟踪、统计等功能。使用全国快递物流查询API，用户可以在自己的应用程序或网站上，快速、方便地查询快递物流信息。本文从全国快递物流查询API的工作原理开始说起，给出包括API的应用场景、如何调用以及实际代码示例，供大家参考。工作原理全国快递物

海碗吃饭·2023-04-14 12:45

html5 带箭头的焦点轮播图，纯原生js

实验2*{margin:0;padding:0;list-style:none;/*去掉列表的样式*/}#wrap{width:980px;height:300px;margin:150pxauto;/*atuo会使其居中*/position:relative;cursor:pointer;}#picli{display:none;position:absolute;/*绝对定位，相对于上面用相对

若云止水·2023-04-14 12:41

JS原生滚动到指定元素

参考MDN-Web/API/Window原生js实现屏幕滚到到指定元素所在位置一、原生js方法1、Element.scrollTo()Element的scrollTo()方法可以使界面滚动到给定元素的指定坐标位置

ymzhaoUSTB·2023-04-14 06:16

JQuery笔记

jQuery官网jQueryPluginsW3CJQueryjQuery插件库1.入口函数//原生JS入口函数window.onload=function(){}//jquery入口函数$(document

android小菜鸡一枚·2023-04-13 22:29

2020-04-13--Vue之前后端交互4--fetch

fetchFetchAPI是新的ajax解决方案Fetch会返回Promisefetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。

program_white·2023-04-13 03:20

jQuery 创建元素、添加元素、删除元素【一篇文章轻松拿下】

原生JS中，我们学习了一整套元素创建添加删除的操作，其中创建元素，我们用了creatElement，添加元素有两种，分别是后面追加apprndChild，和指定元素前插入insertBefore，在jQuery

卡卡西最近怎么样·2023-04-13 03:33

【JS】几种常用的弹窗

微信订阅号：Rabbit_svip原生JS有3种最常用的弹窗方式alert()confirm()prompt()最最最常用的是alert()alert引发的弹窗，只有一个“确定”按钮。

德育处主任·2023-04-12 19:52

原生JS交互（一）—— UIWebView拦截URL

一、聊点废话先啰嗦两句。。。移动端开发的时候，很多时候会出现这样的情况，有些页面用H5来写，移动端使用UIWebView或WKWebView进行加载。偶尔会出现交互的情况，这都很正常。写这篇文章的初衷有两个：根本原因：想涉足到混合开发方面，所以从最开始的WebView入手。直接原因：新公司前端开发人员，针对这个功能无法实现，很自信地认为是我的问题。（坑-_-）所以想帮助前端搞清楚原因，同时要彻底搞

CoderXLL·2023-04-12 04:28

原生JS实现简单屏幕截图

目录了解HTML5中的Canvas获取屏幕截图结论在Web开发中，截图是一项非常有用的技术。可以使用截图来记录当前屏幕状态，生成缩略图或进行屏幕分享等操作。在本文中，我将介绍如何使用原生JavaScript来实现截图功能。了解HTML5中的CanvasHTML5中的Canvas是一个绘图API，可以用来创建图形，绘制文本，渲染图像等等。使用Canvas，我们可以将其转换为图像数据并保存到文件中。在

·2023-04-12 01:54

原生js实现Ajax

原生js实现Ajax方法：varAjax={get:function(url,fn){varxhr=newXMLHttpRequest();//XMLHttpRequest对象用于在后台与服务器交换数据

lueyoo·2023-04-11 22:02

前面开发面试题JavaScript实践题02

1.编写一个b继承a的方法2.运行下面的程序看结果3.写出原生js或者jq框架循环出下面的li的内容4.面向对象、原型、继承、闭包、函数、变量提升、原型链等概念面向对象：无序属性的集合，其属性可以包含基本值

西瓜炒苦瓜·2023-04-11 18:29

2022-02-23 日更第二天

ajax的优势1、不需要第三方库的支持，原生js就可以使用2、用户体验好（异步）（不需要

刘闹闹·2023-04-11 16:30

7个常用的原生JS数组方法

7个常用的原生JS数组方法一、Array.map()二、Array.filter()三、Array.reduce()四、Array.forEach()五、Array.find()六、Array.every

nunumaymax·2023-04-11 06:51

前端搜索功能的简单实现

用js完成前端的搜索功能前言方法一：原生js方法二：过滤器filter前言有的时候，后台并没有提供搜索功能的cgi供前端使用去搜索用户想要查找的内容，这个时候就需要我们前端自己对所有数据进行过滤处理，筛选出与用户搜索内容相匹配的数据进行显示

nunumaymax·2023-04-11 06:21

2020-01-03

jQuery加载//alert($);$是jQuery标志function(a,b){//returnnewn.fn.init(a,b)//}jQuery的构造函数//原生js写法页面所有节点加载完渲染完

MLB1·2023-04-11 04:56

react基础

1.react基础1.1本地引入或CDN引入react的三个js文件注意：必须先导入react.js再导入react-dom.jsbabel.js支持原生jsx语法，作用：把jsx转化为js语法，才能被浏览器识别渲染出视图

wlt_5079·2023-04-10 10:57

原生js添加事件，添加类名，删除类名

下面是一段鼠标移上为当前元素添加类名，并删除其他兄弟节点的类名的代码//要添加效果的元素varclassObj=document.getElementsByClassName('sec3-item');//循环元素并添加事件for(i=0;i

wylb868·2023-04-10 02:58

原生JS与jQuery中事件的绑定与解绑

一、JS中事件的绑定1.1on事件类型方式：常见的比如onclick、onmouseover等，这类绑定方式缺点在于无法为同一事件绑定多个函数：对象.onclick=function(){console.log(this.nodeType);};对象.onclick=function(){console.log(this.nodeName);} 上述代码中点击事件触发时，只会输出节点的名称，

GoFzy·2023-04-10 01:25

2023年最新前端面试题（JS相关1）

一、原生JS编写tab栏切换获取导航栏里面所有的a遍历a给点击的a添加事件通过排他思想给点击的a添加类名，其他的移除类名下面对应的列表也是通过排他思想添加类名，其他的移除类名二、利用递归函数实现setTimeout

爱蹦哒的咸鱼·2023-04-10 00:44

(vue)h5 通过高德地图（原生）获取当前位置定位

所以可以使用原生js1.index.html文件用cdn引入2.vue.co

弑天落羽·2023-04-09 22:12

【JavaScript】原生js阻止事件的三种方式

三种阻止事件执行的方式event.preventDefault()event.stopPropagation()returnfalse1、event.preventDefault()阻止特定事件的默认行为（只有cancelable设置为true的事件才可以使用），比如：点击type=“submit”的input标签提交表单，你在onclick事件处理中调用event.preventDefault(

ANKG·2023-04-09 09:14

WangEdtior富文本编辑器

WangEdtior官网，提供了vue2、vue3的安装方式>>原生js使用Document#editor—wrapper{border:1pxsolid#ccc;z-index:100;/*按需定义*

ps酷教程·2023-04-09 04:05

原生js实现手机验证码输入

html部分:js部分:letinputs=document.querySelectorAll("input");//获取全部input输入框for(constiofinputs){i.oninput=checkCode//为全部input添加事件}varelt;functioncheckCode(e){elt=e.target.nextElementSibling;//获取当前事件源的下一个兄弟

玖伴_367f·2023-04-08 23:54

原生js实现ajax

1.简单实现//实例化letxhr=newXMLHttpRequest()//初始化xhr.open(method,url,async)//发送请求xhr.send(data)//设置状态变化回调处理请求结果xhr.onreadystatechange=()=>{if(xhr.readyStatus===4&&xhr.status===200){console.log(xhr.responseTe

MY代码世间·2023-04-08 15:08

JavaScript随机点名器

使用原生js实现一个简单随机点名的小功能功能：1.点击开始按钮开始随机抽取学生并将学生姓名实时显示在页面上。2.点击暂停按钮后选中最后随机选中的姓名并将其显示在页面。

fossumjonas·2023-04-08 13:08

fetch API 的基本使用

fetchFetchAPI是新的ajax解决方案Fetch会返回Promisefetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。

過尽千帆_YL·2023-04-08 10:54

tab栏点击切换两种实现方法（原生js和vue方式）

1，原生js方式实现，代码如下可参考使用js实现tab栏点击切换操作*{margin:0;padding:0;}.container{width:500px;/*height:700px;*/border

last Dances·2023-04-08 07:10

原生js和vue实现页面滑动时固定某一元素到底部

原生js实现方法：.flex-top{height:300px;width:300px;background:red;}.flex{display:flex;}.left-content{width:100px

chen_sir_sh·2023-04-08 07:05

教你用原生JS造“钢琴”

灵感来源：https://www.zhangxinxu.com/wordpress/2017/06/html5-web-audio-api-js-ux-voice/向大神张鑫旭致敬！吾乃好乐者，一日，偶见旭之佳作，欣喜至极，即践之，故有此文。华丽版“钢琴”本尊在开始之前，我们先来感受一下优美的钢琴旋律→https://www.zhanhu56.com/h5/music_box/（请在PC端浏览哦~

前端王睿·2023-04-08 02:26

fetch与ajax

fetch不是ajax的进一步封装，而是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象。

白茶_别事·2023-04-07 22:46

前端面试题汇总-其他（二）

原生jsforEach()和map()区别共同点：1.都是循环遍历数组中的每一项。

廖若晨·2023-04-07 19:42

golang jsoniter extension 处理动态字段的实现方法

目录1.背景2.可选项总结1.背景golang原生json包，在处理json对象的字段的时候，是需要严格匹配类型的。

·2023-04-07 14:23

Vue组件开发--ref引用、动态组件、组件缓存、异步组件、组件混入

流水武qin·2023-04-07 10:19

用最简单的方法实现原生JS放大镜特效

Document*{margin:0px;padding:0px;}#big{width:200px;height:200px;position:absolute;overflow:hidden;left:480px;top:20px;display:none;}varbig=document.getElementById('big');varsmall=document.getElementBy

ql5307·2023-04-07 08:23

原生js中使用classList操作class

实现按下鼠标，为某个元素添加一个类松开鼠标，将某个元素去掉一个类最终实现鼠标按下，换颜色，松开，恢复默认颜色Title.fontSize{font-size:50px;}.changeColor{color:red;}字体颜色document.addEventListener("mousedown",function(){document.getElementById("div01").class

海涛高软·2023-04-07 06:33

classList详解，让你的js方便地操作DOM类

addClass、removeClass我们已经再熟悉不过了，然而我们并不会在每一个项目中都会去使用jQuery或者Zepto，譬如在移动端的网页中，考虑到传说中的性能和静态资源的请求量等因素，我们通常会选择采用原生

cwzhsi·2023-04-07 06:58

vue+echarts数据可视化大屏开发--自适应处理方案(react中同理)

大屏可视化的自适应处理，除了要懂得前端的基本布局以外，还需要了解各个场景下的自适应方案选型，这里提供三种自适应处理大屏的方案，每一种方案同时提供原生JS项目中的使用方式以及vue项目中的使用方式这里介绍的这几种方案只要是

你好！YOYO·2023-04-07 05:30

用 ES6 写全屏滚动插件

这篇文章将介绍如何使用原生JS（主要使用ES6语法）实现全屏滚动插件，兼容IE10+、手机触屏，Mac触摸板优化，支持自定义页面动画，压缩后gzip文件只有2.15KB。

L小庸·2023-04-07 05:00

vue2和vue3响应式的原理

vue2原理：在vue2中利用的是原生js下边的Object.defineProperty()进行数据劫持，在通过里面的getter和setter方法，进行查看和数据的修改，通过发布、订阅者模式进行数据与视图的响应式

石头215·2023-04-07 03:50

【esp8266】【Node.js】【Websocket】esp8266和Node.js通过websocket进行通信，实验记录及踩坑记录

实验介绍最近做了一个小实验，在esp8266上连接了一些外设，构建了一个websocketserver，用的是micropython编写程序；在pc上写了原生js，构建了一个websocketclient

skylarrrr·2023-04-07 00:33

原生js，实现一个终端小游戏！

游戏规则是，开局，系统会先问你玩不玩，如果选择了1，就表示要玩，这时候，系统会随机，生成一个1到21之间的数字，你每次都会随机抽取一个1到21之间的数字，重复抽取，则，抽到的数字会累加，这时候系统会问你抽不抽号码，你如果一直选择抽取，数字，也会累加，如果，你一直抽取，数字累加到大于21过后，就直接判定你自爆了，你输了，系统赢了，你也可以选择，在抽取到一定时候，手动停止，这时候，系统就会，把你抽到的

旧梦星轨·2023-04-06 23:04

前端js使用post请求下载文件流

//html:下载functionhandleDownload(){//一、原生js方法varxhr=newXMLHttpRequest();xhr.open("post",url,true);//url

鸣悦_92·2023-04-06 19:01

TypeScript记录

使用场景：大型项目或者多人协作优点：提高开发效率，提高项目健壮性TSvsJS是JS的超集，遵循JS的语法和语义，最终编译为原生JS跨平台且开源可以重用JS，并且可以无缝使用JS的流行的库（如需要使用，则要

cs0710·2023-04-06 19:29

【物联网】nodejs的Buffer替换为js的ArrayBuffer

厂方给的demo是使用vue的，我改造成原生js的时候，遇到一个问题Buffer.from()的问题。因为这个Buffer是nodejs的，所以报错。原语句：//array是u

爬行的黄鹂鸟·2023-04-06 19:26

js和JQuery获取位置及大小的区别

[原生JS]一、offSet系列*{margin:0;padding:0;}##.father{/*position:relative;*/width:200px;height:200px;background-color

来宝·2023-04-06 16:11

JS学习笔记——jquery

简单理解:就是一一个JS文件,里面对我们原生js代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如jQuery,就是为了快速方便的

不会说话的猴子·2023-04-06 09:40

2019年在浏览器用原生js写WebGL,绘制图形;

因为JavaScript高级程序设计(第三版)中的运行书上15.3WebGL部分的代码时在chrome和firefox浏览器下报错,在后面我网上初步找了一圈,好像没人做出真正可以用的代码;所以我就自己重写了一下:书上代码有些错误,错误原因应该是书出了太久,WebGL的规则已经有些改变了.并且,可能浏览器也有一些相关的规则改变了;新的代码如下:使用WebGL上下文对象绘图您的浏览器不支持canvas

方朝端·2023-04-05 16:44

Mars3D项目模板：基础项目原生JS版 (widget方式)介绍

原生JS版(widget方式)的特点：基于传统模式原生JS技术栈下开发的使用mars3d-widget插件进行模块化封装调用各功能火星科技在传统技术栈时(vue还没成熟流行时

木遥·2023-04-05 16:53

上一页 12 13 14 15 16 17 18 19 下一页

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

推荐频道