原生JS 第8页

NodeJs——实现跨域方法总结

原生js封装jsonp//封装jsonp函数functionjsonp(options){//动态设置script标签varscript=docum

捞起月亮的渔民~·2023-10-12 07:32

Express 通过 CORS 或 JSONP 解决跨域问题

CSRF攻击解决跨域问题CORSCORS响应头部Access-Control-Allow-Origin简单请求预检请求预检请求包含的两次请求解决CORS中间件使用CORS中间件处理跨域请求JSONP通过原生

BinaryMoon·2023-10-12 07:01

利用koa+原生js实现文件上传

1.文件上传在实际前端开发中,文件上传是一个很常见的功能,通常我们会将视频,图片等格式的文件上传到服务器以达到我们的需求.例如上传头像来达到换头像的功能等等.1.1起步通常在我们实现文件上传有这么几步获取当前事件对象的文件对象创建FormData对象,并将带上当前的文件对象.通过post请求向后台发送请求上传文件.并带上formdata.搭建一个后台环境,向后台发送请求.后台通过获取前端传递过来的

小宇cool·2023-10-12 01:02

原生js用鼠标拖动多个div块

实现用鼠标拖动div块的移动，当鼠标点击哪个块时，鼠标移动，div也跟着移动，鼠标松开时，则停止移动Documentdiv{height:200px;width:200px;background-color:red;position:absolute;top:20px;}#d2{top:220px;background-color:aqua;}#d3{top:420px;background-co

zxh.dream·2023-10-11 18:07

原生JS鼠标拖动修改表格的列宽

作者很直男，兄弟们直接复制代码看效果吧！！！一些小细节，大家可以自己动手修改。Documenttable{border-collapse:collapse;width:100%;}123456789123456789123456789123456789//处理第一条边框线的状态varaisDrag=null;varaclick=null;//处理第二条边框线的状态varbisDrag=null;v

ling…·2023-10-11 18:07

原生JS-鼠标拖动

原生JS-鼠标拖动通过鼠标的点击事件通过h5的属性通过鼠标的点击事件步骤：1.鼠标按下div。2.鼠标移动，div跟着移动原生js，实现拖拽效果。

Dormiveglia-flx·2023-10-11 18:04

nvm和node以及npm

一、nvm和node以及npm1、nvm功能：1.下载安装node程序2.切换node版本2.node：是一种服务端程序语言，基于ES为基础创建的一中语言，基础部分就是原生js，没有DOM,BOM和事件

杂草茹·2023-10-11 13:51

day44-jQuery（三）

JQ高级工作中，项目中常用的发送ajax请求的方式：原生js的ajax使用jquery的ajaxfetch-H5内置的请求函数axios-专业发送ajax请求的第三方模块jquery发送ajax请求get

HAI6545·2023-10-10 11:35

Cannot read property 'addEventListener' of null

解决方法：1.等待页面完全加载完了再加载这段Js即可；2.在原生js中的解决方法：1.将脚本放在页面的底部。2.在加载事件中调用

lzrit·2023-10-10 05:22

Vue框架基础

原生js与Vue框架的区别用原生实现双向数据绑定原生你输入了://找到input标签lettxt=document.querySelector('#txt')//给input设置事件,oninput方法

又菜又爱分享的小肖·2023-10-10 04:50

随机气泡案例

