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
原生JS
实现拖拽条效果
效果图HTML结构:首先是我们的HTML结构,我们的拖拽条使用了标签来实现,10类型设置为range即可出现拖拽条样式。HTML:功能-你觉得这个创意在功能上优秀吗?分数越高表示越优秀0010外观-你觉得这个创意在外观上优秀吗?分数越高表示越优秀0010成本-你觉得这个创意在成本上优秀吗?分数越高表示越优秀0010难度-你觉得这个创意在难度上优秀吗?分数越高表示越优秀0010环保-你觉得这个创意在
知名大学士
·
2023-12-30 23:28
原生js
实现Ajax
方法:/***
原生js
封装ajax方法*@param{Object}conf*ajax({type:"post",url:"test.php",data:"name=xx&pwd=xx",dataType
zhanggongzi
·
2023-12-30 19:37
原生js
实现左右了轮播图效果
Document*{margin:0;padding:0;/*除去左、右箭头的下划线*/text-decoration:none;}.scrollLoop_box{width:980px;height:400px;border:1pxsolid#000;margin:20pxauto;position:relative;}.scrollLoop_main{height:400px;width:10
岁月如歌_
·
2023-12-29 01:55
javascript
css
css3
重学
原生js
一:js数据类型:js有两种数据类型,分别是:js有两种数据类型,分别是:原始类型:underfine,null,string,number,boolean引用类型(类):对象。number,string,boolean都有对应的包装类对象。原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;引用数据类型存储在堆(heap)中的对象,占
秋の本名
·
2023-12-28 18:57
java
javascript
开发语言
原生js
实现视频播放器
原生js
实现播放器实现效果如图html完整代码如下加载中我是电视剧名字:第一集我是第一集的介绍6666620分钟发送弹幕11:00/22:002.00x1.50x1.25x1.00x0.75x倍速清晰度
小王没脑袋
·
2023-12-28 13:44
javascript
音视频
开发语言
原生js
重写confirm和select框
confirm原生的confirm实在是有点丑之前也写过一个但是感觉样式不够正经所以重写了一个样式如下所示js代码//封装confirmletmaskmax;letConfirmcnt;(function(){Confirmcnt=document.createElement("div");Confirmcnt.style.display="none";Confirmcnt.classList="
小王没脑袋
·
2023-12-28 13:43
javascript
css
开发语言
vue源码部分解析--双向数据绑定(vue2--Object.defineProperty)--基础解析篇
原生js
的双向绑定示例var$=name=>document.getElementById(name);$("input").onkeyup=e=>{console.log(e.target.value
lockloke
·
2023-12-28 13:41
vue
javascript
vue.js
html5
原生JS
和CSS实现点击图片预览放大
效果:代码实现,可以直接复制到本地测试(把图片路径换一下)3.图片预览.black_overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100;}.enlargeContainer{
webchang
·
2023-12-28 08:28
前端
js
css
定位
预览放大
前端
VUE学习笔记-页面跳转
在最近的项目开发中,需要使用到Vue的页面跳转,就记录一下常用的几种:
原生JS
varurl='https://10.50.1.10:8888/'window.open(url)//打开新页面window.location.href
赵客缦胡缨v吴钩霜雪明
·
2023-12-28 07:24
Spring引入Mysql5和mysql8
JDBC3Mysql字段只更新日期不更新时间3.1Mysql8.0的URL配置3.2Mysql5.5url配置1背景小知识1.1Mysql5和mysql8区别功能:MySQL8引入了许多新功能和改进,例如
原生
梦幻蔚蓝
·
2023-12-27 11:26
spring
java
后端
【前端框架React】原理
React设计思想1.
原生JS
React相比于vue来说更接近
原生JS
,因为在react内部,jsx模板经babel转化后是一个对象,所有的操作都是基于这个对象和其对应的fiber结构来操作的,而vue.js
【南汐】前端
·
2023-12-27 06:48
前端框架
javascript
react.js
【
原生js
】动态添加class
1.添加类名:document.getElementById("myDiv").classList.add('mystyle');2.删除类名:document.getElementById("myDiv").classList.remove('mystyle');3.检查是否含有某个css类:myDiv.classList.contains('myCssClass');//returntrueo
前端小云儿
·
2023-12-26 15:11
原生js
javascript
echarts可视化学习
01-使用技术div+css布局flex布局Less
原生js
+jquery使用rem适配echarts基础02-适配方案设计稿大小1920pxflexible.js把屏幕分为24等份cssrem插件的基准值是
谁不学习揍谁!
·
2023-12-26 05:38
echarts
echarts
学习
前端
Json数据解析之
原生Js
on解析
写在前面Json是一种网络数据格式,解析它的方式除了原生解析之外,还有第三方的解析库,例如:Gson.之后我也会写一篇来分析一下Gson的用法,不过我现在先上Json的原生解析。案例数据接口:http://baobab.kaiyanapp.com/api/v5/index/tab/discovery?udid=bd4602def0ed4576b145297b0bc8dc6c6b414e3b&vc=
风卷晨沙
·
2023-12-25 18:44
JS获取地址栏参数的方法(原生、vue、angular、react)
目录需求解决方案1.
原生JS
实现:1.1采用正则表达式获取地址栏参数(第一种方法)1.2传统方法截取实现(第二种方法)2.Vue框架实现:2.1查询参数获取(场景一)2.2获取路径参数(场景二)3.Angular
富朝阳
·
2023-12-25 15:42
JavaScript
javascript
前端
css
url路径下载pdf资源和.png下载的方法
原生js
方法
GetFieldUrl("传入FileId文件的id去下载文件相关的信息");functionGetFieldUrl(FileId){console.log(baseUrl+"api/FileManage/GetFileInfos?fileIds="+FileId);$.ajax({contentType:'application/json',//data:JSON.stringify(entit
隐含
·
2023-12-25 07:51
pdf
javascript
开发语言
原生JS
实现轮播图功能
*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;}.swiper{width:520px;height:280px;border:1pxsolidblack;margin:50pxauto;position:relative;overflow:hidden;}.swiperul{widt
Gino_Li
·
2023-12-25 05:39
day09
文章目录一、jQuery简介1.介绍2.使用1)引入2)工厂函数-$()3)
原生JS
对象与jQuery对象4)jQuery获取元素5)操作元素内容6)操作标签属性7)操作标签样式8)根据层级结构获取元素
qq_42307546
·
2023-12-24 17:19
javascript
jquery
VUE渲染后端返回含有script标签的html字符串
注意点:不能在当前页面追加任何元素例如
原生js
:innerHtml、appendChiled等等;Vue原生v-html也不可以因为其只能渲染html标签,script不能够识别。
冷幽悠
·
2023-12-24 12:34
Web前端
vue
BY组态(WEB组态)编辑器插件介绍
BY组态(WEB组态)编辑器插件介绍BY组态是一款非常优秀的纯前端的【web组态插件工具】,可无缝嵌入到vue项目,react项目等,由于是
原生js
开发,对于前端的集成没有框架的限制。
BY组态2
·
2023-12-23 13:04
工业组态
云组态
html5
html
java
原生js
基础
js引入方式通过标签内的src添加直接在内部填写JS;JS输出方式document.write()向页面输出内容,会覆盖页面原先的内容console.log向控制台输出内容,通常用来调试网页alert()向页面弹出一个小窗口innerHTML向目标标签内输出html格式的文本innerText向目标标签输出text格式的文本变量可以使用varletcont声明一个变量注意:变量必须先声明,再使用变
碎蚀
·
2023-12-22 13:56
AJAX请求
ajax
原生js
的写法:创建XmlHttpRequest对象(IE6+及IE6),onreadystatechange事件(响应的处理),向服务器发送给请求。
极客传
·
2023-12-22 12:36
React + valtio 响应式状态管理
valtio让数据管理在React和
原生JS
(Vanilla)中变得更加简单的一个库,它类似于Vue的数据驱动视图的理念,使用外部状态代理去驱动React视图来更新。
天問_
·
2023-12-22 03:11
React
react.js
前端
前端框架
Valtio
vue结合element ui实现文字消息上下无缝滚动切换
最近项目里需要个消息翻滚一条条出现的效果,如下图:正在用
原生js
操作的时候,突然想起elementui有个走马灯(Carousel),这个走马灯可以实现前端比较常用的轮播效果,那肯定也能实现这个功能消息无缝翻滚出现的功能
Alone深秋
·
2023-12-20 19:27
Vue
Element
UI
vue
elementui
面向对象 、面向过程
-优点:扩展性好;缺点:稳定性较差-乐高积木:只需要关注每种类型的积木的外形、可以和那些积木拼接的行为
原生js
中的面向对象:类和对象// 1、
原生JS
function Teacher (name) {
Serendipiy_yyj
·
2023-12-20 17:52
笔记
html5
css
自动驾驶
前端笔记之截图选择
这里主要记录
原生js
实现一个图片裁剪。代码主要体现实现思路,所以会有代码冗余繁琐等问题。实现思路首先是文件上传预览,因为要实现裁剪上传,所以就不能传
苏小邪
·
2023-12-20 13:07
前端
笔记
javascript
前端数据请求方案:$.ajax、axios 和 fetch
简介传统的请求方案是基于
原生js
的XMLHttpReauest(XHR)对象的,众所周知,ajax可以实现无刷新请求数据,它的出现使前端的技术上升了一个台阶。
鹤仔z
·
2023-12-19 14:00
jQuery
引入jQueryCND地址:bootcss.com或unpkg.comjquery与
原生JS
的区别$.noConflict()//方法$.each()$('ul').addClass()//dom操作$
zooeydotmango
·
2023-12-19 08:34
Vue基础
key作用,虚拟DOM,diff算法能够掌握设置动态样式能够掌握过滤器,计算属性,监听器能够完成品牌管理案例二、Vue基本概念1.为什么要学习Vue更少的时间,干更多的活,开发网站速度快1.1.铺设li
原生
henrenzhengdere
·
2023-12-18 23:39
前端
yarn
前端
前端框架
webpack
vue.js
操作dom 元素
1.
原生js
获取dom元素document.querySelector(选择器)注意:小程序是不能使用getElementById之类的dom2.Vue3ref获取单个dom元素vue官网说法:关于ref
ili_ii
·
2023-12-18 04:59
前端
javascript
html
2.electron之纯
原生js
/jquery的桌面应用程序(应用篇)
在上一篇文章《electron之纯
原生js
/jquery的桌面应用程序(基础篇)》中,Mac上运行Ele
前端加油站
·
2023-12-17 08:03
electron
javascript
electron
桌面应用
1.electron之纯
原生js
/jquery的桌面应用程序(基础篇)
如果可以实现记得点赞分享,谢谢老铁~Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。Electron将Chromium和Node.js嵌入到了一个二进制文件中,因此它允许你仅需一个代码仓库,就可以撰写支持Windows、macOS和Linux的跨平台应用。一.准备工作1.确保已在您的开发环境中安装了Node.js和npm(Node.js包管理器)。2.创建一
前端加油站
·
2023-12-17 08:31
electron
javascript
electron
桌面应用
jsp页面可以用
原生js
p读取session,用$符号读取不到
${sessionScope.username}${username}第一种获取到session对象后可以读取到sessoin,第二种直接获取却读取不到image.png原因就是jsp此处的session设置为了false,默认关闭session,为了节省资源
彭奕茗
·
2023-12-17 03:14
原生JS
局部刷新
XMLHttpRequest对象进行异步请求:2.使用fetchAPI进行异步请求3.使用事件监听器进行局部刷新4.servlet实现img验证码局部刷新依赖jar包Servletlogin.jsp在
原生
寻找优秀的自己
·
2023-12-15 23:23
验证码
局部刷新
前端
javascript
开发语言
黑豹程序员-
原生JS
拖动div到任何地方-自定义布局
效果图代码html拖拽divdiv{position:absolute;width:150px;height:150px;background-color:#C8FFFF;}
长安紫薯
·
2023-12-15 15:28
黑豹程序员
front-end
大前端
javascript
前端
开发语言
原生js
实现放大镜效果
html代码
原生js
实现放大镜效果#box{position:relative;}.small_img{width:200px;height:200px;position:absolute;left:0
jane819
·
2023-12-15 06:50
前端知识笔记(三十七)———Django与Ajax
标签的href属性-----》get请求3.form表单-----》get请求、post请求4.ajax-----》get请求、post请求真正的ajax原生,需要使用js操作,jq的ajax方法是对
原生
瑞崽崽崽
·
2023-12-15 03:46
前端
笔记
django
原生JS
封装AJAX
今天准备自己动手简单封装一下
原生JS
的Ajax,这样在使用的时候如果出现BUG,也能及时修补。所以简单做一下笔记,把代码贴出来,以供大家共同学习交流,也方便自己日后查阅。封装代码constimR
徐向博
·
2023-12-15 00:39
vue和
原生js
的冒泡/阻止冒泡,默认事件/阻止默认事件
vue冒泡:父级和子级有同样事件的时候,触发子级的事件,会把父级同样的事件也触发。阻止冒泡:v-on:事件类型.stop当点击p或者span时候都会提示点击了p,当span添加了v-on:click.stop="span()后,点击span区域不会触及到父级。这是spanmethods:{p(){console.log('点击了p')},span(){console.log('点击了span')}
西洛.sco
·
2023-12-14 23:38
笔记
javascript
vue
mysql支持
原生js
on使用说明
转载自(我的小碗汤)MySQL在5.7.8开始对json原生支持,本文将对MySQL中json类型的用法简单说明,希望对你有用。CREATETABLEtestproject(`id`int(10)unsignedNOTNULLAUTO_INCREMENT,`skill`JSONNOTNULL,`student`JSONNOTNULL,PRIMARYKEY(`id`));查看表结构:image这样J
杰在天涯
·
2023-12-06 19:37
JS基础之ajax
原生JS
之四步搞定AJAX:http://www.cnblogs.com/fenpho/p/6240158.html固定模板//1、创建一个XMLHttpRequest对象varxhr=newXMLHttpRequest
七_五
·
2023-12-06 11:56
jQuery和JavaScript的区别
一、比较
原生js
和jQuery的区别Document//window.onload=function(){//vardiv1=document.querySelector('div');//vardiv2
从明天开始好好学习前端
·
2023-12-06 10:06
javascript
jquery
前端
开发语言
ecmascript
使用ajax区别必须到jquery,jquery的ajax探讨
因为开发项目经常接触jquery的ajax,也知道基本语法,其中参数中type、url、data和suscess成功函数经常使用,本以为很熟悉了,但通过老师的授课,我才知道它竟然是一个庞大的体系,它等同于
原生
知乎盐选创作者
·
2023-12-06 07:22
ajax和axios两种请求的概念联系以及区别
原生js
中使用:例子如下:functionget(url,callback){varrequest=newXMLHttpRequest();//创建新请求request.open("GET",url,false
风从北方来
·
2023-12-06 05:39
vue
node
jquery
ajax
axios
2023.12.2 做一个后台管理网页(左侧边栏实现手风琴和隐藏/出现效果)
实现功能:(1)实现左侧边栏的手风琴菜单(2)实现左侧边栏的隐藏的显示(3)实现左侧边栏切换按钮的动画效果(4)
原生js
实现的网页,不使用jquery和bootstrap。
leigh_chen
·
2023-12-05 20:30
开发日记
javascript
网页
特效
侧边栏
实时获取当前时间之
原生js
和 Day.js方法大作战
实时获取当前时间之
原生js
Day.js方法✨✨
原生js
方法实时获取当前时间主要通过掌握Date对象的常用方法✨✨HTML代码:js代码://获取timer的dom对象vartimer=document.querySelector
hahahahadoop
·
2023-12-05 16:57
js
javascript
2023.12.3使用
原生js
实现进阶版手风琴菜单(前端冒泡事件处理)
2023.12.3使用
原生js
实现进阶版手风琴菜单(前端冒泡事件处理)之前写了一个基础版,现在这个是完全版,补充实现点击空白区域菜单折叠、点击某一菜单其余菜单折叠的功能,该写法可以用于整个网页所有下拉菜单的实现
leigh_chen
·
2023-12-05 07:14
开发日记
前端
javascript
开发语言
Django与Ajax
标签的href属性-----》get请求3.form表单-----》get请求、post请求4.ajax-----》get请求、post请求真正的ajax原生,需要使用js操作,jq的ajax方法是对
原生
N10N11
·
2023-12-05 07:30
ajax
前端
javascript
jquery与js加载顺序区别
原生JS
和JQuery入口函数的加载模式不同
原生JS
会等到DOM元素加载完毕,并且图片也加载完毕才会执行。JQuery会等到DOM元素加载完毕,但不会等到图片也加载完毕就会执行。
雅雅的前端工作学习
·
2023-12-04 17:52
原生js
实现拖动滑块验证
原生js
实现拖动滑块验证题前言验证的目的是为了减轻超高数据量的访问时,服务器的压力,减少同时请求量;前端基本都不能避免与验证打交道,这里记录一下我对于滑块验证的学习过程。
小鸟游露露
·
2023-12-04 15:17
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他