原生ｊｓ

[前端面试场景题]虚拟列表

网页2和网页4都给出了具体的Vue和原生JS实现案例，比如动态计算起始和结束索引，使用transf
GISer_Jinger·2025-03-23 08:10

从零开始：使用原生JS打造简易飞机大战游戏

本文还有配套的精品资源，点击获取简介：在本教程中，我们将探讨如何利用原生JavaScript的特性，包括事件处理、DOM操作、定时器和音频处理，来构建一个基础的“飞机大战”游戏。该游戏的核心元素包括玩家飞机、敌机、子弹和碰撞检测，它们通过HTML和CSS展现在页面上。通过编写JavaScript脚本，我们实现游戏对象的创建与状态管理，响应用户的键盘和点击事件，更新游戏内容，并通过定时器维护游戏循环
西域情歌·2025-03-22 02:45

js可不使用document直接根据id获取id元素

今天在用原生js写demo的时候发现一个有意思的小现象，那就是可以直接根据元素的id去获取对应的元素。
庸懒·2025-03-16 11:33

canvas绘制和数字签名

关键是要把存放绘制的信息放到一个二维数组中：绘制时最好不要用定时器进行定时绘制，因为会卡顿，最好使用requestAnimationFrame这个原生js的api方法，因为是以帧的间隔绘制，所以会看起来流畅
·2025-03-16 08:23

N个utils(处理日期)

的代码.1,最直接的肯定是我有时候会写js,而一些经典的逻辑,又不想新开前端文章,索性就放一起.2,java的面向对象太完善了,这也是我写文章的原因,导致写java代码很难学习到面向过程的编程思想,正好,原生
庖丁解java·2025-03-16 05:23

XMLHttpRequest、Fetch、Axios和AJAX的关系

一、基于http协议用于前后端通信的工具1、XMLHttpRequest（原生JS对象）XMLHttpRequest（XHR）是原生JavaScript对象。
冰镇屎壳郎·2025-03-15 14:57

Vue：其他指令

与原生JS中的innerText功能类似，填充的内容中即使存在HTML标签也只是会当做一个普通的字符串处理，不会解析。
真der~啊·2025-03-13 13:39

js 封装ajax方法吗,原生JS封装ajax方法

这时我们就需要用原生JS写一个ajax函数了。
里小咸·2025-03-12 06:30

three.js 在 webGL 添加纹理

为了方便，我将使用vite搭建一个原生js项目
belldeep·2025-03-11 01:28

html中绑定点击事件的三种方法

例如以下标签：submit一、使用jquery进行绑定$('#btn_submit').click(function(){});二、使用原生js绑定（注意：InternetExplorer8及更早IE版本不支持
我是陈大大·2025-03-09 18:27

vite：初学 p5.js demo 画圆圈

为了方便，我将使用vite搭建一个原生js项目。1.创建项目npmcreatevite@latestp5-demo选：Vanilla选：JavaScrip
belldeep·2025-03-08 21:05

HTML+CSS+原生JS手写todolist

