原生Js 第11页

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

原生JS实现滑块功能

原生JS实现滑块功能前两天用到ant-design的滑块组件，觉得很有意思，就自己简单实现了一下。

qq_32021429·2023-09-06 07:23

原生JS封装Modal弹框

使用原生JS(es5)封装一个属于自己的Modal弹框效果图展示主要代码functionModal(options){options=Object.assign({title:'标题',backgroundColor

qq_32021429·2023-09-06 07:22

WebSocket原生js实现

WebSocket的原生js实现WebSocket是一种网络通信协议。一、为什么使用Websocket1.简单介绍一下HTTP协议HTTP协议是一种无状态的、无连接的、单向的应用层协议。

嘎嘎油·2023-09-05 18:42

Web API—移动端端网页特效

移动端端网页特效代码下载触屏事件触屏事件概述移动端浏览器兼容性较好，不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。

酒茶白开水·2023-09-05 11:13

Ajax模拟视频点赞功能

前台Title//1.原始方式/*functionlike(){window.location.href="likeServlet"}*///2.原生JS实现异步functionlike(){//获取XmlHttpRequest

是你周耶·2023-09-05 10:10

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

AJAX的三种实现方式以及JS的原生实现方式

AJAX的基本使用AJAX的基本认识什么是AJAX原生js实现AJAXJQuery的GET方式实现AJAXjQuery的POST方式实现AJAXjQuery的通用方式实现AJAX(重要)AJAX小结AJAX

安入少年头如梦·2023-09-04 16:58

原生JS Ajax上传文件 FileReader预览图片 nodejs文件上传 express+multipart上传文件处理

封装原生JS的Ajaxpublic/viewjs/ajax.jsfunctiongetXhr(){letxhr=null;if(window.XMLHttpRequest){xhr=newXMLHttpRequest

喜大普奔⁶⁶⁶·2023-09-04 11:52

Android原生JsonObject、JSONObject、JSONArray及JsonArray添加内容(备注：个人整理)

//下面这些写法是我自己在实际项目中用到过的，记录到这里方便后续快速复制粘贴并使用。JsonArrayarray=newJsonArray();//初始化JsonArrayarray.add("xxx");//JsonArray添加值array.add(array1);//JsonArray添加另一个JsonArrayarray.add(jsonObject);//JsonArray添加JsonO

七月七日晴52000·2023-09-04 07:01

前端跨域解决方案

目录同源政策跨域常见的跨域场景跨域解决方案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

html中如何用vue语法，并使用UI组件库，html中引入vue+ant-design-vue或者vue+element-plus

组件库前言先说一下本次应用的场景，本次项目中，需要引入github中别人写好的插件，插件比较大，没有方法直接在自己项目中，把别人的项目打包合并生成html（类似于前端项目打包生成的dist），修改这里面的html，这种情况要么用原生

夜空孤狼啸·2023-09-03 07:36

原生js实现轮播图及无缝滚动

我这里主要说轮播图和无缝滚动的实现思路，就采用最简单的轮播图了，当然实现的思路有很多种，我这也只是其中一种。简单轮播图的大概结构是这样的，中间是图片，二边是箭头可以用来切换图片，下面的小圆点也可以用来切换图片。1.简易的轮播图效果先搭出html结构这里的左右箭头我采用的是svg图标然后是css样式*{margin:0;padding:0;box-sizing:border-box;}.contai

専心·2023-09-02 12:43

Vue实现全屏缩放

第一种：使用原生js1、XXX.vueexportdefault{data(){return{isFull:true,}},methods:{full(){if(this.isfullScreen){vardocElm

ling08140814·2023-09-02 08:03

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如何使用ajax请求,如何使用原生JavaScript实现AJAX请求

ajax(异步javascriptxml)是当下比较常用的请求方式，原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。大多数情况下我们都是使用jqueryajax等其他框架封装好的方法，那么我们自己如何通过原生JavaScript方法实现ajax请求呢？首先，第一个步骤创建一个XMLHttpRequest对象。

Auto汽车工程师·2023-08-31 10:24

前端调用手机摄像头权限进行扫码解析

前端调用手机摄像头权限进行扫码解析（demo含Vue及原生）前端调用手机摄像头权限进行扫码解析（demo含Vue及原生js写法）引子实践此时已经可以成功调用摄像头，接下来集成进Vue工程中最后前端调用手机摄像头权限进行扫码解析

deft_·2023-08-30 21:16

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

jq插件：jqgrid和validform的二次封装

不可否认vue的双向绑定机制确实很香，但是也是建立在原生js基础上。所以，只有做更多的原生js项目，才能更加了解vue框架的底层原理。在日常开发中，也会不可避免的会遇到原生开发的需求。

流情·2023-08-29 07:35

前后端数据交互(六)——ajax 、fetch 和 axios 优缺点及比较

一、ajax、fetch和axios简介1.1、ajaxajax是最早出现发送后端请求的技术，属于原生js。ajax使用源码，请点击《原生ajax请求详解》查看。

前端人·2023-08-28 12:45

jQuery的基本概念以及this和${this}的使用

$=$=jQuery;3.原生js和jQuery对象元素的转化3.1原生

好菜好菜呀·2023-08-28 12:51

React笔记（一）初识React

一、React概述1、什么是reactreact的官网:React用于构建用户界面的JavaScript库，它也是一个渐进式的用于构建用户界面的javascript框架2、主要特征声明式：使用原生JS编写的页面存在着开发效率低下

鸣鲷有柒·2023-08-28 05:57

原生js编写验证码

方法一：要求：每次刷新页面，都会输出一个六位数的验证码(字母和数字组成)，且每次刷新验证码都随机变色css代码：#mycode{width:150px;height:30px;line-height:30px;font-size:26px;font-weight:bold;text-align:center;border:1pxsolidred;float:left;}#change{width:

busyfish·2023-08-28 03:18

浅谈对vue-router的理解以及hash 模式和history模式

总结：早期做单页面是用原生js、jq利用hash（早期前端路由），后面h5新推出history的API，就可以用js利用history的API。

打码中...·2023-08-28 00:28

原生js使用FormData上传文件并监听进度(附前后端实现源码)

ajax2.0时代,新增了FormData,我们就可以用FormData完成文件的上传以前我们用form表单中的实现文件上传,但前端无法实时查看上传的进度,而ajax2.0可以让我们实时监控上传进度下面是一个原生

zhaoolee·2023-08-27 21:17

VUE笔记（一）初识vue

构建用户界面：之前在学习vue之前通过原生js对DOM操作进行构建用户界面的使用原生js构建用户界面的不足-没有规范，统一性不强，不利于团结写作开发-大量的DOM操作，开发效率很低-没有性能优化渐进式：

鸣鲷有柒·2023-08-27 20:31

原生JS与jQuery中获取元素的方法

一、原生JS中获取元素的方法 ①根据id： document.getElementById('id');返回一个元素 ②根据标签： document.getElementsByTagName(

GoFzy·2023-08-27 09:24

Vue与Element-UI

浅谈Vue.jsVue.jsVue.js诞生Vue.js三大核心MVVMMVVVM模型vue实现的MVVM模型组件化组件组件与数据虚拟DOM事件事件监听原生JS与Vue.js实例实现效果代码对比事件过程

浅山茶·2023-08-26 18:40

基于原生js和css3实现barrage弹幕效果

实现原理实现方式一(简单)运行图barrage1使用cancas画板实现。循环刷新和绘制画板像素，每一次循环更改绘制元素的x坐标核心函数：clearRect(x,y,width,height)在给定的矩形内清除指定的像素fillText(content,x,y)将content内容绘制到指定的(x,y)处源码展示:varcanvas=document.getElementById("canvas-

Hermit_Yoxino·2023-08-26 16:09

常见题型分析

flex布局3.position常见状态4.清除浮动常用方法（BFC）5.box-sizing与盒模型的理解6.BFC理解与用途7.两栏、三栏布局8.移动端1px处理9.垂直居中10.HTML5的离线储存原生

明明明明如月·2023-08-25 09:36

原生JS更改元素类名

今天来聊一聊关于原生JS是如何更改元素的类名，习惯了jQuery后，我们感觉更改元素的类名是一件非常容易的事情——addClass()、removeClass()和toggleClass()让我们轻松实现了对类名的修改

wwg9311·2023-08-25 04:03

纯js、v-for、vue函数式组件、vue普通组件性能对比

先说结论dom节点数量对内存影响没想象中大，js变量才是内存占用的元凶内存占用及运行性能对比：原生js

·2023-08-24 18:25

原生JS实现拾色器功能

没事儿干，写一个拾色器，原生JS实现，先看效果图：一、写页面.circle{width:200px;height:200px;border:1px#999solid;margin:200px00200px

前端小小白zyw·2023-08-24 15:12

Vue2学习笔记（尚硅谷张天禹老师）day-01

1.2、谁开发的华人尤雨溪；vue2（攻壳机动队）vue3（海贼王）1.3、vue的特点采用组件化模式，提高代码复用率、且让代码更好的维护声明式编码（原生js为命令式编码），使无

也曾眼眸有光·2023-08-24 13:30

原生js获取X天以前的某天、x年以前的某年

获取当前日期newDate()//WedMay25202210:30:50GMT+0800(中国标准时间)获取30天前的日期newDate(newDate()-1000*60*60*24*30);//MonApr25202210:32:52GMT+0800(中国标准时间)获取30年前的日期newDate(newDate()-(1000*60*60*24*30*12*30));//ThuOct291

十万_伏特·2023-08-24 10:17

两个原生JS跨页面传值的小方法

文章目录前言一、localStorage本地存储二、URL传值总结这会不会是今天写的最简单的一篇文…?前言今天在学校做2020年的题,碰到一个需求:用户在这个页面选择了症状,需要在下一个页面显示出用户选择的项;这,这就触及到我的知识盲区了…我突然想到前几天写Vue用了localStorage,总算是没空着,但还是想知道会不会有更好的方法.一、localStorage本地存储不能用sessionSt

白瑕·2023-08-24 00:04

Vue.js知识点学习的一点笔记

一、虚拟DOM1、原生JS是命令式编程，当渲染在页面的数据发生一点点变化，需要整个重新渲染一编。

三水木雨·2023-08-23 19:19

js实现定时器

用原生js实现一个倒计时效果.最下面有全部源码,需要自取js语法:setTimeout:定时器document.getElementById:Document的方法getElementById()返回一个匹配特定

好名字0821·2023-08-23 18:32

原生js插入HTML元素

原生js插入HTML元素方法：insertAdjacentHTMLinsertAdjacentHTML语法格式element.insertAdjacentHTML(position,text);1）position

好名字0821·2023-08-23 18:02

反馈

表现为：首页原生js让h5刷新，没反应。登录后首页显示为未登录，因为原生js让h5刷新，首页h5不知道这个事件。之前我是在onshow里面刷新首页数据，结果安卓某些机型在

Charlin_4970·2023-08-23 16:01

前端面试题（基础部分：html+css+js）

原生js部分1、什么是进程什么是线程⭐一个程序的执行从开始到结束就是一个进程，一个进程中有多条线程，线程分为单线程和多线程，线程是进程中断断续续的开始和结束的过程2、什么是防抖节流防抖-防抖后置：触发高频事件后

光の来处·2023-08-23 04:43

原生js实现监控变量值变化了，自动修改页面内容

vardata={message:'Hello'};Object.defineProperty(data,'message',{get:function(){returnthis._message;},set:function(value){this._message=value;document.getElementById('app').textContent=value;console.lo

杭杭爸爸·2023-08-22 18:09

Vue（前端框架）

原生js做法：获得要操作的标签对象（DOM对象），将值赋给标签对象的属性。3.Vue安装1.用引入（为vue-cli搭建项目，在下篇文章)1.下载：https://cdn.jsdeli

小谭同学ha·2023-08-22 12:57

swift 原生json解析探究与详解

swift原生json解析探究与详解我们先构建一个json数据structTextJson:Codable{letstatus:Intlettext:String}然后我们生成json数据letmakeModel

追忆之丘·2023-08-22 08:27

【JS基础】一些个人积累的原生JS编码设计思想，和大家一起开拓下思维

文章目录前言对象配置链式调用队列调用并发执行未完待续前言以下都是我个人遇到的前端JS原生编码设计上的一些案例记录，希望能帮助新手开拓写代码的思想，并且能够结合自己的想法应用在实际的项目中，写出更加易读，拓展，维护的代码。在其中会有一些案例展示，并不是说某个写法只能用于该案例上，要学会举一反三。还有一点就是不要死记这些东西（我自己也记不住，叫我重写都未必能写出），留有个印象就好，等到某天你发现某个场

庞囧·2023-08-21 02:18

推荐频道

原生Js