原生js小功能第18页

【JS30-Wes Bos】30天原生JS挑战——总结

♪(^∇^*)项目简介30DayChallenge是WesBos设计的一个30天原生JS编程挑战。项目免费提供了30个视频教程、30个挑战的起始文档和30个挑战解决方案源代码。目的是在不借

高孜晗·2023-09-08 12:37

原生Js Canvas去除视频绿幕背景

Js去除视频背景注：这里的去除视频背景并不是对视频文件进行操作去除背景如果需要对视频扣除背景并导出可以使用ffmpeg等库，这里仅作播放用所以采用这种方法由于uniapp中的canvas经过封装，且uniapp的drawImage无法绘制视频帧画面，因此uniapp中不适用实现过程是将视频使用canvas逐帧截下来对截取的图片进行处理，然后在canvas中显示处理好的图片最后通过定时器高速处理替换

Raccom·2023-09-08 12:33

用java的IO实现网络文件下载到本地路径

最近工作因为需求要做一个小功能，根据客户给的的网路路径进行文件的下载。下面不多说直接上代码：packagecom.gl;importjava.io.

大龙博客·2023-09-08 11:31

前端数据请求方式总结（前端数据请求方式，原生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

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

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

前端面试中常见的原生JS手写实现函数

前端面试中常见的原生JS手写实现函数前言实现call函数apply函数bind函数newinstanceof函数继承实现深拷贝深度比较防抖函数节流函数Promise.all()Promise.race(

了旧·2023-09-07 15:53

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

原生js之dom如何进行事件监听(事件捕获/冒泡)

那么好,这次主要讲解的就是dom是如何进行事件监听和事件取消监听的,我们知道vue中主要用watch来进行监听.js监听与取消监听那么原生js主要用到的就是addListenEvent事件来进行监听,可以监听文档

好名字0821·2023-09-07 15:51

原生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之dom表单改变和鼠标常用事件

那么好,本次我们聊聊表单改变时如何利用onchange方法来触发input改变事件以及鼠标常用的滑入滑出,点击down和点击up事件.关于onchange方法onchange方法在鼠标输入完后点击任何非输入框位置时触发.触发时即可改变原有输入框的值.out、leave、over、down、up鼠标方法当用户使用onmouseleave或者onmouseout方法时,是鼠标移出鼠标事件所在的div中

好名字0821·2023-09-07 15:20

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

原生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实现tooltip的功能

1.需求用原生js创建一个div层，并且鼠标移入的时候才显示（类似于tooltip的功能~）varel=document.createElement('div');//创建一个divel.className

wytraining·2023-09-07 14:37

原生js写轮播组件

样式展示图片.png一句话生成轮播图constcarousel=newCarousel(document.querySelector('.carousel'),Animation.fade())

李浩宇_8b32·2023-09-07 12:24

照片会说话的软件，快来试试这个小功能

在当今数字化时代，视频已经成为了一种非常流行的媒介形式。在社交媒体和营销领域，人们越来越多地使用视频来吸引观众的眼球。但是，制作一个动态的视频可能需要花费大量的时间和成本。那么，有没有一种更简单的方法把一个照片制作成会说话的视频呢？答案是肯定的！下面我们就来看看如何将静态照片制作成会说话的视频以及需要注意的事项。首先，需要选择一款视频编辑软件。例如书单视频助手应用，我们可以使用对口型功能来讲制作。

office666·2023-09-07 12:43

js-实现数据结构-栈

从这篇文章开始，我会陆续的把数据结构中的算法用原生js实

ChicAboo·2023-09-07 11:06

Share_01随机选餐小程序

p02.PNG数组中的元素根据自己已有的选择增减就可以了:)点击btn[0]后切记要清除定时器,否则每点击一次就创建一个定时器,所看到界面文字闪动速率会发生改变.简单的效果展示,主要是平时自己用一下的小功能

Teresa_Chen·2023-09-07 10:50

React创建虚拟dom的两种方式

0x00前言CTF加解密合集CTFWeb合集网络安全知识库文中工具皆可关注皓月当空w公众号发送关键字工具获取0x01正文1.原生js创建虚拟domhello_reactconstVDOM=react.createElement

Wcbddd·2023-09-07 02:25

2022-12-2晨间日记

本月重要成果：酒又喝了十斤有余成功日志-记录三五件有收获的事务学会了表格里的一个小功能。做了一个烧烤蘸料。前几天过生日，四个美女陪着。财务检视入不敷出啊！

蒙哥丁烨·2023-09-06 20:14

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

架构概念通俗总结

特点是小迭代，每个小功能都找客户确认，所以开发周期短，与客户交流密切，对问题能做出快速响应。三层架构:包括UI（用户接口）、BLL（业务逻辑）、DAL（数据访问）3层。

zhaylon·2023-09-06 05:40

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

修改网页内容的方法

背景是我们有个内部的网页，维护者比较恶心，一个小功能不肯支持。想了一下怎么动态改网页的内容。

雨声不在·2023-09-05 01:17

TSMaster小功能分享—Python小程序如何导入外部库

今天给大家介绍TSMaster功能之Python小程序如何导入外部库。通过在TSMaster默认的解析器路径下导入外部库来介绍，以便我们去使用Python外部库。TSMaster默认Python解析器下安装外部库。步骤一在TSMaster工具->系统信息->python环境设置中选择打开解析器路径；步骤二在该文件路径中输入cmd,打开命令行；步骤三在这个路径下，使用命令Python-mpipins

TOSUN同星·2023-09-04 21:38

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

单元测试和集成测试的区别

单元测试和集成测试是软件开发中常用的两种测试方法，它们的主要区别如下：范围不同：单元测试关注于对软件中的最小功能单元进行测试，通常是对独立的函数、方法或类进行测试。

wzxue1984·2023-09-04 13:41

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

搜索功能的设计点集合

搜索功能是产品设计中一个很常见的元素，不论大小功能，只要内容丰富时，都需要一个搜索设计帮助找到所需的内容。

OKOkkk·2023-09-04 07:12

前端跨域解决方案

目录同源政策跨域常见的跨域场景跨域解决方案1.JSONP跨域1).原生JS实现2）jqueryAjax实现3）Vueaxios实现后端node.js代码2.跨域资源共享（CORS）1)简单请求2)非简单请求

CaRuJan·2023-09-04 07:16

iOS之语音播报功能

加班闲暇之际写一个小功能，一直以来想写一些东西，但是却一直没实践，今天就简单些一个☝️小的功能点。。。。。

xm0803·2023-09-03 21:41

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

设计指南之“没那么简单的评论功能”

这个不太起眼的小功能，对产品的留存和促活却有着四两拨千斤的作用。究竟这个功能有什么作用，我们在设计该功能时又该注意哪些问题呢？一、评论功能的作用在讲评论功能的作用之前，我们先弄清评论的定义。

飞行的靓仔·2023-09-03 18:46

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

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

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

前端Vue仿企查查天眼查知识产权标准信息列表组件

在传统开发过程中，一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况。为了解决这个问题，我们采用了组件化的开发模式。

前端组件开发·2023-09-02 20:16

前端Vue自定义得分构成水平柱形图组件可用于系统专业门类得分评估分析

引入Vue自定义得分构成水平柱形图组件：cc-horBarChart随着技术的发展，传统的开发方式使得系统的复杂度越来越高，一个小小的改动或小功能的增加可能会导致整体逻辑的修改，造成牵一发而动全身的情况

前端组件开发·2023-09-02 20:45

前端Vue仿企查查天眼查高管信息列表组件