js
文章平均质量分 70
桃子Jerry
奋斗是为了躺平
展开
-
js原型链之:原型对象、构造函数、实例对象之间的关系
js原型链之:原型对象、构造函数、实例对象之间的关系原创 2023-02-07 16:27:22 · 142 阅读 · 0 评论 -
Three.js分享
说一下我的理解,说到 Threejs 就不得不提到 webGL,说到 webGL 就不得不提到 openGLOpenGL:用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API)。这个接口由近350个不同的函数调用组成,用来绘制从简单的图形比特到复杂的三维景象。而另一种程序接口系统是仅用于Microsoft Windows上的Direct3D。OpenGL常用于CAD、ITK、虚拟现实、科学可视化程序和电子游戏开发。OpenGL_百度百科WebGL:WebGL 是以 O原创 2022-05-18 17:09:18 · 686 阅读 · 1 评论 -
el-tree节点过滤不显示下级问题
elementui的节点过滤默认是不显示下级的从网上找到了不显示下级的方法let parentNode = node.parent // 父级nodelet labels = [node.label] // 当前node的名字let level = 1 // 层级while (level < node.level) { labels = [...labels, parentNode.label] // 当前node名字,父级node的名字 parentNode = pa原创 2022-04-05 13:39:05 · 3623 阅读 · 2 评论 -
自定义el-table组件
目录需求table和table-column组件table组件:table-column组件:table.js用法:引入:不带行内编辑带行内编辑文档:Table AttributesTable EventsTable-column Attributes需求最近项目上遇到一个需求,设计要求将列表改成这样...原创 2021-10-14 14:24:13 · 1303 阅读 · 0 评论 -
js生成任意文件并下载
我们在项目中经常会遇到下载文件的需求,在网上找了各种解决方案,终于实现了这个功能。我们以json为例,贴出个demo供大家参考:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>json文件下载</title></head>...原创 2019-08-12 16:07:31 · 4436 阅读 · 0 评论 -
js实现图片裁剪功能
写项目遇到了一个图片裁剪功能,网上搜了半天全是裁剪框,并不能达到实际意义的图片裁剪它的实现过程主要是 canvas 的 putImageData()方法w3c给它的官方定义是:putImageData() 方法将图像数据(从指定的 ImageData 对象)放回画布上。demo:<!doctype html><html lang="en">...原创 2019-11-28 18:10:22 · 11332 阅读 · 5 评论 -
js查找数组中与目标值最相近的数值
var arr = [500, 400, 320, 200, 1, 10, 8, 100, 130, 120, 135, 140, 180, 190, 170, -1, -2, -4]; // 原有数组var targetNum = 125; // 目标数值/** * @method * @author gedesiwen * @param {array} arr 需要查找的数组 * @param {number} num 目标数值,查找的是与这个数值最接近的 * @return {num.原创 2020-09-21 14:43:15 · 4520 阅读 · 0 评论 -
ajax请求文件地址返回Buffer数据
var xhr = new XMLHttpRequest();xhr.open('GET', url);xhr.responseType = 'arraybuffer';xhr.onreadystatechange = function getPdfOnreadystatechange(e) { console.log("xhr.readyState:"+xhr.readyState+" xhr.status:"+xhr.status); if (xhr.readyState =.原创 2020-09-02 16:02:33 · 607 阅读 · 0 评论 -
Three.js圆周运动(绕轴旋转)
在Three.js中一个模型围绕一个中心做圆周运动,比如地球绕太阳公转运动。以坐标原点为中心,绕着坐标系Y轴旋转var angle = 0;(function animation() { // 每次执行渲染函数redner时候,角度累加0.005 angle += 0.005; // 圆周运动网格模型x坐标计算 绕转半径6000 var x = 6000 * Math.sin(angle); // 圆周运动网格模型y坐标计算 绕转半径6000转载 2020-11-17 15:02:53 · 3093 阅读 · 0 评论 -
【前端】video标签实现本机摄像头拍照
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-02 16:20:08 · 1915 阅读 · 0 评论