webgl three 0019 js
哪一个更好？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 ......
WebGL_0019：three.js 欧拉角和四元数
1, 这篇说说欧拉角和四元数，欧拉角和四元数的优缺点是老生常谈的话题了，使用条件我就不多说了，我只说一下使用方法。 1. 欧拉角（Euler） 欧拉角描述一个旋转变换，通过指定轴顺序和其各个轴向上的指定旋转角度来旋转一个物体。下面我们开看看它的方法 1. set( x: number, y: num ......
JavaScript - js生成 txt 文件
JavaScript - js生成 txt 文件 /** * 方法定义 */ function download(filename, text) { var element = document.createElement('a'); element.style.display = 'none'; ......
js 计算两个地点坐标之间的间距
/** * 计算两个地点坐标之间的间距 * @param {array} location1 [lon: string, lat: string] 地点坐标 * @param {array} location2 [lon: string, lat: string] 地点坐标 */ export fu ......
原生JS实现视频截图
本文介绍使用canvas的drawImage进行视频截图，并用toDataURL和toBlob转化为图片地址的方法，且重点介绍了将bold信息转化为图片地址的方法。 ......
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 ......
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 ......
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 ......
11月13日js数据类型以及常见的方法
目录js数据类型1.动态类型2.数值（number类型）3.常用方法1.parseInt方法2.parseFloat方法特殊的地方3.字符串（string）4.常见的方法索引和切片的相同点以及不同点 js数据类型 1.动态类型 首先js是一种动态类型的语言，这意味着变量在运行时可以被赋予不同的数据类 ......
JS 两个数组并集，交集，差集
1、两个数组并集，交集，差集 const array1 = [33, 22, 22, 55, 33, 11, 33, 5, 7, 4] const array2 = [11, 11, 33, 44, 66, 66, 99, 99, 0, 789, 765, 765, 44444] //~ 不能有重复 ......
11月13日js语言常量与变量
目录js语言1.变量1.关键字var注意一点变量总结2.let关键字具体原因解析图片里面的代码3.常量 js语言 变量和常量 1.变量 1.关键字var 1.js的变量名可以使用下划线，数字，字母，不能以数字开头。 2.声明这是一个变量需要用到var关键字。 具体格式如下 var name = "A ......
webpack文档打包html,css,js文件
先用npm init -y，快速生成package.json文件，package-lock.json文件是用来固化依赖包的版本的，导入包后会自行生成，提交给他人项目时，只需要给这两个配置文件，然后输入npm i，即可自动下载依赖。 新建一个webpack.config.js配置文件，以下是配置文件的 ......
11月12日js的基础引入和注释
目录1.js的引入1.在内部写入js代码2.外部引入js代码2.js的注释 1.js的引入 1.在内部写入js代码 在html文档中用script标签进行编写 <script> // 在这里写你的JS代码 </script> 2.外部引入js代码 html文档使用script来引入外部的js代码 < ......
JS 数组常用方法
JS 数组常用方法 目录JS 数组常用方法splice splice splice() 方法用于添加或删除数组中的元素。 array.splice(index,deleteCount,item1,.....,itemX):array - index：必需。规定从何处添加/删除元素。坐标从0开始 - ......
vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理 源码分析
1 vue-cli-service --target lib https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands ......
class是js关键字，jsx中要用className
下面的 JSX 代码中，哪一个无法达到预期的效果？ A Hello World B C {msg} D Leo E F 正确答案：C 选c class是js关键字，这里要用className。对于E选项，在jsx中直接写行内样式时不能采用引号，而是style={{color:'red'}}的方式 选 ......
js执行的比dom渲染快很多，执行完一定的js才在页面渲染一次dom，UI渲染是宏任务
假设HTML有一个按钮id为btn，经过以下操作最终会变成什么颜色？ document.getElementById('btn').style = 'background: blue'; document.getElementById('btn').style = 'background: red' ......
js常见的继承方式包括原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承，以及ES6新增的class继承，但不包括关联继承
js常见的继承方式包括原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承，以及ES6新增的class继承，但不包括关联继承 https://www.cnblogs.com/Leophen/p/11401734.html 构造函数继承是每次继承都会把父类的所有属性方法全部拷 ......
下面哪些方式在同一个窗口下能够检测一个js对象是数组类型？
下面哪些方式在同一个窗口下能够检测一个js对象是数组类型？ A Array.isArray() B instanceof C typeof D Object.prototype.toString.call() 正确答案：ABD A：Array 为 js 的原生对象，它有一个静态方法：Array.is ......