代码分三个部分1.htlm部分ToDoList—最简单的待办事项列表ToDoList正在进行已经完成Copyright©2014todolist.cnclear2.css部分body{margin:0;padding:0;font-size:16px;background:#CDCDCD;}header{height:50px;background:#333;background:rgb
余月初贰·2025-03-04 15:12

原生JS和CSS，HTML实现开屏弹窗

开屏弹窗常应用于打开游戏，或者打开网站的时候，跳出来在正中间，来显示一些信息，并可以设置今日不再显示CSS代码如下#box{width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);position:relative;display:none;}.alerts{width:250px;height:400px;background-colo
QTX18730·2025-03-04 08:49

什么是 jQuery ？

在开始告诉大家什么是jQuery之前呢，我们先讨论一下什么叫‘’JavaScript库‘’JavaScript库：JavaScript库是一个已经封装好了函数和方法的集合，例如我们在原生JS中做过的动画函数等等都属于
卡卡西最近怎么样·2025-03-04 02:33

用JavaScript写抖音很火的罗盘时钟，附源码

原生js制作在抖音上很火的罗盘布局时钟代码。带日期、月份、星期、时分秒圆盘时钟。
编程界小明哥·2025-02-23 12:18

html放大镜效果代码,原生JS实现的放大镜效果实例代码

js放大镜效果*{margin:0px;padding:0px;border:none;list-style:none;}#box{margin:80pxauto;width:352px;}#boxp{width:350px;height:350px;border:1pxsolid#ddd;margin-bottom:5px;}#boxpimg{width:350px;height:350px;}
看热闹不嫌事大菌·2025-02-18 07:56

基于 Python（Flask）、JavaScript、HTML 和 CSS 实现前后端交互的详细开发过程

**前端**：HTML/CSS+JavaScript（原生JS或FetchAPI）3.
星糖曙光·2025-02-13 00:47

在React中使用v-if语法(基于babel)

众所周知在React中并没有像Vue那么多的API，所有功能都要依托于原生JS去实现。
weixin_33739541·2025-02-12 01:34

JavaScript前后端交互-AJAX/fetch

摘自千峰教育kerwin的js教程AJAX1、AJAX的优势不需要插件的支持，原生js就可以使用用户体验好（不需要刷新页面就可以更新数据）减轻服务端和带宽的负担缺点：搜索引擎的支持度不够，因为数据都不在页面上
暗渡x·2025-02-06 00:47

threejs起步学习之创建旋转立方体并随时停止和控制旋转

先使用原生js编写代码，首先就是下载threejs然后引入然后就可以使用THREE这个对象了要创建一个立方体，首先我们需要创建一个场景，一个摄像机，一个渲染器，这样我们才能透过摄像机看到渲染出的场景varwidth
·2025-02-03 13:00

【原生JS】如何优雅地读、改location.search（queryString或GET参数）

应用场景location.search完全由JS脚本管理，并且需要不刷新页面地修改其内容。例如在Oauth2授权中，如果是前端取参提交给后端API向平台方请求accessToken，需要及时删除GET参数中的code，以防用户刷新浏览器导致用失效的code处理登录。实现思路将queryString转为对象并用ES6的Proxy代理，在set、delete钩子中调用history.replaceSt
warmbook·2025-01-25 19:18

Javascript和jquery事件-鼠标移入移出事件

css中支持hoverjquery支持mouseover和mouseout，封装了mouseenter、mouseleave事件函数和hover函数1、有关js中的mouseover和mouseout原生
weixin_30740295·2025-01-24 09:58

基于jQuery / 原生JS两种方式流畅实现半屏悬浮窗

本篇分别用jQuery和原生两种方式实现悬浮窗功能和样式的切换，兼容IE完成样式示例使用技术栈：jquery、javaScript、HTML/CSS一、基础版面悬浮窗可以有很多样式，但基础结构可以大致分为触发按钮、遮罩层、内容三部分。触发按钮通常设置在屏幕边缘，我这里举例一个右下的位置展示；联系我们/*悬浮窗触发按钮样式*/.Suspended_window_box{width:150px;hei
池泽123·2025-01-16 15:18

js原生给生成的html添加点击事件,原生js为动态元素添加监听事件

//已存在div//创建标签functioncreatepage(){varspan=document.createElement('span')span.innerHTML=“测试span”//设置属性span.setAttribute("class","gopage");varpagenum=document.getElementById("pagenum")pagenum.appendChi
习翔宇·2024-09-15 09:14

mybatis支持json，Spring boot配置

mysql5.7版本以后支持原生json格式，基于Springboot进行配置说明。
Knight_9·2024-09-14 09:04

随笔记录git提交出错和原生js以JSON格式请求接口导出Excel

GIT提交代码出错Fileexists.原文链接https://www.cnblogs.com/sweetbullet/p/9889997.html前端js导出,参数以json格式发送post请求原文链接https://www.cnblogs.com/sweetbullet/p/9843178.html
山丘lemon·2024-09-10 09:03

jQuery高级技巧——性能优化篇

阅读目录通过CDN（ContentDeliveryNetwork）引入jQuery库减少DOM操作适当使用原生JS选择器优化缓存jQuery对象定义一个可以复用的函数用数组方式来遍历jQuery对象集合通过
mqy1023·2024-09-04 05:04

使用vue+原生js编写时间轴--cesium三维球

突然感觉自己是天生的牛马了，今天同事接到个需求，要写一个关于气象的插件，其他的功能还好说，但是这个时间轴的功能，网上的插件貌似比较少，自己手搓呢，他又不想这么麻烦。然后我看到这个功能感觉觉得挺考验技术的，顿时心里就特别痒痒。哈哈，看我贱不贱。随后我利用周末的时间就手搓了一个时间轴。本来想用canvas来绘制来着，后来想到用canvas绘制的图形性能方面也许会好很多，但是想修改样式缺很不容易。并且我
我爱吃干果·2024-08-29 18:37

03.React学习日记.JSX绑定事件-传递参数

1.原生js事件获取image.png2.组件中方法事件获取发生该事件后，React内部回调函数，会自动传入一个event对象。
_生生不息_·2024-08-28 08:57

百度地图的使用(js，vue2，vue3)

百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=
Nancy哇·2024-03-24 17:36

前端js控制点击切换效果且刷新浏览器不会重置

3.依靠sessionStroage的浏览器未关闭，不会消失的特性来存储相关数据4.整体实现前言原生js实现点击切换样式效果，且刷新浏览器不会丢失当前数据
spring39·2024-03-13 02:21

用原生js实现数组扁平化

数组扁平化：[1,3,[5,2],[2,3,[4,5]]]------->[1,3,5,2,2,3,4,5]/实现一：递归/functionflatArray(arr){varresult=[];for(vari=0;i+item);//returnarr.join(',').split(',').map(item=>+item);}/实现三：使用ES6新增的扩展运算符//*console.log
拙慕JULY·2024-02-23 00:15

利用原生js实现简易照片墙

效果演示基本布局css样式*{margin:0;padding:0;}html,body,ul{width:100%;height:100%;}#pic{position:relative;list-style:none;}#picli{position:absolute;width:180px;height:250px;box-shadow:0010px#000;transition:all1s
魅美·2024-02-20 08:40

Servlet学习(一)：jquary和json

2.jquary和原生js对比获取input框中的数据和div框中的数据Inserttitlehere用户名:密码:div1div2functiongetInput(){varusername=$("#
青城小虫·2024-02-20 08:59

JS特效第144弹：audio古典的胶片音乐播放器代码

原生js基于audio属性制作简单的圆形胶片转动音乐播放器。
马coder·2024-02-14 14:35

前端程序员面试你应该懂的原生JS——2

1.谈谈你对JS执行上下文栈和作用域链的理解。执行上下文就是当前JavaScript代码被解析和执行时所在环境,JS执行上下文栈可以认为是一个存储函数调用的栈结构，遵循先进后出的原则。1.JavaScript执行在单线程上，所有的代码都是排队执行。2.一开始浏览器执行全局的代码时，首先创建全局的执行上下文，压入执行栈的顶部。3.每当进入一个函数的执行就会创建函数的执行上下文，并且把它压入执行栈的顶
易懂程序猿·2024-02-14 05:09

jQuery之for循环

1.for循环（原生JS）for(vari=0;i
九月萩·2024-02-13 13:30

使用原生JS求一段字符串出现最多的次数和最少的次数，最大值和最小值(JS常见面试题)

直接看代码(一把梭也可以):letstrings='aqqwwqqaaasddvvccxxxx..........'letobj={};for(leti=0;imax){//求最大值，使用打擂台的思想max=arr[i]}if(arr[i]
Altynai　·2024-02-12 17:30

原生js实现拖动滑块验证

原生js实现拖动滑块验证#box{width:150px;height:20px;position:relative;background:#ccc;}#box.btn{width:20px;height
jane819·2024-02-12 16:31

分享76个时间日期JS特效，总有一款适合您

简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
自动化新人·2024-02-12 14:50

分享76个时间日期JS特效，总有一款适合您

简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
记忆的小河·2024-02-12 12:43

原生JS中DOM元素的操作

获取domdocument.getElementsByClassName(“class”);document.getElementById(“id”)document.getElementsByName("name");document.getElementsByTagName(“TagName”);ocument.querySelector(".btnlist");document.queryS
阿克兰·2024-02-12 08:12

小兔鲜项目-原生JS实现页面登录模块

目录1.项目搭建1.1在项目开始之前，先做好准备工作，创建这样的文件目录1.1.1css文件夹1.1.2images文件1.1.3uploads文件1.2HTML结构1.2.1头部结构1.2.2主体结构1.2.3login.html代码示例：1.3css样式1.3.1页面初始化（base)样式1.3.2公共样式（common)样式1.3.3首页样式（login)样式2、JavaScript源码2.
东方青云、·2024-02-11 06:50

js实现深拷贝的5种方式

function(obj){let_tmp=JSON.stringify(obj);//将对象转换为json字符串形式letresult=JSON.parse(_tmp);//将转换而来的字符串转换为原生
Cupid510·2024-02-10 13:55

vue项目拆分组件思想对比

组件增加复用，增加可维护性拆分：.vue=HTML+JS+CSS问题：一旦组件从一个变成了多个，必定形成嵌套关系，从而增加通信成本基于逻辑拆分：优点：逻辑的复用，增加可维护性拆分：拆分的只有js问题：对原生
煸橙干儿~~·2024-02-09 14:16

原生js实现按钮复制功能 （附doucment指令大全）

话不多说，直接上代码复制letinput=document.getElementById('input');letcopy=document.getElementById('copy');copy.addEventListener('click',function(){console.log(input.value);input.select();//选中需复制的内容//原生指令document.
听说名字长键盘敲得更响·2024-02-09 05:03

原生JS使用PrintJs进行表格打印 -- 遇到的问题总结

需求1：表格自动分页之后，表头在每一页都需要显示html中表头增加thead标签css样式新增：thead{display:table-header-group;/*这个属性使thead总是在新的page-break之后重新开始*/}需求2：表格自动分页之后，页头需要在每一页都显示因为表头能重复显示，所以我是直接将需要重复的页头也放在表头中，然后给一个高度进行样式的调整。不论是多表头还是只有一个表
ᥬ 小月亮·2024-02-08 16:56

前端html基础（包括dom，事件等）

事件操作1.事件参考2.DOM的操作方法3.原生JS获取HTMLDOM元素的8种方法4.Javascript中的事件冒泡与事件捕获5.JS阻止冒泡和取消默认事件(默认行为)
jack_rofer·2024-02-08 07:03

Vue:vue中的指令（属性绑定指令、事件绑定指令、修饰符、双向绑定指令...）

内容指令v-text指令：v-text和原生js中的innerText差不多，都无法解析标签，会把标签当做文本输出，在vue中使用v-text指令会覆盖标签原来的内容代码示范：#最后输出结果为HelloVue
奄奄一息的一条咸鱼·2024-02-08 00:24

2018前端常见基础面试题（精炼版）

document.querySelector('#id');//静态获取节点（js新增的节点无法获取）document.getElementById('#Id');//性能更快更高效，动态获取节点$('#id');//使用了第一种原生
上天眷顾我·2024-02-07 02:32
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他