原生Js 第4页

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

重学原生js

一：js数据类型：js有两种数据类型，分别是：js有两种数据类型，分别是：原始类型：underfine，null，string，number，boolean引用类型（类）：对象。number,string，boolean都有对应的包装类对象。原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆(heap)中的对象,占

秋の本名·2023-12-28 18:57

原生js实现视频播放器

原生js实现播放器实现效果如图html完整代码如下加载中我是电视剧名字：第一集我是第一集的介绍6666620分钟发送弹幕11:00/22:002.00x1.50x1.25x1.00x0.75x倍速清晰度

小王没脑袋·2023-12-28 13:44

原生js重写confirm和select框

confirm原生的confirm实在是有点丑之前也写过一个但是感觉样式不够正经所以重写了一个样式如下所示js代码//封装confirmletmaskmax;letConfirmcnt;(function(){Confirmcnt=document.createElement("div");Confirmcnt.style.display="none";Confirmcnt.classList="

小王没脑袋·2023-12-28 13:43

vue源码部分解析--双向数据绑定（vue2--Object.defineProperty）--基础解析篇

原生js的双向绑定示例var$=name=>document.getElementById(name);$("input").onkeyup=e=>{console.log(e.target.value

lockloke·2023-12-28 13:41

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

VUE学习笔记-页面跳转

在最近的项目开发中，需要使用到Vue的页面跳转，就记录一下常用的几种：原生JSvarurl='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

【前端框架React】原理

React设计思想1.原生JSReact相比于vue来说更接近原生JS，因为在react内部，jsx模板经babel转化后是一个对象，所有的操作都是基于这个对象和其对应的fiber结构来操作的，而vue.js

【南汐】前端·2023-12-27 06:48

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

echarts可视化学习

01-使用技术div+css布局flex布局Less原生js+jquery使用rem适配echarts基础02-适配方案设计稿大小1920pxflexible.js把屏幕分为24等份cssrem插件的基准值是

谁不学习揍谁！·2023-12-26 05:38

Json数据解析之原生Json解析

写在前面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

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

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

VUE渲染后端返回含有script标签的html字符串

注意点：不能在当前页面追加任何元素例如原生js：innerHtml、appendChiled等等；Vue原生v-html也不可以因为其只能渲染html标签，script不能够识别。

冷幽悠·2023-12-24 12:34

BY组态（WEB组态）编辑器插件介绍

BY组态（WEB组态）编辑器插件介绍BY组态是一款非常优秀的纯前端的【web组态插件工具】，可无缝嵌入到vue项目，react项目等，由于是原生js开发，对于前端的集成没有框架的限制。

BY组态2·2023-12-23 13:04

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

vue结合element ui实现文字消息上下无缝滚动切换

最近项目里需要个消息翻滚一条条出现的效果，如下图：正在用原生js操作的时候，突然想起elementui有个走马灯（Carousel），这个走马灯可以实现前端比较常用的轮播效果，那肯定也能实现这个功能消息无缝翻滚出现的功能

Alone深秋·2023-12-20 19:27

面向对象、面向过程

-优点：扩展性好；缺点：稳定性较差-乐高积木：只需要关注每种类型的积木的外形、可以和那些积木拼接的行为原生js中的面向对象：类和对象// 1、原生JSfunction Teacher (name) {

Serendipiy_yyj·2023-12-20 17:52

前端笔记之截图选择

这里主要记录原生js实现一个图片裁剪。代码主要体现实现思路，所以会有代码冗余繁琐等问题。实现思路首先是文件上传预览，因为要实现裁剪上传，所以就不能传

苏小邪·2023-12-20 13:07

前端数据请求方案：$.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

操作dom 元素

1.原生js获取dom元素document.querySelector(选择器)注意：小程序是不能使用getElementById之类的dom2.Vue3ref获取单个dom元素vue官网说法：关于ref

ili_ii·2023-12-18 04:59

2.electron之纯原生js/jquery的桌面应用程序（应用篇）

在上一篇文章《electron之纯原生js/jquery的桌面应用程序（基础篇）》中，Mac上运行Ele

前端加油站·2023-12-17 08:03

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

jsp页面可以用原生jsp读取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

黑豹程序员-原生JS拖动div到任何地方-自定义布局

效果图代码html拖拽divdiv{position:absolute;width:150px;height:150px;background-color:#C8FFFF;}

长安紫薯·2023-12-15 15:28

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

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

mysql支持原生json使用说明

转载自（我的小碗汤）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

使用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

2023.12.2 做一个后台管理网页（左侧边栏实现手风琴和隐藏/出现效果）

实现功能：（1）实现左侧边栏的手风琴菜单（2）实现左侧边栏的隐藏的显示（3）实现左侧边栏切换按钮的动画效果（4）原生js实现的网页，不使用jquery和bootstrap。

leigh_chen·2023-12-05 20:30

实时获取当前时间之原生js和 Day.js方法大作战

实时获取当前时间之原生jsDay.js方法✨✨原生js方法实时获取当前时间主要通过掌握Date对象的常用方法✨✨HTML代码：js代码：//获取timer的dom对象vartimer=document.querySelector

hahahahadoop·2023-12-05 16:57

2023.12.3使用原生js实现进阶版手风琴菜单（前端冒泡事件处理）

2023.12.3使用原生js实现进阶版手风琴菜单（前端冒泡事件处理）之前写了一个基础版，现在这个是完全版，补充实现点击空白区域菜单折叠、点击某一菜单其余菜单折叠的功能，该写法可以用于整个网页所有下拉菜单的实现

leigh_chen·2023-12-05 07:14

Django与Ajax