原生JS 第5页

原生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

20231109-【尚硅谷】3小时Ajax入门到精通学习笔记

缓存问题请求超时与网络异常（xhr.timeout=2000;）取消请求（xhr.about();）解决请求重复发送问题jQuery发送AJAX请求Axios发送AJAX请求使用fetch函数发送AJAX请求原生

ぃ咔哇依°ヽ·2023-11-16 17:07

【Typescript】vue项目中使用ts（typescript）入门教程

类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。

BMG-Princess·2023-11-16 13:38

原生js简单打地鼠游戏

js部分内容——————————————————————————————————————————————————————varstart=document.getElementById("start");/*游戏开始按钮*/vardiglettLocation=document.getElementsByClassName("anmint");vargameImg=['img/ds01.png',

antixian2066·2023-11-16 09:01

原生js做打地鼠游戏

抱歉素材有点难找，这次的学习重点是在JS的实现，梳理一下打地鼠的实现逻辑，主要分为三个主要功能函数。开始游戏：对分数、并根据游戏难度对游戏的倒计时和延迟进行初始化之后，利用setInterval定时器Math.random随机函数实现地鼠间隔一定时间随机出现在方块中的位置。其中表格可以使用table布局或者网格布局。打地鼠：为了避免多次点击多次计算得分，用一个标志位来标志第一次点击，如果当前点击方

海伦•·2023-11-16 09:59

day28_JQuery

正则表达式二、JQuery零、复习昨日js已经学完,js是让页面动态变化1)基本语法(变量,运算,逻辑,函数)2)事件(给标签绑定不同的事件)3)dom(改变标签内容,属性,样式)一、引言1.1jQuery概述原生

沐沐霸·2023-11-15 19:09

Vue事件绑定

目录前言Vue事件处理指令的语法格式事件绑定指令—v-on回调函数前言我们知道如何在原生js中实现事件绑定，那在vue中如何实现呢？

软工不秃头·2023-11-15 02:36

使用es6模板字符串之后点击事件不生效

最后只能使用原生js获取到需要点击的元素，从而实现点击事件。//点击的元素。需要确保

张小邪。。·2023-11-15 01:19

【JavaScript-移动端常用事件】了解移动端touch触摸事件

目录前言1.触摸事件2.触屏事件3.TouchEvent触摸事件对象4.拖动元素写在最后前言移动端浏览器兼容性较好，不需要考虑JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方

Aic山鱼·2023-11-14 12:43

js移动端触屏事件

1、触屏事件2、触摸事件对象（TouchEvent）1、触屏事件移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。

靠技术吃饭·2023-11-14 12:42

HTML---JS移动端触屏事件touch详解

1：触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。

新手小白web·2023-11-14 12:07

移动端触屏事件

移动端触屏事件文章目录移动端触屏事件移动端触屏事件概述触摸事件对象(TouchEvent)移动端拖动元素classList属性移动端触屏事件概述移动端浏览器兼容性较好，我们不需要考虑js的兼容性问题，可以放心使用原生

idiot_MAN·2023-11-14 12:32

py版的原生Json解析器

之前的博客已经介绍过py和java-json的关系，以及他们的json包，之前写了Java版本的原生Json解析器：http://blog.csdn.net/qq_34417408/article/details

魏小言·2023-11-14 10:12

原生JS实现视频截图

视频截图效果预览利用Canvas进行截图要用原生js实现视频截图，可以利用canvas的绘图功能ctx.drawImage，只需要获取到视频标签，就可以通过drawImage把视频当前帧图像绘制在canvas

Marco-hui·2023-11-13 21:22

根据原生js、html实现的treeview组件

ul,#myUL{list-style-type:none;}#myUL{margin:0;padding:0;}.caret{cursor:pointer;-webkit-user-select:none;/*Safari3.1+*/-moz-user-select:none;/*Firefox2+*/-ms-user-select:none;/*IE10+*/user-select:none;

小沙盒·2023-11-12 23:02

原生JS封装分页器组件

应用样式：分页器组件：共{{pageInfo.total}}条1":class="{active:cur==1}"@click="$emit('handleCurrentChange',1)">12">···=startNumAndEndNum.start"@click="$emit('handleCurrentChange',page)":class="{active:cur==page}">{

丁先生320·2023-11-12 17:30

【JS案例】分页器——使用原生JavaScript实现

在使用vue编写完一个分页器组件后，我对分页器的底层逻辑产生了兴趣，想在此组件的基础上再深入了解一些分页器的底层逻辑，了解vue与原生js的区别。

Array[林]·2023-11-12 17:58

使用原生JS封装一个Ajax

原生的Ajax写起来比较麻烦，而且每次使用的时候都得从头开始写，导致了很多不必要的工作量，产生了大量的冗余代码。这里就可以封装一个Ajax,以供以后的开发中进行使用。首先，要想封装一个Ajax，就得弄清楚原生Ajax的代码逻辑：第一步声明一个xhr对象；第二步就是当xhr.onreadystatechange发生改变的时候，执行相应的处理函数；第三步是用xhr.open打开连接；第四步是通过xhr

荔枝，你让我拿什么荔枝！·2023-11-12 17:27

大二第四周总结——用原生js封装一个分页器

用原生js封装一个分页器起因：这次项目还是用原生的js来写的，我负责的是后台，分页是后台最常见的一个功能了，于是干脆封装一下,废话少说，直接上代码这里是基本的样式.pagination{display:

马奇德德·2023-11-12 17:24

原生js实现Ajax原理

相信很多小伙伴在面试的时候，大部分都逃不了被问原生js的问题吧，尤其是高频的高频，**说一下实现原生Ajax的原理**原生？？？哦买噶的！

菜的抠脚....·2023-11-12 07:37

js+css实现两个dom元素之间的连线

看到有小伙伴提问不依赖图形化工具，怎么实现两个div之间的连线，看着追问的人不少，顺题发挥了下，下面代码实现两个dom元素中心坐标的连线，首先引入jquery（任意版本），主要是为了方便dom操作，当然改成原生

喯啵儿灞·2023-11-11 06:21

使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果（精问）

使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果（精问）一、总结一句话总结：进度条动画效果用animation，自动效果用setIntelval二、使用原生JS+CSS或HTML5实现简单的进度条和滑动条效果前言我个人非常喜欢

weixin_34248118·2023-11-09 22:35

推荐频道

原生JS