原生JS

vue 集成腾讯地图基础api Demo集合

vue集成腾讯地图基础apiDemo集合(基础地图引入与展示模块,地址逆解析，3D/2D切换，位置服务，mark标记)写作背景官方网站的demo大部分都是原生js，较基础，很多高级Api分布比较分散，为了有利于开发者查找
Mr船长大人·2024-01-10 16:37

分别使用jQuery封装的ajax、原生ajax、fetch、axios实现express前后端交互

目前在做的项目我主要是用jQuery封装的ajax来实现前后端的交互，由于老师希望在前端使用原生js，所以让我们在前后端数据交互这块尝试其他的方法。
Tahiti0325·2024-01-10 06:23

vue中的axios发送post请求，后台无法接受到数据

当我使用自己搭建的后台，尝试发送post请求时，后台迟迟接收不到数据，而使用postman就没这个问题，在查找了大量资料后，我发现了是vue在发送请求时序列化的问题，应该把数据先序列化再发送到后台，而使用原生
YB程序猿·2024-01-10 02:00

原生JS实现抽奖

1、效果展示0.制作一个MiniSize使用提供的素材实现一个转盘活动的布局（如下图所示）；进入界面后2秒钟后开始旋转，5秒钟后停止旋转；并且3秒后进入一个表单界面（如下图2所示）；界面要求适配现主流的手机屏幕及手机浏览器；要求界面切换连贯，动画流畅。请保证视觉效果的还原度以及代码整洁度。2、实现思路旋转圆盘，image1.style.animation='rotateAnimation0.5sl
海伦•·2024-01-09 13:45

前端发送Ajax请求数据的几种常见方法(一) 原生JS发送

原生JS发送Ajax1.原生JS发送GET请求:Document//原生js利用XMLHttpRequest对象//发送get请求constxhr=newXMLHttpRequestxhr.onloadend
YoungMan_09·2024-01-09 08:47

Elementui Radio单选框取消选中

在使用组件库的时候，因为组件没有自己定义一个@click事件，所以需要加一个.native，这样就调用了原生js的事件解
一只大黑洋·2024-01-09 08:30

H5树组件的开发

原生JS实现树组件需求分析：使用`el-tree`组件，渲染树状数据。要求默认子孩子展开，点击父节点展开、收起树，箭头随收起展开变化，异步请求数据。
卡夫卡的小熊猫·2024-01-09 06:56

个人学习来源说明

1.学习nginx--尚硅谷Nginx教程（亿级流量nginx架构设计）2.学习原生js--MDN文档3.学习md文档--菜鸟教程MD
方朝端·2024-01-08 12:27

原生js XMLHttpRequest发送 get post 请求 解决跨域 及 注意事项

使用js原生的XMLHttpRequest发送getpost请求2、使用xhr发起GET请求四个步骤：①：创建xhr对象//1、创建一个xhr的对象letxhr=newXMLHttpRequest()②：调用xhr的open()函数（open中传递两个参数，参数一是GET/POST请求方式，参数二是请求的URL地址）//2、调用xhr中的open()函数,创建一个Ajax的请求xhr.open('
꧁“杂货店”꧂·2024-01-08 04:01

前端性能优化不完全手册 【已更新至React、原生JS懒加载和Nginx负载均衡】

性能优化是一门大学问，本文仅对个人一些积累知识的阐述，欢迎下面补充。抛出一个问题，从输入url地址栏到所有内容显示到界面上做了哪些事？1.浏览器向DNS服务器请求解析该URL中的域名所对应的IP地址;2.建立TCP连接（三次握手）;3.浏览器发出读取文件(URL中域名后面部分对应的文件)的HTTP请求，该请求报文作为TCP三次握手的第三个报文的数据发送给服务器;4.服务器对浏览器请求作出响应，并把
weixin_34309543·2024-01-08 03:55

自己用原生js写jquery能够达到寻找节点，调用方法的效果。

