E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
原生JS
javascript
原生js
轮播图详解
目录1.轮播图功能的实现4.1获取元素1.2左右按钮显示隐藏1.3小圆圈动态设置点击添加类名点击图片移动1.4克隆小li放到ul最后1.5点击右侧按钮图片能够滚动1.6点击右侧按钮,小圆点同步变化1.7.1左侧按钮图片能够滚动1.7.2小bugnum=index;circle=index(添加两行代码即可)1.8自动播放轮播图1.9节流阀的设置按钮不能拼命点(添加几行代码即可)1.轮播图功能的实现
hangshao_123
·
2023-09-22 18:48
javascript
css
html5
用
原生JS
实现轮播图
首先用我的思路总结一下:1.设置一个最外层的容器,这个容器就是我们要展示图片的区域,用overflow:hidden将超出显示区域的内容全部隐藏掉。2.在最外层容器内设置一个大图容器,用来将要展示的图片按从左到右的顺序排放,比如使用ul,将其宽度设成最外层容器宽度*N(图片数量),并且设置绝对定位position:absolute,因为我们要通过控制left属性来移动整个大图实现图片切换的效果。3
Q___Narcissus
·
2023-09-22 18:17
web前端
javascript
动画
实例
轮播图
原生js
的animate()方法详解
1.介绍Element接口的animate()方法是创建一个新的Animation的便捷方法,将它应用于元素,然后运行动画。它将返回一个新建的Animation对象实例。同时通过Element.getAnimations()方法可获取元素所有的Animation实例。2.语法Element.animate(keyframes,options)3.参数keyframes:关键帧对象数组,或一个关键帧
东之健大坏蛋
·
2023-09-22 18:17
javascript
js动画
vue2+elementUI重构特性阻抗计算网站
我前面因为毕业设计写过一个计算微波射频方面特性阻抗的网页,但是那时候还没学vue,加上当时得知jQuery被废弃了,就只用了
原生js
写的,代码很冗杂。
小王今天也要加油鸭~!
·
2023-09-22 07:25
项目记录
前端
vue
elementui
ajax和fetch的区别
一、AjaxAjax的本质是使用XMLHttpRequest对象来请求数据,下面简单贴下
原生js
实现:functionajax(url,fnSucc,fnFaild){//1.创建Ajax对象if(window.XMLHttpRequest
兔子不打地鼠打代码
·
2023-09-22 01:35
vue 集成腾讯地图基础api Demo集合
vue集成腾讯地图基础apiDemo集合(基础地图引入与展示模块,地址逆解析,3D/2D切换,位置服务,mark标记)写作背景官方网站的demo大部分都是
原生js
,较基础,很多高级Api分布比较分散,为了有利于开发者查找
_bugMaker
·
2023-09-22 00:59
原生JS
操作DOM的方法
JS操作DOM1.DOM节点分为三大类:元素节点(标签节点)、属性节点和文本节点。(1)元素节点:构成了DOM的基础。文档结构中,是根元素,代表整个文档,其他的还有元素节点之间可以相互包含(当然遵循一定的规则)(2)文本节点:包含在元素节点中。(3)属性节点:元素都可以包含一些属性,属性的作用是对元素做出更具体的描述,比如id,name之类的2.js中获取dom元素的方式有哪些?//通过IDvar
前方路远
·
2023-09-21 23:21
JavaScript
javascript
前端
html
前端面试题系列之-
原生js
篇
隐式类型转换相关字符串连接符与算数运算符字符串连接符+:会把其他数据类型调用String()方法转换成字符串然后拼接算数运算符+:会把其他数据类型调用Number()方法转换成数字然后做加法计算关系运算符关系运算符会把其他数据转换成number之后再比较一个为字符串另一个为数字,则将字符串转换成数字比较两个都为字符串则依次比较两个的charCodeAt()值undefined与null互相比较为相
wowoqu
·
2023-09-21 11:47
jQuery 入口函数
加载模式
原生JS
和jQuery入口函数的加载模式不同
原生JS
会等到DOM元素加载完毕,并且图片也加载完毕才会执行jQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行代
邪人君子
·
2023-09-21 10:58
原生HTML实现marquee向上滚动效果
实现原理:借助CSS3中animation动画以及
原生JS
克隆API文字向上滚动效果.marquee-view{width:fit-content;height:300px;background-color
不爱搬砖的码农
·
2023-09-21 06:00
javascript
前端
css
vue 2.0需求拍摄证件照(需要设置人头取景框,鼠标也拖拽,键盘方向键可调整位置)
忘记使用updated里获取更新后的dom做监听通过$nexttick去获取;忘记使用
原生js
做事件监听,目前还未完成,下一步需要做
公诚士
·
2023-09-20 08:33
vue.js
计算机外设
javascript
vue点击容器外隐藏元素(点击非本身以外的部分隐藏元素)
如图点击蓝色边框以外任意地方隐藏蓝色边框容器(不使用输入框的失焦事件)实现思路:获取到dom节点然后通过其contains方法来判断点击的地方是否为其子元素或其本身
原生js
获取dom跟vue的$el都可以实现也可以通过
蕉君桑
·
2023-09-20 08:59
css
html5
前端
vue.js
二级级联(
原生js
)
级联是多数情况下用于有上下级关系的场景。比如国家、城市;或者省、市;再或在连锁店、地址等等。效果图.pngcss区写法:.hide{display:none;}.show{display:inline-block;}js区域的写法:varcountry=['中国','美国','英国']varcity=[['北京','上海','广州','深圳'],['纽约','华盛顿','洛杉矶'],['伦敦']]
痛心凉
·
2023-09-20 04:24
VUE 修饰符
一、事件修饰符1、@click.stop和
原生js
的event.stopPropagation()一样,都是阻止冒泡的,当一个元素有且只有它一个的时候看不出效果,当该元素存在父元素时就能看出来了,如下:
无心的空白
·
2023-09-19 23:50
Vue
javascript
html
html5
原生js
实现简化版幸运大转盘
利用排他法效果如下图:具体代码及注释:html部分:Document*{margin:0;padding:0;}#uls{width:500px;height:500px;margin:50pxauto;}li{width:150px;height:150px;background-color:skyblue;float:left;margin:5px;list-style:none;text-a
Array[赵]
·
2023-09-19 15:27
html
javascript
css
前端
vscode
原生js
实现table 横向纵向全选功能
所有需要自己用tabletrtd去画表格,而且使用elementui的checkbox我实现不了纵向全选,所有全部使用了
原生js
。
会跳舞的小猴子
·
2023-09-18 21:50
vue
javascript
前端
DAY25
原生JS
操作
实现该效果效果要求.png.del{background-color:cornflowerblue;font-size:18px;float:right;border:0;color:white;}#fruit{width:100px;height:20px;-webkit-appearance:none;-moz-appearance:none;outline:0;border-top:0;bo
是喵啊
·
2023-09-18 18:01
JS面试经典知识(一)
前端面试题精选
原生JS
1.ES6的新特性:let(****声明变量)const(****声明常量,常量不能修改的量)var****、let、const的区别\1.let和const声明变量不存在变量提升
城门有雪
·
2023-09-18 07:26
jQuery的基本使用
一、jQuery对象与DOM对象DOM对象:
原生js
获取的对象jQuery对象:用jQuery方法获取的对象注意:1.jQuery对象只能使用jQuery方法,DOM对象只能使用
原生js
提供的方法2.jQuery
MyDreamingCode
·
2023-09-18 06:31
javascript
jquery
javascript
Vue 框架学习笔记(基础)
即Vue是一套前端框架,免除
原生JS
的DOM(文档对象模型)操作,简化书写(如HTML文档对象模型,相对的有BOM(游览器对象模型)专门操作游览器对象的)出现背景:基于MVVM(Model-View-ViewModel
忌冬
·
2023-09-18 05:09
Web前端
vue.js
学习
笔记
HTML5拖放的详解以及实例分享
一字之差,代表的意义是不一样的,拖拽就是拉着走,拖放就是有拖,有放,我们都知道
原生JS
拖拽效果的缺点:1.代码相对复杂与冗余2.仅限于在浏览器内的元素间拖放3、不能实现跨页面的拖放所以H5就出现了拖放技术
千锋H5
·
2023-09-17 07:33
原生js
触发:hover伪类 (解决办法-添加class)
button触发div:hover效果,mouse事件无法模拟!div{width:200px;height:200px;background-color:orange;}div:hover{background-color:skyblue;}trigger/*没用*/letoBtn=document.querySelector("button")letoDiv=document.querySel
whistle哨子
·
2023-09-17 07:14
javascript
javascript
前端
css
原生JS
:100行js代码带你实现【像素鸟】小游戏(完整代码+素材图片)
系列文章目录JS:经典小游戏:像素鸟JS:经典小游戏:贪吃蛇JS:经典小游戏:扫雷目录系列文章目录像素鸟1.游戏介绍2.代码分析3.代码实现3.1随机生成水管3.2当水管超过游戏显示区域时,删除这一对水管3.3让小鸟不断下降3.4通过鼠标点击事件来让小鸟上升3.5检测小鸟是否撞上了水管总结附录:素材文件附录:完整代码像素鸟1.游戏介绍像素鸟曾经是一个火爆一时的小游戏,我们尝试用JavaScript
小安驾到
·
2023-09-17 05:18
JS经典小游戏
javascript
前端
游戏
尚硅谷React学习笔记
——react是一个将数据渲染为html视图开源js库react的好处
原生js
的痛点
原生js
操作domfan所、
一个厨子的全栈之路
·
2023-09-17 00:54
React 使用Upload插件上传读取文件内容
公司的工程是react编写的,可能对vue和
原生js
都有一定了解的你,对react并不熟悉,那么,如何解决这个问题分步解决一、保存JSON格式的文件首先,我们假定拿到了一个jso
dragon清
·
2023-09-16 20:18
React入门
一、react开始1、react是什么用于构建用户界面的JavaScript库操作DOM呈现页面(发送请求获取数据和处理数据不由react处理)fessbook开发2、为什么要学
原生js
操作DOM繁琐、
梦之巓是什么
·
2023-09-16 20:34
菜鸟
react.js
前端
前端框架
原生js
实现滑动进度条
原生js
实现滑动进度条实现原理首先是用touchmove()时间获取到移动端事件参数,保存下进度条的最大长度,可理解为滑块可移动的距离,滑块滑动到最左边与最右边就滑不动,我们假设触摸区域在滑块的正中间,
雅玲哑铃
·
2023-09-16 12:56
【vue】 面试题总结 - axios
ajax是最早出现发送后端请求的技术,属于
原生js
范畴,核心是使用XMLHttpRequest对象,使用较多并有先后顺序的话,容易产生回调地狱。fetch号称可以代替ajax的技术,是基
loyd3
·
2023-09-15 06:40
vue开发实践总结
vue
原生js
vue react通用的递归函数
1.递归函数的由来递归函数的由来可以追溯到数学中的递归概念和数学归纳法。在数学中,递归是指通过定义基本情况和递推公式,将一个问题分解为更简单的、与原问题具有相同结构的子问题,并用子问题的解来构建原问题的解。递归的思想在解决一些数学问题时非常有用。当计算机科学发展起来后,人们将递归思想应用到程序设计中,形成了递归函数的概念。递归函数是一种能够调用自身的函数。递归函数的使用可以有效地解决一些需要重复执
冰海恋雨.
·
2023-09-15 05:26
vue
javascript
vue.js
react.js
在vue2中使用echarts,vue-echarts,v-charts
一、在vue2中使用echarts在vue2中使用echarts,和在
原生js
中使用echarts步骤差不多,只不过我们需要在mounted钩子中写逻辑代码,具体步骤如下,安装`echarts``npminstallecharts-S
jieyucx
·
2023-09-13 09:20
vue的那些事
echarts
vue.js
javascript
原生Js
提取视频中的音频
Js提取视频中的音频将视频中的音频轨道分离出来,生成wav文件播放或下载(Vue3setup)代码实现template选择视频文件scssbutton{position:absolute;top:calc(50vh-30px);left:10%;width:80%;height:60px;background-color:transparent;border:1pxsolidgainsboro;b
Raccom
·
2023-09-12 15:04
Media
javascript
音视频
计算机专业毕业设计项目推荐04-物业管理系统(SpringBoot+
原生Js
+Mysql)
物业管理系统(SpringBoot+
原生Js
+Mysql)**介绍****系统总体开发情况-功能模块****各部分模块实现**介绍本系列(后期可能博主会统一为专栏)博文献给即将毕业的计算机专业同学们,因为博主自身本科和硕士也是科班出生
一个小肥羊
·
2023-09-12 08:56
课程设计
spring
boot
javascript
【HTML】
原生js
实现的图书馆管理系统
你想要解决的问题,在微信公众号“coding加油站”中全部会得到解决2、作品介绍
原生js
实现的图书馆管理系统采用html,css,js技术来实现,符合所学知识体系,适用于常见的作业以及课程设计,需要获取更多的作品
coding加油站
·
2023-09-12 03:45
前端
javascript
css
【项目经验】elementui--table表格自定义表头及bug
一.思路首先我们肯定得循环表头,我们
原生js
封装的表格的实现原理就是这样。其次我们要把自己循环的label显示出来,对应的prop也要和表格数据相对应。
bug天选之子
·
2023-09-12 00:17
项目经验
项目中遇到的bug
elementui
vue.js
前端
javascript
bug
每天10个前端小知识 【Day 17】
✨系列专栏:前端面试宝典、JavaScript进阶、vue实战资料领取:前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.使用
原生js
实现以下效果:点击容器内的图标,图标边框变成
不爱吃糖的程序媛
·
2023-09-11 22:15
面试宝典
CSS3
前端
css
javascript
VUE源码解读(1)
但是无论是使用
原生Js
还是Jquery,当页面进行更新时依然要进行大量的DOM操作,如果要更改一个数据,可能需要逐层找到它的DOM元素,然后在对其进行更改。在开发大
CafuChino
·
2023-09-11 17:31
React基础第二节知识点
1.绑定事件使用原生绑定事件onClick2.绑定事件函数必须传this(
原生JS
this作用域的问题)3.使用数据更新this.setState自带函数4.循环渲染数据DOM结构添加Key5.绑定事件方式
皇甫贝
·
2023-09-11 16:07
原生JS
轮播图+自动播放+按钮切换+鼠标经过暂停+底部圆点切换
手搓一个原生的JS轮播图,HTML部分就随意写了一点,重点的逻辑还是在JS中,可以实现自动播放banner图片,还有按钮点击切换banner和底部小圆点,点击底部小圆点可以切换banner图等功能,先上个图吧,是不是很丰富先放JS部分的代码吧,主要用到了点击事件、定时器等技术。每一步的注释都已经写好了,请放心食用,如有不清楚的地方可以在评论区交流一下,如有错误的地方还请大佬指指点点。//autho
奥里给小饼干
·
2023-09-11 05:11
javascript
前端
css
html
JS 将字符串格式html代码插入页面中
使用
原生JS
经常会遇到将html字符串往页面的的某个节点插入,这里介绍几种插入方式插入方式一、使用innerHTML方式这种方式是将你的html结构的字符串直接给某个节点的innerHTML属性:varname
墨语轩
·
2023-09-11 03:25
随笔
createRange
JS将字符串html插入文档
字符串html转为node节点
原生js
判断元素是否隐藏,jq判断元素是否隐藏
一.
原生js
判断元素是否隐藏1.通过offsetParent判断,使用这种方法来判断当前元素是否被隐藏,包括通过设置父元素为display:none以及自己本身为none的情况。
墨语轩
·
2023-09-11 03:54
随笔
原生js判断元素是否隐藏
jq判断元素是否隐藏
Vue监听第三方组件的生命周期钩子
原文地址https://juejin.im/post/5c905f45f265da60df410019在一些场景中,我需要在父组件上知道子组件什么时候被创建、挂载或者是更新,特别是当为
原生js
库创建组件时
AAA前端
·
2023-09-11 03:48
用
原生JS
实现虚拟列表
最近在开发需求的时候,有用到Antd的虚拟列表组件rc-virtual-list,粗略地看了一下源码,于是萌生了自己写一个虚拟列表的想法。当一个列表需要渲染大量数据的时候是非常耗时的,而且在列表滚动的过程中会出现卡顿的现象。即使用上懒加载解决了列表初始化时渲染过慢的问题,但是每次拉取下一页数据的时候都会造成列表的重新渲染。随着拉取的数据越来越多,列表渲染时间长、卡顿的问题依然存在。这个时候虚拟列表
fanfei_666
·
2023-09-11 00:42
javascript
前端
5 个提升你 JavaScript 编码水平的实例
虽然2020的今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦的问题,但是工具始终是工具,扎实的基本功才是最核心的,现在一起来通过几个实际的代码片段来提高我们
原生JS
的编码水平。
骨灰设计师小X
·
2023-09-10 07:25
计算机专业毕业设计项目推荐01-生产管理系统(JavaSpringBoot+
原生Js
+Mysql)
生产管理系统(JavaSpringBoot+
原生Js
+Mysql)**介绍****系统总体开发情况-功能模块****各部分模块实现****最后想说的****联系方式**介绍本系列(后期可能博主会统一为专栏
一个小肥羊
·
2023-09-10 06:15
课程设计
javascript
mysql
java
spring
boot
计算机专业毕业设计项目推荐02-个人医疗系统(Java+
原生Js
+Mysql)
个人医疗系统(Java+
原生Js
+Mysql)**介绍****系统总体开发情况-功能模块****各部分模块实现**介绍本系列(后期可能博主会统一为专栏)博文献给即将毕业的计算机专业同学们,因为博主自身本科和硕士也是科班出生
一个小肥羊
·
2023-09-10 06:15
课程设计
javascript
mysql
java
spring
原生JS
封装cookie
1,什么是cooliehttp的每一次请求之间是没有联系的。也就是说,你对同一个网页请求两次,这两次之间没有联系,因为每一次请求都会有三次握手四次挥手的过程,所以http协议是一种无状态协议,意思是说不能保持访问的状态。但在很多时候,保留访问状态是必须要有的一种操作,比如:在首页登陆后,希望在别的页面能保持这种登陆的状态。所以,出现了一个技术,叫做会话技术。会话中首先有了cookie。2,cook
青莲剑歌Z
·
2023-09-09 15:38
js
javascript
开发语言
ecmascript
node.js
JS中遇到的问题总结
display属性将元素隐藏的对比分析](https://segmentfault.com/a/1190000015116392)2、html中cursor的属性3、在引入的css或者js文件后面加参数的作用4、
原生
琪公子呀
·
2023-09-09 11:31
JavaScript
javascript
前端
css
HTML Canvas 刮刮卡抽奖效果的实现
原生js
实现,页面仅需插入以下div标签复制js方法到页面底部,既可实现刮刮卡效果。此效果,可以配置奖品为文字或图片。
apples_kk
·
2023-09-09 09:31
javascript
html
前端
javascript
原生js
--搜索输入框匹配文字高亮
/***搜索出的列表中文字的颜色高亮*@paramprope需要高亮的属性*/highLightText=(prope)=>{//searchval是搜索的关键字,list是原始的数据const{searchval,list}=this.state//最终输出的数据letmatchVal=[];list.forEach((item,index)=>{letisMatch=true,//是否匹配ra
ᥬ 小月亮
·
2023-09-09 07:50
JS
原生js
实现,倒计时60秒后,切换显示第二张图片
本文内容JavaScript实现倒计时,且页面显示在倒计时为0后,切换为第二张图片,不是轮播图抛砖引玉,本人前端渣渣,欢迎各位提出宝贵意见前置知识HTML基础JavaScript基础代码如下图:#two-imgs{display:none;}varone=document.getElementById('one-imgs');vartwo=document.getElementById('two-
iMUST_Clown
·
2023-09-09 01:30
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他