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
H5页面,上下滑动翻页
针对之前的版本:https://blog.csdn.net/qq_16494241/article/details/78095575进行了升级修改:改用
原生JS
编写,之前的基于JQ可设置页面内容元素内部滚动及滚动至顶部或最底部触发翻页效果
羽筠
·
2023-09-08 15:46
javascript
前端
Web jQuery—选择器、样式和效果
简单理解:就是一个JS文件,里面对我们
原生js
代码进行了封装,存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如
酒茶白开水
·
2023-09-08 12:46
web前端
前端
jquery
javascript
选择器
样式
效果
web
关于
原生js
的部分问题和面试题
js中的作用域和作用域链在javascript中有两种作用域类型局部作用域:只能在函数内部访问他们全局作用域:网页的所有脚本和函数都能够访问它。javascrip拥有函数作用域:每个函数都能创建一个新的作用域。作用域链当查找变量的时候,会从当前上下文的变量对象中查找,如果没有找到,就会从父级执行上下文的变量对象中查找,一直找到全局上下文的变量对象,也就是去全局对象。这样由多个执行上下文的变量对象构
吴彦祖敲代码
·
2023-09-08 12:40
面试
javascript
js
web前端:canvas动画彩色气泡,
原生js
类直播间点赞效果实现
1.气泡事件-随机位置/颜色梦幻全屏1.less*{margin:0;padding:0;}html{height:100%;overflow:hidden;body{height:100%;#wrap{overflow:hidden;height:600px;width:600px;position:absolute;background:skyblue;border:10pxsolidstee
cevent
·
2023-09-08 12:09
微信小程序
web前端
js
css
canvas
css3
html
web前端:自定义视频播放器,
原生js
实现窗口自适应,视频/音量进度条应用
1.less页面包装,引用混合//导入播放器基础css@import"reset.less";//定义进度条混合.progress-bar-position(){position:relative;}.progress-bar-line(){//定位:位置不变position:absolute;//进度条:height:3pxBG:#737373width:100%;height:3px;//总高
cevent
·
2023-09-08 12:38
微信小程序
web前端
列表
css
js
javascript
gwt
canvas鼠标跟随效果(
原生js
实现)
效果展示:源码展示:canvas鼠标跟随效果(
原生js
实现)*{margin:0;padding:0;}body{overflow:hidden;}#myCanvas{background-color:
Mr.王征
·
2023-09-08 12:38
HTML5
canvas效果
js实现鼠标动画
canvas鼠标跟随动画
【JS30-Wes Bos】30天
原生JS
挑战——总结
♪(^∇^*)项目简介30DayChallenge是WesBos设计的一个30天
原生JS
编程挑战。项目免费提供了30个视频教程、30个挑战的起始文档和30个挑战解决方案源代码。目的是在不借
高孜晗
·
2023-09-08 12:37
原生JavaScript
Wes
Bos
JS30
javascript
前端
开发语言
原生Js
Canvas去除视频绿幕背景
Js去除视频背景注:这里的去除视频背景并不是对视频文件进行操作去除背景如果需要对视频扣除背景并导出可以使用ffmpeg等库,这里仅作播放用所以采用这种方法由于uniapp中的canvas经过封装,且uniapp的drawImage无法绘制视频帧画面,因此uniapp中不适用实现过程是将视频使用canvas逐帧截下来对截取的图片进行处理,然后在canvas中显示处理好的图片最后通过定时器高速处理替换
Raccom
·
2023-09-08 12:33
Media
javascript
音视频
前端数据请求方式总结(前端数据请求方式,
原生JS
发送请求, axios, jQuery AJAX,同源策略,跨域)
前端数据请求方式总结1.前端数据请求方式发请求方式请求方法缺陷formGET、POST刷新页面或新开页面aGET刷新页面或新开页面imgGET以图片展示,需要加载一张图片linkGET以CSS、favicon形式展示scriptGET只能以JS脚本运行,JSONP原理使用form表单的action向指定url发请求,会刷新页面或新开页面。使用标签的href属性发__GET__请求,会刷新页面或新开
魔术师ID
·
2023-09-08 09:04
前端方法的总结及记录
归纳
前端
javascript
ajax
angularDom操作以及@ViewChild、执行 css3 动画
DOM操作ngAfterViewInit(){//
原生JS
操作varboxDom:any=document.getElementById('box');boxDom.style.color='red';
小K强
·
2023-09-08 00:52
原生js
实现带左右箭头可滑动的tab效果
效果如下:由于分辨率的问题,在起始位置的的左箭头和末尾位置的右箭头禁用状态没有录上,其实是有的。布局分析总的来说,将用三个盒子来实现效果:可视区域为黄色框①,包含可视tab蓝色框②以及左右箭头红色框;绿色框③就是所有的tab了,②和③的关系就是卡槽和卡带的关系。内容设计我项目引用的是antdesignvue库,所以整个都是基于库内的组件进行讲解的,但是其他库也是相似的,如有问题请留言反馈方便控制左
飞鱼爱吃米
·
2023-09-08 00:13
前端基础
javascript
前端
css
js插件之iscroll,swiper0814
js插件之iscroll,swiper1.iscroll1.1我们在电商网站移动端经常会看见有侧边栏,如下图侧边栏.png我们先用
原生js
来实现一下这个功能01-侧边栏菜单*{margin:0;padding
煤球快到碗里来
·
2023-09-07 17:42
原生js
操作dom
操作元素节点:1).创建元素节点:document.createElement("ul");创建一个ul元素节点2).插入元素节点appendChild();body.appendChild(ul);insertBefore();在DOM树上某个节点前面操作3).删除元素节点div.remove("ul");4).复制元素节点cloneNode();深复制和浅复制深复制(深copy):完全复制一个
杨杨得亿~
·
2023-09-07 15:24
操作元素节点
学习dom相关知识
事件
定时器
js
dom
前端面试中常见的
原生JS
手写实现函数
前端面试中常见的
原生JS
手写实现函数前言实现call函数apply函数bind函数newinstanceof函数继承实现深拷贝深度比较防抖函数节流函数Promise.all()Promise.race(
了旧
·
2023-09-07 15:53
JavaScript
前端
javascript
面试
原生JS
实现 dom ready
记录一下项目技术问题:记得:放在head标签内的脚本,第一时间执行varbaseTools={//domreadyready:function(f){varie=!!(window.attachEvent&&!window.opera);varwk=/webkit\/(\d+)/i.test(navigator.userAgent)&&(RegExp.$11)return;if(ie)(funct
weixin_30702887
·
2023-09-07 15:52
原生Js
_使用setInterval() 方法实现图片轮播功能
用javascript图片轮播功能图片轮播#swaper{width:520px;margin:0auto;}#number{position:relative;top:-30px;right:-320px;}label{width:10px;height:10px;background-color:yellow;margin:2px;}.active{width:10px;height:10px
weixin_30568591
·
2023-09-07 15:22
原生JS
DOM
DOM1.DOM操作演示DocumentObjectModel插件emmet学习DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合(不能修改CSS样式表,可以改变行间样式,即通过改变html间接修改css)。也有人称DOM是对HTML以及XML的标准编程接口。demo案例项目1:实
m0_46424423
·
2023-09-07 15:21
前端地基
css
html
javascript
原生js
之dom如何进行事件监听(事件捕获/冒泡)
那么好,这次主要讲解的就是dom是如何进行事件监听和事件取消监听的,我们知道vue中主要用watch来进行监听.js监听与取消监听那么
原生js
主要用到的就是addListenEvent事件来进行监听,可以监听文档
好名字0821
·
2023-09-07 15:51
js
web前端
javascript
前端
html
原生js
之dom添加表单验证
第一种,在form表单中加入onsubmit事件,进入事件后,可以通过dom.forms[父formname][子formname].value,然后测试这个别名是否为空,在这个判断语句中即可放入想要的表单验证第二种,在input中加入required,这个是浏览器默认的校验,如果说input中加入required,则默认它生效.name:age:functiondianji(){constx=d
好名字0821
·
2023-09-07 15:20
js
web前端
javascript
开发语言
ecmascript
原生js
之dom表单改变和鼠标常用事件
那么好,本次我们聊聊表单改变时如何利用onchange方法来触发input改变事件以及鼠标常用的滑入滑出,点击down和点击up事件.关于onchange方法onchange方法在鼠标输入完后点击任何非输入框位置时触发.触发时即可改变原有输入框的值.out、leave、over、down、up鼠标方法当用户使用onmouseleave或者onmouseout方法时,是鼠标移出鼠标事件所在的div中
好名字0821
·
2023-09-07 15:20
web前端
js
javascript
计算机外设
开发语言
day07
原生js
BOM和 DOM
前端分为三部分:HTML、CSS、JSJS也分三部分:BOM、DOM、ECMAScriptBOM:BrowserObjectModel浏览器对象模型简单来说就是window这个对象可以通过window来操控浏览器window.setInterval()window.location浏览器的地址栏window.history浏览器的历史记录window.navigator浏览器的相关引导信息wind
Fengwu9166
·
2023-09-07 15:49
原生js
简单动画
问题:采用全局变量movement作为函数变量,整个效果就是速度越来越快,而且不流畅,也就是动画滞后效果。O(∩_∩)O哈哈~window.onload=function(){//这个100是top和left的初始值,改要一起修改。move_h("haha",100,500,800);}functionmove_h(elem,f_x,f_y,speed){varha=document.getEle
一条大河全靠浪
·
2023-09-07 15:49
javascript
原生js动画
原生js
之dom与setInterval/settimeout结合实现动画
动画效果如何实现那么好,这次我们要讲解的就是利用dom事件和定时方法来实现一个简单的动画效果.实现这个效果,一共分为三个步骤:1.实现效果2.实现点击切换位置3.实现动画效果样式两个div,一个父div,一个子div,用position+relative+absolute定位实现左上角效果,两个按钮#container{width:300px;height:300px;background-col
好名字0821
·
2023-09-07 15:48
js
web前端
javascript
开发语言
ecmascript
用
原生js
实现tooltip的功能
1.需求用
原生js
创建一个div层,并且鼠标移入的时候才显示(类似于tooltip的功能~)varel=document.createElement('div');//创建一个divel.className
wytraining
·
2023-09-07 14:37
js
javascript
原生js
写轮播组件
样式展示图片.png一句话生成轮播图constcarousel=newCarousel(document.querySelector('.carousel'),Animation.fade())
李浩宇_8b32
·
2023-09-07 12:24
js-实现数据结构-栈
从这篇文章开始,我会陆续的把数据结构中的算法用
原生js
实
ChicAboo
·
2023-09-07 11:06
React创建虚拟dom的两种方式
0x00前言CTF加解密合集CTFWeb合集网络安全知识库文中工具皆可关注皓月当空w公众号发送关键字工具获取0x01正文1.
原生js
创建虚拟domhello_reactconstVDOM=react.createElement
Wcbddd
·
2023-09-07 02:25
React
react.js
javascript
前端
原生JS
实现滑块功能
原生JS
实现滑块功能前两天用到ant-design的滑块组件,觉得很有意思,就自己简单实现了一下。
qq_32021429
·
2023-09-06 07:23
javaScript学习
javascript
前端
原生JS
封装Modal弹框
使用
原生JS
(es5)封装一个属于自己的Modal弹框效果图展示主要代码functionModal(options){options=Object.assign({title:'标题',backgroundColor
qq_32021429
·
2023-09-06 07:22
javaScript学习
前端
javascript
WebSocket
原生js
实现
WebSocket的
原生js
实现WebSocket是一种网络通信协议。一、为什么使用Websocket1.简单介绍一下HTTP协议HTTP协议是一种无状态的、无连接的、单向的应用层协议。
嘎嘎油
·
2023-09-05 18:42
前端随笔
websocket
javascript
网络协议
node.js
前端
Web API—移动端端网页特效
移动端端网页特效代码下载触屏事件触屏事件概述移动端浏览器兼容性较好,不需要考虑以前JS的兼容性问题,可以放心的使用
原生JS
书写效果,但是移动端也有自己独特的地方。
酒茶白开水
·
2023-09-05 11:13
web前端
前端
移动
特效
轮播图
bootstrap
触摸
插件
Ajax模拟视频点赞功能
前台Title//1.原始方式/*functionlike(){window.location.href="likeServlet"}*///2.
原生JS
实现异步functionlike(){//获取XmlHttpRequest
是你周耶
·
2023-09-05 10:10
web前端基础
ajax
音视频
okhttp
javascript
servlet
java
前端
dom
2015/11/30/javascript-dom/,转载请注明文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对
原生
stephenoo
·
2023-09-05 03:53
vue操作dom元素的三种方法
1.
原生js
操作domconstdom=getElementById(‘box’)2.vue官方方法:refvue中的ref是把当前dom元素“抽离出来”,只要通过this.
我不是费圆
·
2023-09-04 19:49
Vue
vue
dom操作
选中标签
AJAX的三种实现方式以及JS的原生实现方式
AJAX的基本使用AJAX的基本认识什么是AJAX
原生js
实现AJAXJQuery的GET方式实现AJAXjQuery的POST方式实现AJAXjQuery的通用方式实现AJAX(重要)AJAX小结AJAX
安入少年头如梦
·
2023-09-04 16:58
ajax
原生JS
Ajax上传文件 FileReader预览图片 nodejs文件上传 express+multipart上传文件处理
封装
原生JS
的Ajaxpublic/viewjs/ajax.jsfunctiongetXhr(){letxhr=null;if(window.XMLHttpRequest){xhr=newXMLHttpRequest
喜大普奔⁶⁶⁶
·
2023-09-04 11:52
js
express
nodejs
upload
nodejs
原生JS
javascript
uploadfile
Android
原生Js
onObject、JSONObject、JSONArray及JsonArray添加内容(备注:个人整理)
//下面这些写法是我自己在实际项目中用到过的,记录到这里方便后续快速复制粘贴并使用。JsonArrayarray=newJsonArray();//初始化JsonArrayarray.add("xxx");//JsonArray添加值array.add(array1);//JsonArray添加另一个JsonArrayarray.add(jsonObject);//JsonArray添加JsonO
七月七日晴52000
·
2023-09-04 07:01
android
前端
java
前端跨域解决方案
目录同源政策跨域常见的跨域场景跨域解决方案1.JSONP跨域1).
原生JS
实现2)jqueryAjax实现3)Vueaxios实现后端node.js代码2.跨域资源共享(CORS)1)简单请求2)非简单请求
CaRuJan
·
2023-09-04 07:16
学习
前端
javaweb实训第二天上午——jQuery基础
文章目录课程介绍1.jQuery介绍1.1.jQuery的认识1.2.和
原生js
比较1.2.1.获取结点1.2.2.Ajax处理1.3.1.3.其他js库或js框架2.使用jQuery2.1.jQuery
dearQiHao
·
2023-09-03 18:22
jQuery基础
jQuery
html中如何用vue语法,并使用UI组件库 ,html中引入vue+ant-design-vue或者vue+element-plus
组件库前言先说一下本次应用的场景,本次项目中,需要引入github中别人写好的插件,插件比较大,没有方法直接在自己项目中,把别人的项目打包合并生成html(类似于前端项目打包生成的dist),修改这里面的html,这种情况要么用
原生
夜空孤狼啸
·
2023-09-03 07:36
Vue
前端技巧方法
vue.js
anti-design-vue
elementui
vue
前端
原生js
实现轮播图及无缝滚动
我这里主要说轮播图和无缝滚动的实现思路,就采用最简单的轮播图了,当然实现的思路有很多种,我这也只是其中一种。简单轮播图的大概结构是这样的,中间是图片,二边是箭头可以用来切换图片,下面的小圆点也可以用来切换图片。1.简易的轮播图效果先搭出html结构这里的左右箭头我采用的是svg图标然后是css样式*{margin:0;padding:0;box-sizing:border-box;}.contai
専心
·
2023-09-02 12:43
javascript
前端
javascript
前端
开发语言
Vue实现全屏缩放
第一种:使用
原生js
1、XXX.vueexportdefault{data(){return{isFull:true,}},methods:{full(){if(this.isfullScreen){vardocElm
ling08140814
·
2023-09-02 08:03
vue
JavaScript
vue
javascript
AJAX:
原生Js
封装AJAX网络请求
W3C官方文档https://www.w3school.com.cn/ajax/index.aspMDNhttps://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX1.创建XMLHttpRequest对象constxmlhttp=newXMLHttpRequest();2.向服务器发送请求xmlhttp.open("GET","http://jso
winfyho
·
2023-09-01 16:21
纯前端 -- html转pdf插件总结
html2canvas或rasterizeHTMLhtml2canvas+jsPDF的具体使用链接二、html2pdf(内容显示不全+文字会被截断):下载或者安装html2pdf:官网1、将文档放在本地,用
原生
ᥬ 小月亮
·
2023-08-31 18:31
JS
前端
html
pdf
原生js
如何使用ajax请求,如何使用原生JavaScript实现AJAX请求
ajax(异步javascriptxml)是当下比较常用的请求方式,原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。大多数情况下我们都是使用jqueryajax等其他框架封装好的方法,那么我们自己如何通过原生JavaScript方法实现ajax请求呢?首先,第一个步骤创建一个XMLHttpRequest对象。
Auto汽车工程师
·
2023-08-31 10:24
原生js如何使用ajax请求
前端调用手机摄像头权限进行扫码解析
前端调用手机摄像头权限进行扫码解析(demo含Vue及原生)前端调用手机摄像头权限进行扫码解析(demo含Vue及
原生js
写法)引子实践此时已经可以成功调用摄像头,接下来集成进Vue工程中最后前端调用手机摄像头权限进行扫码解析
deft_
·
2023-08-30 21:16
笔记
javascript
前端
原生js
封装call、apply、bind方法
call方法 首先要了解call方法,在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。一般来说,this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。call方法接收两个参数,一个是函数运行的作用域(this),另一个是函数传入的参数varobj={name:'aaa',age:18,say:func
zhengshilin
·
2023-08-29 18:41
【React学习】—React中的事件绑定(八)
【React学习】—React中的事件绑定(八)一、
原生JS
按钮1按钮2按钮3constbtn1=document.getElementById("btn1");btn1.addEventListener
王同学要努力
·
2023-08-29 16:14
【React】
react.js
学习
javascript
jq插件:jqgrid和validform的二次封装
不可否认vue的双向绑定机制确实很香,但是也是建立在
原生js
基础上。所以,只有做更多的
原生js
项目,才能更加了解vue框架的底层原理。在日常开发中,也会不可避免的会遇到原生开发的需求。
流情
·
2023-08-29 07:35
工具
js
javascript
前端
vue.js
前后端数据交互(六)——ajax 、fetch 和 axios 优缺点及比较
一、ajax、fetch和axios简介1.1、ajaxajax是最早出现发送后端请求的技术,属于
原生js
。ajax使用源码,请点击《原生ajax请求详解》查看。
前端人
·
2023-08-28 12:45
前后端数据交互
ajax
axios
fetch
网络请求
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
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
其他