实现目标：1.通过id，类，元素寻找节点$("#box")$(".box")$("div")2.进阶可以通过寻找的节点调用.html().css()方法一、方法一1、通过id，类，元素寻找节点eg：$("#box")$(".box")$("div")function$(a){varchar=a.slice(0,1);varb=a.slice(1);switch(char){case'#':retu
啊～哈·2024-01-08 01:16

原生js删除节点、替换节点、复制节点

https://blog.csdn.net/lll_liuhui/article/details/79978487
e0c52543163a·2024-01-08 00:12

Ajax异步请求方法(详细)

使用ajax发送异步请求原生js实现以及jqueryajax实现发送请求文章目录使用ajax发送异步请求简介实现方式1.原生js实现1.get请求2.post请求2.jqueryajax实现1.基本方式
.雨落星辰·2024-01-07 11:09

2022-07-27 jq 设置attr 不生效问题总结

property:原生JS对对象的属性称之为property。attribute：HTML元素标签上的属性称之为attribute。
丁夏叮当·2024-01-06 21:58

原生JS和jQuery请求接口

原生JS请求接口get请求//步骤一:创建异步对象varajax=newXMLHttpRequest();//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数
皮卡丘-杰尼龟·2024-01-06 08:45

react如何拖拽模态框

Modal组件封装而成,如何在不修改原来代码的基础上实现拖拽呢.最终效果图如下:实践1.创建高阶组件DragHoc新建文件ModalDrag/index.js,将下面代码copy进去DragObj是具体拖拽的原生
_Kay_·2024-01-05 18:02

【JS】原生js递归实现数组转换为树形结构数据

//递归实现：把服务器传来的数组数据转换为树形结构的数据//[{1},{1.1},{1.2},{2},{3}]=>[{1,children:[{1.1},{1.2}]},{2},{3}]exportfunctionswitchToTreeData(list,rootValue){constarr=[]if(list.length){list.forEach(item=>{//用pid来区分其双亲节
小安驾到·2024-01-05 15:09

zhongwen.js获取屏幕的高度和宽度等值

zhongwen.js有一个屏幕对象，它是对原生js的window.screen的封装。
104feaba63b4·2024-01-05 11:06

html原生js请求

html：原生js，ajax请求demoPOST请求GET请求//post请求document.querySelector(".postbtn").οnclick=function(){varxmlhttp
yy1209357299·2024-01-05 06:35

原生js：textarea根据内容自动适应

/*textarea根据内容自动适应为textarea添加autoHeight属性即可autoHeight="true"*/$(function(){$.fn.autoHeight=function(){functionautoHeight(elem){elem.style.height='auto';elem.scrollTop=0;elem.style.height=elem.scrollHe
有想法的人·2024-01-05 04:05

学习使用js/jquery获取指定class名称的三种方式

学习使用js/jquery获取指定class名称的三种方式简介一、获取元素的class名称1、通过原生JS获取元素的class名称2、通过Jquery获取元素的class名称二、应用1、样式修改2、动画效果实现简介在开发网页时
徊忆羽菲·2024-01-05 01:16

前端知识

一.js知识1.获取输入框输入的值2.获取当前屏幕的宽度3.根据搜索的内容判断跳转到哪一页面4.拿到传过来的id5.用原生js写分页，总条数/每页显示的条数如果有余数，按向上取整6.使用js往某一id标签内填充内容
later_1ac4·2024-01-04 18:29

原生JS调用OpenAI GPT接口并实现ChatGPT逐字输出效果

效果：猜你感兴趣：springboot+vue实现ChatGPT逐字输出打字效果附源码，也是小弟原创，感谢支持！没废话，上代码：Title/*CSS样式*/body{font-family:Arial,sans-serif;margin:0;padding:0;}.chat-container{max-width:600px;margin:20pxauto;border:1pxsolid#ccc;
程大白丶·2024-01-04 06:29

原生JS做别踩白块游戏

思路创建初始一个按钮并为他添加点击监听开始创建随机方块，并样式_box.offsetTop+speed+'px'结合setInterval使得方块不断下移创建和删除方块的原则：box.offsetTop>=0（可视区上部没有方块了）时候需要创建一行方块，并随机指定一个黑色方块。当方块行数大于6行（不能刚刚5行，因为只有方块完全溢出才能删除）时候就删除方块。所以加上完全溢出、预备各一行、可视行4行一
海伦•·2024-01-03 18:39

用原生JS实现一个倒计时功能

倒计时功能*{margin:0;padding:0;}#count{width:800px;height:200px;background:#00BFFF;margin:100pxauto;text-align:center;line-height:200px;font-size:24px;}#countspan{width:60px;height:60px;background:rgba(255
小付学代码·2024-01-03 09:21

Ts手动封装http请求

也是走了很多弯路，手动封装了一下http请求（每次都使用原生Js写
飞猪0_0·2024-01-01 22:51

mysql 5.7 原生json类型的基本用法以及底层存储逻辑（源码分析）

mysql中json数据类型的使用及底层实现逻辑（源码解析）一、mysql中json对象的操作mysql从5.7版本开始增加了对json数据类型的支持。此前，用户通常将json字符串存储于varchar、blob或text数据类型中，使用时需要先将整个json对象从数据库读取出来，在内存中完成解析及相应的计算处理，这种方式增加了数据库的网络开销并降低处理效率。mysql通过对json数据类型的支持
小嘴叭叭儿·2024-01-01 01:27

原生js浪费性能吗？

首先举一个例子：我要更新10个DOM节点,浏览器会一个一个的进行更新,但它更新第一个的时候并不知道后面还有9个,所以会一个一个执行,共执行10次。每一次的更新都要去计算，但更新后DOM树变化了，更新第二个的时候，前一次计算的就没法再利用了，还需要再计算。白白浪费性能。但从JavaScript本身来看，原生JavaScript本身并不会浪费性能，但是编写不合理的JavaScript代码可能会导致性能
Z_B_L·2024-01-01 00:55

原生JS实现组件切换（不刷新页面）

这是通过原生Es6实现的组件切换，代码很简单，原理和各种框架原理大致相同。创建文件├──component：存放组件│├──home1.js：组件1│├──home2.js：组件2├──index.html├──index.js初始化html文件Document.home1{background-color:#e33a3a;width:200px;height:200px;}.home2{back
宝子向前冲·2023-12-31 23:14

原生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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他