LENTON'S BLOG
[08天]前端实现全景的N种方案
正在使用学习ThreeJS,对3D有了一点点了解。于是顺路扩展了下，想看看VR全景是如果实现的，有哪些方案。搜集整理了一些资料先记下来。以备后用。一、解决方案：KrpanoThreeJScss3d-enginepano2vr720yun1.1 krpano官网地址: https://krpano.com/krpano是一款全景漫游制作软件和工具。其具有以下特点： 高度灵活、性能卓越的轻量化全景漫游浏览器。 兼容HTML5和Flash，支持Webgl下的WebVR展
2022-05-24 17:31:27
1140
0
[07天]CSS grid布局
一、什么是网格布局CSS 网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是HTML生成了这些区域）。像表格一样，网格布局让我们能够按行或列来对齐元素。 然而在布局上，网格比表格更可能做到或更简单。 例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一样，真正的有重叠和层次。二、基本概念2.1 网格容器我们通过在元素上声明 display：grid 或 display：inline-grid 来创建一个
2022-05-23 14:24:00
631
0
[06天]JS 随机数与UUID
常用随机数代码生成JS随机数：Math.random().toString().replace('0.', '')数组随机排序：[1, 2, 3, 4, 5].sort(_ => Math.random() - 0.5)随机取a到b之间的一个整数function br(a, b) {
ret
2022-05-22 16:47:45
949
0
[05天]SVG矢量图形学习
什么是SVG
SVG 意为可缩放矢量图形（Scalable Vector Graphics）。
SVG 使用 XML 格式定义图像
2022-05-21 09:52:32
602
0
[04天]Web端打打开用户摄像头拍照mediaDevices
在Web端打打开用户摄像头拍照，是通过navigator对象的新API mediaDevices对象实现。先来一个完整例子：打开用户摄像头播放录制内容，实时拍照下载<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
2022-05-20 20:00:11
521
0
[03天]不使用file类型input触发文件选择
传统文件浏览上传想当年，我们在Web端文件上传：<input type="file">如果想自定义样式：<label for="file">自定义样式</label>
<input type="file" id="file" style="display: none;">即使能自定义样式，
2022-05-19 16:03:48
798
0
[02天]ThreeJS基础理论要点大纲
左手坐标系伸出左手，让拇指和食指成“L”形，大拇指向右，食指向上。其余的手指指向前方，这样就建立了一个左手坐标系。其中，拇指、食指和其余手指分别代表x，y，z轴的正方向，如下图自拍。左手坐标系一、ThreeJS 要素场景 scene渲染器 renderer相机 camera 对象 object 光源 light 二、光源环境光 AmbientLight环境光是没有特定方向的光源，主要是均匀整体改变Three
2022-05-18 20:29:42
622
0
[01天]HTML5 Audio音频频谱实现
心法 01 天DEMO在线地址： http://demo.ccued.com/HTML5_Audio_Spectrum/完整的示例代码。代码不多，把音乐地址换一下，自己跑跑看吧<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
&l
2022-05-17 16:33:17
631
0
TypeScript阅读笔记
数据类型number 数字const num: number = 1string 字符串const str: string = 'lenton'boolean 布尔值const bl: boolean = truearray 数组const arr1: Array<number>
2022-01-24 20:02:38
732
0
ES2015~ES2022温旧知新
解构赋值/* 解构赋值 */
let { max, min } = Math
let { length: len } = 'hello world'标签模板/* 标签模板 */
// eg.1
alert`hello world` &nbs
2022-01-19 14:58:50
785
0