原生Js 第16页

数据可视化Echarts学习指南

01-使用技术完成该项目需要具备以下知识：div+css布局flex布局Less原生js+jquery使用rem适配echarts基础02-案例适配方案设计稿是1920pxflexible.js把屏幕分为

Aaron_Yang.·2023-04-19 05:37

js遍历循环for/for...in/for...of/forEach()/map()

在循环（代码块）开始前执行语句2定义运行循环（代码块）的条件语句3在循环（代码块）已被执行之后执行//实例：for(vari=0;i{console.log(item);});image.png【5】原生

赵Wayne·2023-04-18 22:24

Fetch

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

weixin_30484739·2023-04-18 10:51

web前端入门到实战：原生JS快速实现拖放（drag and drop）效果

拖放是很常见的一种交互效果，很多时候我们都会借助于第三方的控件来实现，其实用原生js实现起来也非常的方便。

大前端世界·2023-04-18 09:20

web小游戏开发：扫雷（二）

web小游戏开发：扫雷（二）引入jquery代码界面分离重构界面将游戏封装开始对封装的内容进行填充js部分说明样式部分的一些说明部分事件定义的说明小结引入jquery因为用原生js进行事件处理相对麻烦一些

文盲老顾·2023-04-18 02:23

element-ui vue input输入框自动获取焦点聚焦方式

目录element-uivueinput输入框自动获取焦点聚焦方法一方法二vue输入框自动获取焦点的三种方式方式一：原生JS操作DOM方式二：ref方式实现方式三：使用自定义指令总结element-uivueinput

·2023-04-18 01:41

js复制文本到剪贴板

一个不分离项目的紧急需求,需要添加一个复制功能,作为一个小菜鸟,自己写肯定写不出,也记不住那么多方法,之前分离项目,npminstall安装插件就好了,但是不分离项目不好找对应插件,期望使用原生js在经过百度

执笔于情·2023-04-18 01:06

js跨域

这个原理解释的不错动态创建script标签(由事件触发)这篇文章挺全的JS解决跨域汇总还有这个也比较全js中几种实用的跨域方法原理详解原生JS实现跨域

小杺·2023-04-17 21:28

css变量用法（原生js、小程序）

背景：写一个动效，需要先请求接口拿到数据，再根据数据计算高度，此时便想到了scss、less变量写法，但由于项目是css，那么在微信小程序css是否也可以像scss/less一样，支持变量写法呢？答案肯定是可以的。总结一下小程序css使用变量的用法：1、css原始定义方式首先在原生的html、css中是支持css变量的，在root节点里定义所需变量，便可以在整个页面使用，约定变量以--开头，调用的

吃鱼吐泡泡·2023-04-17 17:22

VUE以及原生js实现像企查查那样点击按钮实现复制文本的功能实例

这里解释下代码：：data-clipboard-text是指的是复制的文本@click是点击复制的方法{{$t("common.copy")}}importClipboardfrom'clipboard';//点击复制的方法copy(){varclipboard=newClipboard('.copyBox')clipboard.on('success',e=>{this.$message({me

呆呆加油呀·2023-04-17 11:48

原生JS三种方式判断元素是否存在某个类名

1.如果不考虑兼容IE10以下的话，可以用HTML5中的classListAPI，非常方便：letmodulYes=document.querySelectorAll('.modulli')for(leti=0;i{if(modulYes[i].classList.contains('checked')){//表示含有'checked'这个类名modulYes[i].classList.remov

唯吾听烟雨·2023-04-16 20:26

vue结合原生js实现滚动定位字体闪烁和搜索过滤效果

来看效果html使用elementUI的Popover弹出框和input组件{{scope.row.no}}.{{scope.row.text}}任务步骤关键:@change:仅在输入框失去焦点或用户按下回车时触发事件设置一个ref方便获取dom元素功能滚动定位滚动定位我们可以使用scrollTopElement.scrollTop属性可以获取或设置一个元素的内容垂直滚动的像素数。更多属性信息可查

Shaelyn_·2023-04-16 17:17

初始React

使用原生的JS操作Dom繁琐，效率低（DOM-API操作UI）使用js直接操做DOM，浏览器会进行大量的重绘重排原生JS没有组件化编码方案，代码复用

南瑜呀·2023-04-16 15:45

为什么说vue是一个渐进式框架？

在最初的前端开发中，为了完成一些功能，我们需要通过原生js获取html中的DOM节点，随后插入内容或添加事件，进行一系列操作。

LinkVoid·2023-04-16 15:24

前端秘籍之=＞八股文经卷=＞(原生Js篇)【持续更新中...】

目录JavaScript部分1.JavaScript有哪些数据类型，它们的区别？2.数据类型检测的方式有哪些？3.Null和undefined有什么区别？4.如何获取安全的undefined值？5.Object.is()与比较操作符“===”和“==”的区别？6.谈谈什么是JavaScript中的包装类型？7.为什么会有BigInt类型的提案？8.如何判断一个对象是空对象？9.const声明的值能

旧梦星轨·2023-04-16 09:19

electron开发本地音乐播放器踩坑总结

github地址技术用electron、原生js。先看最终产品效果，首先是空白列表。

_小_七_·2023-04-16 08:29

用原生js实现jq的load()

在工作我碰见了一个老项目用到了jq的’load()‘,我想不用jq，那我该用原生怎么实现了？jQuery的load()方法是用于异步加载HTML文件或者元素的，使用原生JavaScript可以通过XMLHttpRequest对象来实现类似的功能。functionload(url,callback){constxhr=newXMLHttpRequest();xhr.onreadystatechang

晨宇烁·2023-04-16 07:35

基于grid布局实现页面元素的动态拖拽替换

基于grid布局实现页面元素的动态拖拽替换本人看见网上的都是基于flex布局的动态拖拽，就想尝试写一下grid布局的拖拽实现一下，于是有了本篇文章，本篇主要都是基原生js实现，文章主要时提供了一个思路，

晨宇烁·2023-04-16 07:05

原生js对数组进行分组,按照按时间正序排序

//根据name属性值相同的数据进行分组constselectRows=[{name:'一组',groupDate:'2022-01-2017:30:12',status:'状态一'},{name:'一组',groupDate:'2022-01-1213:02:24',status:'状态二'},{name:'二组',groupDate:'2022-01-221:04:45',status:'状态

如_我所愿·2023-04-16 04:27

vue核心-虚拟DOM

合并成一个RenderTree有了RenderTree，浏览器便能获取到每个节点的CSS定义和从属关系，从而可以计算出每个节点的现实位置通过上一步的计算规则进行绘制页面浏览器渲染流程虚拟DOM产生的背景用原生

古月丶·2023-04-15 20:48

【JavaScript】原生js实现省市区联动效果

博主：初映CY的前说(前端领域),本文核心：用原生js实现省市区联动【前言】今日在复习省市县三级联动的时候，有点忘了原生的js应该怎么样处理省市县的联动，特此写下来再次复习下目录⭐实现思路⭐思路转化为代码

初映CY的前说·2023-04-15 18:23

原生JS获取用户地理位置

获取用户地理位置关键api：navigator.geolocation.getCurrentPosition(showPosition,showError,option)其中三个参数分别表示：showPosition:成功的回调showError:错误的回调option:数据获取的方式showPosition属性coords.accuracy：获取位置的精度coords.altitude:获取海拔

刘凯gg·2023-04-15 04:03

1.React 简介

原生：所有React代码都是用原生JS书写而成，不依赖其他任何库。易扩展：React对代码封装程度较低

Aziel~·2023-04-15 00:29

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

推荐频道

原生Js