最近一直在学习框架，原生js方法及使用忘记的差不多了，温习一下话不多说直接代码*{margin:0;padding:0;}body{overflow:hidden;/*溢出隐藏*//*解决塌陷*//*清除浮动

天上人间一样愁·2023-10-10 03:45

Go语言从入门到精通 -【web项目实战篇】- Json详解

本节核心内容介绍GoLang自带的json包的核心功能方法介绍如何利用Tag对Json结构体实现更多的控制介绍Json的编码器和解码器介绍如何解决复合结构体的数据读取问题介绍了开发中一些常见问题和解决方案介绍了比原生

回首笑人间·2023-10-09 08:14

手机移动端-纯js浏览器h5调用摄像头扫描识别解析条形码+二维码

一、场景手机移动端-原生js浏览器h5解决识别二维码条形码功能；不借助Hbuilder.需要自己打包成APP，比如用Hbuilder打包，浏览器端项目h5无打包成app部署X不采用不借助微信扫一扫，调用微信

rain丶子厚·2023-10-09 00:51

原生js水波纹特效

Document.btn,.btn2{position:relative;width:150px;height:60px;background:#409eff;outline:0;border:none;padding:12px20px;overflow:hidden;color:#fff;}.btn::before,.btn2::before{content:'';display:block;p

斌斌一棵树·2023-10-09 00:41

原生js实现购物车数据响应驱动+响应式原理

由于本文只关注逻辑的实现代码所以简陋了ui界面但恰好也说明了数据变化的问题可能您的经常使用{computed,watch}vue等框架实现了实时更新的数据变化省去了很多操作，但是本文将带你了解响应原生的实现。示例图假如我们添加了几个商品输入框模拟变化的价格数量，那么在现实的js代码中你是否是通过绑定每个事件对每次商品的加减进行总价的重新计算呢，上代码：Document*{padding:0;mar

专注前端不学习一天浑身难受·2023-10-08 16:05

原生js实现http请求

functionhttpRequest(paramObj,fun,errFun){varxmlhttp=null;/*创建XMLHttpRequest对象，*老版本的InternetExplorer（IE5和IE6）使用ActiveX对象：newActiveXObject("Microsoft.XMLHTTP")**/if(window.XMLHttpRequest){xmlhttp=newXML

Cirosty·2023-10-08 15:13

原生html如何发送网络请求,原生JS发送HTTP请求的方式：XMLHttpRequest.send()

在前端开发过程中，就目前来看，发送HTTP请求，大家习惯在框架里去应用，比如vue,react等。我们在往前追朔下，用的最多的是jQuery里的ajax。但是最原始的发送HTTP请求方式是什么呢？一起了解下~~其实就是XMLHttpRequest.send()。说明XMLHttpRequest.send()方法用于发送HTTP请求。如果是异步请求(默认为异步请求)，则此方法会在请求发送后立即返回；

weixin_39805119·2023-10-08 15:10

原生js全局监听

项目中有时候需要在某些js文件中全局监听//例如给按钮绑定一个事件去开启全局监听触发setMsg(){letparams={id:"_P5NgY6sc_",imgSrc:".....图片路径",};//对document绑定全局监听事件varevent=newCustomEvent("ToOuter",{detail:params,});document.dispatchEvent(event);

橘哥哥·2023-10-07 16:13

解决Ajax跨域问题----JSONP

2、如何实现原生jsonp？3、如何实现jquery--ajax和jsonp？就解决这三个问题一、什么是jsonp？什么是json？因为说jsonp总要和json，很多初学者会产生这样的疑惑。

小伙子太认真·2023-10-07 11:28

原生js之变量、作用域与内存

原生js之变量、作用域与内存变量变量类型原始值引用值复制值传递参数判断类型typeofinstanceof不常用的判断方法constructor构造方法判断Object.getPrototypeOf()

好名字0821·2023-10-07 08:54

原生js之基本引用类型

原生js之基本引用类型引用类型是什么？

好名字0821·2023-10-07 08:22

原生js封装简单的计算器插件

最近闲来无事，想着开发一个小插件，看了网上的一个样例，根据他的代码做了下小的改动，可以直接引入该js文件即可使用，具体js代码如下：window.onload=function(){//创建渲染DOM结构functioncreatDom(){varstr=``;document.getElementById('calculator').innerHTML=str;}creatDom();letse

深漂浪子·2023-10-05 12:13

uniapp 使用echart实战（app/h5/小程序）

准备echarts.min.js在echarts官网按需生成echarts官网地址：https://echarts.apache.org/需要注意的是：在app和h5页面可以直接使用原生js调用echarts

u013040757·2023-10-05 05:17

用html+js+css3实现整屏滚动fullpage功能

最近在jquery库中看到有人封装了整屏滚动(fullpage)的插件，感觉还挺有意思，然后想了一下怎么用原生js实现。本文的实例讲述了原生javascript实现的全屏滚动功能。

俗人844·2023-10-03 22:20

javaScript之原生js封装组件（弹窗为例）

组件封装html调用组件Document.k-dialog{width:30%;z-index:2001;display:block;position:absolute;background:#fff;border-radius:2px;box-shadow:01px3pxrgba(0,0,0,.3);margin:0auto;top:15vh;left:30%;}.k-wrapper{posit

我在人间贩卖青春·2023-10-03 15:35

VUE3学习总结

对于自学过原生js的我来说本来以为学习vue会是一件很简单的事情，但是从目前学习的过程来看小看了vue了。vue3是基于ts语言开发出来的。ts本身可以支持js语言，但是js无法识别ts语言。

万惠清·2023-10-03 09:00

localStorage实现历史记录搜索功能

个人主页：爱吃炫迈系列专栏：JavaScript‍座右铭：道阻且长，行则将至文章目录为什么使用localStorage如何使用localStorage实现历史记录搜索功能（原生JS实现）效果展示代码实现为什么使用

爱吃炫迈·2023-10-02 18:15

数组转化为JSON 、绑定多个事件、队列

//通过原生JSON.stringify/JSON.parse扩展jQuery实现$.array2json=function(array){returnJSON.stringify(array);}$.

潇潇翔子·2023-10-02 09:11

[复习] 原生Js实现文件上传

Demo动画(0).gif效果：如上图所示起步首先，要想实现文件上传，至少得有两个标签。input，用来输入文件，button，用来触发文件上传函数选择文件(可多选):上传input标签属性解析type="file"的含义类型是上传文件类型multiple的含义可以上传多个文件js代码的书写首先我们来看下接口信息。（因为本教程侧重的是前端代码，所以就不放接口的Java源码了）image-20200

夏2同学·2023-10-02 02:51

鼠标悬浮事件

原因：原生js用onmouseover和onmouseout，假如你的divid为colorFlag下面存在子divid为flag，那么你给colorFlag加悬浮事件的时候，鼠标悬浮的时候会弹出2次，

重生之it界大佬·2023-10-01 01:48

vue原生js利用xhr异步下载文件

导出downLoadd(){letthat=this;varxhr=newXMLHttpRequest();xhr.open("post",that.$Config.download+"/"+that.warehouseId+"/"+that.regTime,true);xhr.responseType="blob";//返回类型blobxhr.setRequestHeader("Content-

白开水和咖啡·2023-09-30 19:02

JS，TS学习总结

lijiatu10086·2023-09-30 19:25

JS实现jQuery的attr()与on()方法

JS实现jQuery的attr()、on()方法这里用原生JS实现的attr()、on()方法，与jQuery里的attr()、on()方法一样能够进行链式调用。

KK要继续努力·2023-09-30 09:25

mysql5.7存储json_MySQL 5.7原生JSON格式支持

介绍本文将介绍MySQL5.7中如何实现非结构化(JSON)数据的存储，在介绍MySQL5.7的非结构化数据存储之前，首先介绍在之前的MySQL的版本中，用户如何通过BLOB实现JSON对象的存储，以及这样处理的缺点是什么，这些缺点也就是MySQL5.7支持JSON的理由；然后我们介绍了MySQL5.7如何支持JSON格式，本文将重点关注MySQL5.7JSON的存储格式。5.7之前BLOB方式实

大笨妞·2023-09-29 09:09

JS部分

原生JS事件（冒泡、捕获）变量、作用域函数对象面向对象OOP（闭包、封装、继承）正则表达式Ajax（异步的JavaScript）和JSON代码的优化思路1——简易计算器jQuery选择器事件AjaxECMAScript6let

白夜前端·2023-09-28 08:21

原生JS实现运行时间统计

突然想给网站加个运行时间统计，不过也没什么样式要求，所以就简单写了一个小例子。HTML代码本站运行时间:0天0小时00分00秒JS代码window.onload=function(){//开始时间varstart=newDate("2017/3/26:12:00").getTime();setInterval(function(){//现在varnow=newDate().getTime();//

岳晓亮·2023-09-27 19:18

第一篇：原生JS到Vue前端工程化开发

目录1JavaScript1.1JavaScript的介绍1.2JavaScript的引入和基本用法1.4JavaScript对象1.5JavaScript事件监听2通过链接使用vue.js2.1基本用法2.1.1常用指令2.1.2列表渲染2.1.3事件绑定2.2生命周期3前后端分离开发3.1YAPI4前端工程化VueCli4.1安装步骤4.2组件化开发4.2.1开发流程4.3Element-UI

Maxlec·2023-09-27 04:47

基于原生JS项目使用Vue3 + Surely Vue Table组件

Js&SurelyVueTable本文主要说明，基于原生JS项目如何使用SurelyVueTable组件。

12630335·2023-09-26 10:33

原生js之script基本属性

async:异步执行脚本defer:延迟脚本下载src:要执行的代码外部文件地址noscript:表示浏览器不支持或拒绝支持script脚本时出现的内容async和deferasync和defer本质都是为了让脚本推迟到整个页面解析后再下载，不同的是async是异步无序的，而defer是同步有序的。src是外部脚本文件地址下面举例说明：//如何打印console.log("")demo()//动态

好名字0821·2023-09-26 09:30

原生js之var let以及const的区别和作用

ES5：varES6：let、constvar怪异变量首先我们要明确，var是一个块变量也叫作用域变量，如果它放到一个函数中，在函数外调用应该是失败的，在不用vara=1,这样进行定义而变成a=2,时则这个变量就变成了全局变量，如functionvar1(){vara=3}functionvar2(){b=4}var1()var2()console.log(b)console.log(a)在上述代

好名字0821·2023-09-26 09:30

原生js值之数据类型详解

js的数据类型数据类型分类基本数据类型boolean:布尔类undefined:未定义的值null类型数值转换NumberparseInt转换整数parseFloat转换浮点数String类型特点如何转换成字符串模板字面量字符串插值模板字面量标签函数symbol类型特性使用BigInt类型复杂数据类型Object类属性与方法数据类型分类基本数据类型boolean:布尔类主要值为true、false

好名字0821·2023-09-26 09:28

原生js面试题(要求手写代码)

1.用正则和非正则，实现一个字符串转为驼峰非正则letstr="get-element-by-id";functionfun1(str){varstrArr=str.split("-");for(vari=1;icount){count=obj[i];word=i;}}console.log("出现次数最多的是:"+word+"出现"+count+"次");3.写一个获取非行间样式的函数//获取非

JuneLau·2023-09-26 05:54

JS图片压缩+图片上传前检测类型、大小、尺寸

原生JS压缩图片js压缩图片asyncfunctionupload(){letfileObj=document.getElementById('file').files[0]//上传文件的对象try{/

清秋挽风·2023-09-25 22:34

vue+原生js仿钉钉做聊天时间处理

聊天记录列表显示时间+聊天框显示时间一分钟：显示刚刚一小时内：显示多少分钟之前今日：显示小时+分钟昨日：显示昨天+小时+分钟今年：显示：月份+日期不属于今年：显示：年月日+小时+分钟代码逻辑以下函数都写在comment.js文件下主函数解释：聊天的时间逻辑传递timeValue的格式为2021/03/2413:56:00如果数据是'2015-08-1815:13:15';参考下述进行转换//var

qjsxq·2023-09-25 02:45

用 canvas 原生JS创建红色公章

functionofficialseal(opt){opt=opt||{canvas:$$('#canvas'),companyName:canvas.getAttribute('data-companyName'),sealTypeName:canvas.getAttribute('data-sealTypeName')};//officialsealvarctx=opt['canvas'].g

川哥编程·2023-09-24 11:33

react 导出excel文件

一共总结了两种适用范围比较广泛可以适用导出多级表头合并等.1、原生js导出（带样式）/***原生JS导出为excel文件*/exportconstjsToExcel=(id,name)=>{//window.location.href

话小说·2023-09-24 11:44

原生JS手写animate函数

1animate动画需求说明1.1animate函数，参数设定params{dom}要运动的元素params{attr}要运动的属性params{target}运动的目标位置params{callback}运动完成后的回调函数，可选1.2功能说明支持任意带px单位的属性运动，如lefttopwidthmarginLeftfontSize...支持opacity的属性运动，范围0-100支持scro

yuan_1005_85·2023-09-23 22:38

[使用技巧] 原生js使用合集

radio选中与取消window.document.getElementById('ID').checked=true//选中window.document.getElementById('ID').checked=false//取消span标签的赋值与取值window.document.getElementById('ID').innerText="span的文本";//赋值letval=win

louiema1n·2023-09-23 11:07

原生JS实现无缝轮播图

1.html无缝轮播图<>2.css*{margin:0;padding:0;box-sizing:border-box;}/*外层容器*/.carousel-container{width:500px;height:300px;margin:50pxauto;position:relative;overflow:hidden;outline:5pxsolid;}/*走马灯容器*/.c

不爱搬砖的码农·2023-09-23 04:24

原生JS实现音乐播放器

前言虽然现在有很多现成的库去实现音乐播放器功能，但是总感觉只会使用人家的第三方库缺点啥，于是就想着自己使用原生JS写一个，也不是特别难。

BUG不加糖·2023-09-23 03:15

推荐频道

原生JS