原生js

【js】js发送get请求

用原生js发送网络请求varhttpRequest=newXMLHttpRequest();//第一步：建立所需的对象httpRequest.open('GET','url',true);//第二步：打开连接将请求参数写在
厨樱·2023-12-04 12:09

如何使用原生的 JavaScript 代码，触发 SAP UI5 按钮控件的点击事件处理函数

我的技术交流群里，有朋友提问：我有个UI5按钮，想用原生js去触发click事件。在dom上检测到click已经触发了，但是按按钮的动作响应没有发生。请问如何解决，谢谢。
JerryWang_汪子熙·2023-12-04 01:57

面向对象实现拖拽

最近看到一篇文章讲了用原生js实现一个拖拽组件，而我自己还没有尝试过写拖拽组件，正好通过这次来实现一个。大致涉及到了模块化，闭包，面向对象，this,私有变量等知识。
马建阳·2023-12-03 23:19

原生js获取非行内样式

functioncss(obj,attr,value){//对象，样式，值。传2个参数的时候为获取样式，3个是设置样式if(arguments.length==2){//arguments参数数组，当参数数组长度为2时表示获取css样式returngetStyle(obj,attr);//返回对象的非行间样式用上面的getStyle函数}else{if(arguments.length==3){/
橘子仙人_a4d7·2023-12-03 19:59

原生JS实现倒计时以及在Vue里实现倒计时

1.用原生JS来实现倒计时功能//获取容器vardayBox=document.querySelector('#day');//倒计时方法/*times为未来的事件为时间戳*/functioncountDown
甜甜的胖·2023-12-03 15:58

原生js获取pc和移动端屏幕宽、高的方法及修改pc端网页适应移动端

pc端：varw=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;varh=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;移动端：网页可见区域宽：docum
小凖·2023-12-03 14:49

ECharts数据可视化项目-大屏数据可视化展示-echarts 图表制作

一.课程技术栈项目展示完成该项目需要具备以下知识：div+css布局flex布局Less原生js+jquery使用rem适配echarts基础在线体验(推荐）https://yangyanyan.top
卢元东·2023-12-02 21:49

初识NodeJS

>：创建文件del：删除文件rmdir：删除文件夹空文件夹/q静默删除/s强制删除cls：清屏三.Node基础语法Node和原生JS的不同点是：1.Node有服务器2.Node可以进
ly__struggle·2023-12-02 11:22

原生JS Web3Modal Demo (笔记)

SimplevanillaJSexampleofWeb3modalusageWeb3modalvanillaJavaScriptdemoNowalletconnected.ConnectwallettoshowaccountsandtheirETHbalances.ConnectwalletDisconnectwalletConnectedblockchain:Selectedaccount:Al
WeirdoPrincess·2023-12-02 10:19

Fiori2.0-在SAPUI5中控制一个“块”的隐藏与显示：setVisible

但是今天我介绍的方法要比上面两个都要简单实用，我们可以想到就是利用类似JS中的display属性，但是SAPUI5并不支持原生JS，那么我们该如何实现呢？Previ
宕机高手·2023-12-02 02:48

vue里面 fetch和 axios

vue里面axios和fetch的请求方式目的：是在框架中使用数据请求vue渲染数据的方法回顾：封装ajaxjquery【$.get$.post$.ajax$.load】框架：数据请求使用原生js提供的
独秀攻城狮·2023-12-01 18:17

vue中结合animate.css实现元素动画入场

首先引入animate.css，可以直接在index.html中cdn引入；2.其次在开发这种动画较多的页面我觉得还是引用jquery比较方便，操作dom稍多，我这里没有使用jquery，就想复习复习原生
luck_lin·2023-12-01 02:28

原生JS显示pdf文件

前段时间接到一个优化需求，后台返回的PDF文件(base64)通过前端插件在新的页签展示后，总会在大号字体边缘有毛刺状的“不和谐”，但后台的文件本身是没有问题的。拿到需求后就在插件的源代码中寻找"drawImage"，怀疑是不是对文件进行了压缩。果然，发现了特别多的"drawImage"，然后全部改成维持原始大小，满怀信心开启本地服务。结果...如果真好了，就不会有这个随笔来记录了。以前只处理过图
丶梅边·2023-11-30 12:15

原生js、Axios、Ajax、Fetch四种请求方式

方法一：原生js其他更简单的方式基本上都是基于原生js衍生来的/*openmethod(getpost)url纯净的地址params参数*/functionajax(method,url,fn,params
万迹·2023-11-30 07:36

输入回车换行，div标签可编写

placeholder);color:#ccc;}取消选中边框outline:none;.textareaDiv{padding:12px0;font-size:15px;outline:none;}获取输入参数可用原生
Grocery store owner·2023-11-29 07:45

原生js实现轮播图(两种方法)

第一种：这个是之前写的，比较草率，没有注释，如果这个看不懂就去看第二个，比较仔细，主要是了解他，后面都会有一些插件来使用，很方便，只要几行代码就可写出各种各样的代码，所以，不懂的话，不要太在意，vari=0;varimages=newArray("500022.jpg","500023.jpg","500024.jpg","500025.jpg","500026.jpg");functioncha
Grocery store owner·2023-11-29 07:44

原生js和jQuery的区别

1.原生JavaScript是一种基于ECMAScript规范的编程语言，而jQuery是基于JavaScript的一个库，它提供了一种更简洁、易用的语法来操作HTML文档、处理事件、执行动画等。2.原生JavaScript没有依赖任何外部库，而jQuery依赖于jQuery库。这意味着使用jQuery需要先引入jQuery库。3.原生JavaScript的代码通常比jQuery代码更冗长，因为它
素素堂堂良·2023-11-29 00:02

原生js将数字金额转汉字金额 vue中数字金额转汉字金额

网上找的个demo，略加修改，简已封装，挺完美的。功能是将数字金额转为汉字金额vue中，自行在assets新建js，封装如下，复制粘贴进去即可/***数字金额转汉字金额*val为字符串类型*/exportconsttoChies=(val)=>{//汉字的数字varcnNums=newArray('零','壹','贰','叁','肆','伍','陆','柒','捌','玖');//基本单位varc
牵手相守·2023-11-28 19:49

uniapp 使用RenderJs

在uniapp中renderjs可以使用原生js的dom，方便很多。下面熟悉一下renderjs基础使用。
微笑面对start·2023-11-28 14:22

在JavaScript中添加css样式 js追加类

一、原生js中添加类的方法1.为元素添加一个类:document.getElementById("div").classList.add("类名");2.为元素添加多个类:document.getElementById
linlinlove2·2023-11-28 06:40

微信小程序自定义弹窗插件|showModel模态弹窗|Toast提示

之前有开发过一个手机端h5弹窗插件wcPop，反正原生js代码语法都差不多，就试着搞了个微信小程序弹窗插件，功能效果肯定能满足大多数弹窗使用场景。如果刚好您的项目开发中需要
weixin_33924220·2023-11-28 05:58

原生JS实现Web弹出层Toast

我们可以使用原生JS写一个弹出框，类似Android的Toast组件。先分析一下实现思路：先确定弹出框的样式，写出CSS代码。动态创建元素、设置元素样式。控制元素显示与隐藏。
微语博客·2023-11-28 00:21

原生JS实现文件自定义位置盖章功能并导出PDF

原生JS实现文件自定义位置盖章功能并导出PDF实现原理在需要签章的文件上面创建一个div，可以通过移动这个div来确定签章位置，然后在通过获取这个位置把章子替换到这，并导出PDF，可以多次盖章！
龟中的程序员·2023-11-27 04:53

ES6 系列之我们来聊聊 Async

可以参考：You-Dont-Need-JavaScriptcssanimationcss@keyframescsstransformcsstransition2.原生js代替第三方库因为第三方库不可避免的会增大打包文件的体积
强哥科技兴·2023-11-26 01:46

原生JS实现计算器（内含源码）

前言本文讲解了JavaScript如何在一小时内实现一个简易计算器，这里最大的亮点就在于，我在JS中只用了一个事件，就实现了计算器的效果和功能，那么好文本正式开始。布局和样式流程首先是HTML+CSS结构：这里主要用到的是position定位和Flex布局。首先我们准备一个大的div，用于装最大的容器，它的id为all然后我们准备三个小的div，给这些div加上Flex-box弹性盒子布局这三个小
好名字0821·2023-11-25 22:51

原生js项目中webpack.config.js的简单配置

原生js项目中webpack.config.js的简单配置const{resolve}=require("path");constautoprefixer=require("autoprefixer")
琴～～·2023-11-25 19:49

高仿淘宝首页 - 刚把CSS和JS弄出成了外部，原本写的时候都在HTML一个文件里哈

感觉用原生js更能加深对知识的理解哈。小白一枚。本来CSS和JS都写在HTML一个文件里了。这刚把它们弄出来成外部了。
InterestingLife·2023-11-25 17:35

原生JS封装仿element-ui 消息提示框

提示框的三种样式，如下图：error样式success样式warn样式js代码部分functionshowToast(msg,type){//消息弹出框varmessageEle=document.getElementsByClassName("parent-tips");//获取最后一个消息提示的显示层级，新的消息提示层级在此基础上+1varzIndex=messageEle.length==0
路飞sabo·2023-11-24 23:51

前端处理二进制文件流，预览图片、PDF

原生js实现预览图片、PDF服务返回二进制流，用axios处理，指定blob类型，然后再转换成URL（处理后会变成blob://...这种格式)；图片的话，作为src地址可以直接实现；预览PDF需要服务端的响应头
1234Wu·2023-11-24 14:05

前端开发小技巧（来自知乎）

1.YouMightNotNeedjQuery不用jQuery，原生js如何实现，可以参考这里：YouMightNotNeedjQuery。
weixin_33928467·2023-11-24 11:20

@all 2020年程序员年终总结来了

1.xxx；负责开发工作:100%，学习原生js；2.xxx：负责开发工作:60%，加深理解jquery；3.xxx：负责开发工作:100%，学习组件封装，提取公共组件；iOS我做了什么？1.
思念小汤圆·2023-11-24 10:59

原生js实现form表单保存按钮触发后表单只读以及编辑按钮灰化，编辑按钮触发后表单是编辑状态以及保存按钮灰化

原生js实现form表单保存按钮触发后表单只读以及编辑按钮灰化，编辑按钮触发后表单是编辑状态以及保存按钮灰化场景1：初始化进去的时候，编辑灰化，保存高亮，表单为编辑状态场景2：填写完数据后，点击保存，保存会话
呆呆加油呀·2023-11-23 18:54

JavaScript不重复随机点名器

功能要求使用原生js实现一个简单随机点名器点击开始按钮随机出现学生的名字且把学生的名字显示在页面上已被选中的学生名字要排除后再继续后面的随机抽取点击暂停后学生的名字显示在页面上，且在下面记录每一个被抽取出来学生的名字效果图
猫_叔·2023-11-23 14:26

JS_原生JS获取外边距

//获取DIVvartitleImgDiv=document.getElementById("titleImgDiv");vartitleImgDivStyle=getComputedStyle(titleImgDiv,null);alert(titleImgDivStyle.paddingBottom);
CrazyMax_zh·2023-11-23 06:25

如何控制滚轮横向滑动(原生JS实现方法)

控制滚轮横向滑动提示：这个是以前讨论的时候遇到的情况;回头想了一下应用场景确实挺多的,.所以今天趁周末大致的记录一下如何通过js去实现【横向滚动】文章目录控制滚轮横向滑动解决思路如下`1.如何在页面中展示横向滚动条``2.如何获取鼠标的【滚动轮】``3.通过什么Api去实现滚动效果`一、如何创建横向滚动条1.代码如下(HTML和CSS)2.效果如下图所示:二、鼠标滚动轮事件(mousewheel和
满脑子技术的前端工程师·2023-11-22 15:42

Jquery

.jQuery的概念jQuery又称为JavaScript库j就是JavaScript，Query就是查询的意思是对原生JavaScript的封装，内部都是用JavaScript实现的以前学的js称为原生
nknmn_·2023-11-21 21:18

【Java 进阶篇】Ajax 实现——原生JS方式

大家好，欢迎来到这篇关于原生JavaScript中使用Ajax实现的博客！在前端开发中，我们经常需要与服务器进行数据交互，而Ajax（AsynchronousJavaScriptandXML）是一种用于创建异步请求的技术，它可以使我们在不刷新整个页面的情况下更新部分页面内容。在这篇文章中，我们将深入研究原生JavaScript如何使用Ajax，以及一些相关的基础概念。什么是Ajax？Ajax是一种
繁依Fanyi·2023-11-21 21:47

jQuery 常用方法

jQuery常用方法排序eq()方法jQuery中获得的对象，内部包含选择的一组原生js对象，在jQuery对象中会进行一个大的排序，这个排序与原来的HTML结构没有关系。
阿雾a·2023-11-21 15:37

ajax基础3--使用原生xhr发起get,post请求

使用原生js发起ajax请求`XMLHttpRequest`的基本使用什么`XMLHttpRequest`使用`xhr`发起GET请求（⭐⭐⭐）了解`xhr`对象的`readyState`属性使用`xhr
咖啡壶子·2023-11-21 13:00

HTML5海报生成器源码,原生js小项目 - canvas海报生成器

1.背景之前做过一个营销类移动端h5项目-海报生成器，上传用户本地图片合成海报并支持下载，这次有时间了整理整理。2.几个重点上传本地图片并支持预览处理ios照片翻转使用canvas对图片等比拉伸缩放并居中裁剪使用canvas绘制图片以及文本输出base64并支持下载3.上传图片废话不多说，使用html的标签可以支持文件上传，前端上传验证的话，设置accept="image/*"将文件类型限制为图像
给我一杯声声乌龙·2023-11-21 05:38

原生JS实现下拉刷新、上拉加载

最近部门移动端需要实现一个评价列表查询的功能，由于之前没有实现过，因此找了第三方库来实现，前前后后磕磕碰碰的花了一个小时终于实现了一个上拉刷新、下拉加载的功能。虽然实现了该功能，但是毕竟使用的是第三方库的组件，一旦出啥问题也不好解决，想了想，反正部门内部的组件库没有上拉刷新、下拉加载的组件，那么我何不写一个这样的组件呢？于是下定决心为部门组件库增加该组件。先上效果image聊聊实现思路移动端下拉刷
xiaoXX_·2023-11-20 22:11

java模仿js加减乘除_一个原生js写的加减乘除运算

根据我的经验我说的再多也没人看，不过还是简单介绍下效果吧，可以选择+,-,*,/,去计算数据，喜欢的话就粘贴复制自己看去吧！无标题文档+-*/functioncount(){vara=parseInt(document.getElementById("txt1").value)//获取第一个输入框的值varb=parseInt(document.getElementById("txt2").val
牙膏从后挤啊·2023-11-20 17:46

vue中v-html渲染出来的元素添加样式

不能直接在中修改css样式这应该是vue中虚拟dom渲染的元素无法修改样式；方法1：在updated生命周期函数中，js动态配置样式（这里引入了jQ，可以用原生js更改样式）updated(){$('#
就像风1样·2023-11-20 17:43

2023.11.16使用原生js和canvas实现图片矩形框标注功能

2023.11.16使用原生js和canvas实现图片矩形框标注功能做训练的时候需要一些数据集，但是网上数据集有时不能满足自身的使用需求，自己编制一个标注软件实现数据采集功能。
leigh_chen·2023-11-20 05:49

原生JS操作DOM的增删改查（实用总结篇）

实际项目中，最多的应用就是对DOM树的操作，所以本篇就从实用角度，总结一下原生JS下的DOM的增删改查。增增加元素前，必须先创建或复制元素。然后把创建或复制的元素，插入到DOM树中。
新生代农民工官方认证码农小拽·2023-11-20 00:10

原生JS去除二维数组中重复了的一维数组

去除二维数组中重复的一维数组vararr=[[1,2,"haha"],[1,3,"haha"],[2,2,"haha"],[1,2,"abcd"],[1,2,"haha"],[1,2,"haha"],[1,2,"haha"],[1,2],[1,3],[3,2],["I","and","you"],["I","and","you"],["I","and","you"],["i","and"],["i
浅香沉木·2023-11-19 01:44

原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute（转发）

varbtn=document.getElementById('btn');console.dir(btn);console.log(btn.id);//btnconsole.log(btn.type);//buttonconsole.log(btn.a);//undefined//查询属性是否存在console.log(btn.hasAttribute('a'));//true//获取自定义属性
SuperYiY·2023-11-17 13:35

javaScript的Lodash库和jQuery库和layui库

简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如jQuery，就是为了快速方便的
想被带飞的鱼·2023-11-17 08:09

ref属性

通过原生js获取DOM如果使用原生js来获取DOM元素时，我们最简单的就是通过id来精准获取，因为id是唯一的。
白桃味稠鱼烧·2023-11-17 07:34

JS 读取excel文件内容 和 将json数据导出excel文件

一、实现将json数据导出为excel文件1、通过原生js实现核心方法：functionJSONToExcelConvertor(JSONData,FileName,title,filter){if(!
mr_cmx·2023-11-17 01:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他