特性 元素js
建简单的静态文件服务器：使用Node.js和HTTP模块
创建简单的静态文件服务器：使用Node.js和HTTP模块 在Web开发中，经常需要搭建一个能够提供静态文件访问的服务器。无论是用于本地开发调试，还是用于部署网站，这都是一个常见的需求。本篇文章将介绍如何使用Node.js和其内置的HTTP模块来创建一个简单的静态文件服务器。 准备工作 首先，确保你 ......
js分片上传大文件，前端代码
首先导入jQuery.form.js文件，下面src是相对于改js文件位置， <script type="text/JavaScript" src="jquery/jquery-form.js"></script> <script type="text/javascript">var BYTES_P ......
哪一个更好？Spring boot还是Node.js
前言 本篇文章有些与众不同，由于我自己手头有些关于这个主题的个人经验，受其启发写出此文。虽然SpringBoot和Node.js服务于很不一样的场景，但是这两个框架共性惊人。其实每种语言都有不计其数的框架，但仅仅一部分是真正卓越的。如果咱们想，你和我也能创造我们自己的框架，并面向公众发布。然而，它们 ......
前端学习-JavaScrip学习-js基础04
学习教程：黑马程序员视频链接 函数 练习-函数参数、返回值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia ......
JS前端验证
验证上传文件的是否符合要求既可以通过前端js代码验证，也可以通过后端PHP代码验证 他们的区别如下： 前端的任何代码都可以被检查网页源代码检测出来 后端的任何代码在没有拿到源码之前都无法被识别出来 通过禁用JS代码可以绕过js的前端验证 判断前端验证是否为JS代码： 1.直接查看网页源代码 2.通过 ......
js处理前端页面复选框多页复选同时生效的问题
虽然是后端开发，但在实际的工作中难免会碰到一些前端相关的任务需要自己处理，下面就是本人开发工作中处理的前端相关分页复选的问题。总结一下，以备日后重复遇到：<script type="text/javascript"> //初始化数据 $(function () { $('#queryButton') ......
js 大文件分割/分片上传
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>uploadFile</title> <style></style> </head ......
Springboot3核心特性
一、简介 1. 前置知识 Java17 Spring、SpringMVC、MyBatis Maven、IDEA 2. 环境要求 环境&工具 版本（or later） SpringBoot 3.0.5+ IDEA 2021.2.1+ Java 17+ Maven 3.5+ Tomcat 10.0+ S ......
JavaScript - js生成 txt 文件
JavaScript - js生成 txt 文件 /** * 方法定义 */ function download(filename, text) { var element = document.createElement('a'); element.style.display = 'none'; ......
WebGL_0019：three.js 欧拉角和四元数
1, 这篇说说欧拉角和四元数，欧拉角和四元数的优缺点是老生常谈的话题了，使用条件我就不多说了，我只说一下使用方法。 1. 欧拉角（Euler） 欧拉角描述一个旋转变换，通过指定轴顺序和其各个轴向上的指定旋转角度来旋转一个物体。下面我们开看看它的方法 1. set( x: number, y: num ......
如何实现元素的平滑上升？（vue和react版）
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro ......
如何隐藏HTML中的div元素
参考文章，通过一个例子来学习如何在html中隐藏div元素。 考虑一下，我们有一个如下的html元素。 <div class="box"> This is main heading</div> 现在，我们需要从网页中隐藏上述div元素。 使用 display:none 要在html中隐藏一个div元 ......
力扣-34-在排序数组中查找元素的第一个和最后一个位置
一、题目 力扣地址：https://leetcode.cn/problems/find-first-and-last-position-of-element-in-sorted-array/description/ 二、解法思路： 也是二分查找相关题目，详细解法看注释 from typing imp ......
js 计算两个地点坐标之间的间距
/** * 计算两个地点坐标之间的间距 * @param {array} location1 [lon: string, lat: string] 地点坐标 * @param {array} location2 [lon: string, lat: string] 地点坐标 */ export fu ......
原生JS实现视频截图
本文介绍使用canvas的drawImage进行视频截图，并用toDataURL和toBlob转化为图片地址的方法，且重点介绍了将bold信息转化为图片地址的方法。 ......
一图看懂华为云CodeArts Link六大特性
本文分享自华为云社区《一图看懂华为云CodeArts Link六大特性，带你体验一站式跨平台数据互联》，作者：华为云PaaS服务小智 。 能够打破不同研发工具之间的壁垒，实现数据的无缝集成和互通。 体验通道： https://www.huaweicloud.com/devcloud/link.htm ......
js实现大文件上传——分片上传方法
当前端在开发过程中遇到上传文件需求，如果是上传头像、图片小文件之类的，可以正常按上传流程处理。但是当遇到上传大文件需求时，几个G或者十几个G，那么需要将这么大的文件分割成许多小片段分别上传，这种实现思路称为分片上传。 实现分片上传，精髓就是将文件分割成小片段，此时我们需要用到FormData对象和B ......
表格数据拖拽排序 sortable.js
需求 拖拽表格的行数据，实现排序。 问题 拖拽后调用接口，但视图没变，还是原来的顺序 场景：拖拽表格行数据后，tableDataArr 中数据的 orderNum 值会改变，实现拖拽换序。 期望情况：页面根据更改后的 orderNum 重新排序。 实际情况：接口数据变了，但是页面行数据没有改变。也就 ......
app直播源代码，JS 替换日期的横杠为斜杠
app直播源代码，JS 替换日期的横杠为斜杠 例如1： var dt = "2010-01-05"; var dt = dt.replace("-","/"); //只替换第一个“-”：2010/01-05 alert(dt); 例如2： var dt = "2010-01-05"; var d ......
原生JS上传大文件分片
上传大文件分片是一种常见的上传方式，可以有效地避免上传过程中出现网络中断等问题导致的上传失败。下面是一个使用原生JS实现上传大文件分片的示例代码： javascript // 定义上传文件的分片大小 const CHUNK_SIZE = 1024 * 1024; // 1MB // 获取文件的MD5 ......
【C 语言基础】C风格数组初始化”={a}；方式”的特性
当进行数组初始化的时候，可以采用 ={一个元素的值} 的方式,例如： int intarr[10] = {1}; int chararr[20] = {'a'}; 使用这种方式初始化，可以将数组所有成员都初始化，没有随机值，保证了安全。 其中，数组第一个值为指定元素的值，其余成员的值全为0。 测试代 ......
js运行机制
区分进程和线程 线程和进程区分不清，是很多新手都会犯的错误，没有关系。这很正常。先看看下面这个形象的比喻： 进程是一个工厂，工厂有它的独立资源 工厂之间相互独立 线程是工厂中的工人，多个工人协作完成任务 工厂内有一个或多个工人 工人之间共享空间 再完善完善概念： 工厂的资源 -> 系统分配的内存（独 ......
js---判断用户是否在浏览当前页面
最近遇到一个需求，需要判断用户是否在当前页面，只有用户在当前页面才可以播放视频，如果切换到其他窗口就要将视频暂停掉，避免学生刷课程，以下是具体的代码： <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <scr ......
js实现大文件分片上传
简单的实现一个分片上传 // 设置分片大小（大小根据需求调整）const CHUNK_SIZE = 1024 * 1024; // 1MB // 选择文件并切割成分片const fileInput = document.getElementById('file-input');const chunk ......
keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。
keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。 include定义缓存白名单，keep-alive会缓存命中的组件；exclude定义缓存黑名单，被命 ......
算法刷题记录-链表移除元素
算法刷题记录-链表移除元素 移除链表元素 给你一个链表的头节点 head 和一个整数 val ，请你删除链表中所有满足 Node.val == val 的节点，并返回 新的头节点 。 示例 1： 输入：head = [1,2,6,3,4,5,6], val = 6 输出：[1,2,3,4,5] 示例 ......
utils.js
// 获取连接参数值 getUrlParams (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i') var r = window.location.search.substr(1).match(reg) if (r ......
js实现分割上传大文件
本文实例介绍了js上传文件操作，分享给大家供大家参考，具体内容如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html x ......
JDK8新特性之接口默认方法与静态方法
接口默认方法与静态方法 有这样一些场景，如果一个接口要添加一个方法，那所有的接口实现类都要去实现，而某些实现类根本就不需要实现这个方法也要写一个空实现，所以接口默认方法就是为了解决这个问题。 接口静态方法类似于默认方法，但是我们不能在实现类中覆盖它们，可以避免默认方法在实现类中被覆盖实现。 注意要点 ......