LENTON'S BLOG
[14天] JSON.stringify() 特性
一、将被忽略的数据类型
undefined、任意的function以及 symbol 作为对象属性值时 JSON.stringify() 将跳过(忽略)对它们进行序列化
const data = {
a: "aaa",
b: undefined,
c: Symbol("dd"),
fn: function() {
return true;
}
};
JSON.stringify(data);
// "{"a":"aaa"}"
如果做为数组成
2022-05-30 13:51:10
495
0
[13天] Krpano 1.19 pr13 定制实践
接上篇前言Krpano定制主要在xml中配置完成,同时其也提供了JavaScript API可进行实时操作。所以主要还是要先熟其各xml文档配置。后续再了解JavaScript API使用方法。所有修改的xml文件均以生成的vtour目录为根目录修改xml文件需要一款支持xml语法的文本编辑器,如Sublimet Text, VS Code等等一、添加热点打开 krpano Tools.exe点击Load tour.xml按钮载入tour.xml点击Addhotspot按钮添加一个热点
2022-05-29 11:07:38
721
0
[12天] Krpano 1.19 pr13 在VUE项目中使用
一、技术栈Krpano 1.19 pr13VUE3TypeScript二、实践开始2.1 准备好Krpano生成的vtour全景资源文件目录关于Krpano的使用基础:Krpano 1.19 pr13前端全景初体验Krpano生成的全景资源目录默认名为vtour2.2 利用VUE-CLI建立一个VUE3项目vue-cli建立vue3项目方法与过程不在本文范畴,略。2.3 整合 1. 将vtour全目录复制到vue app项目下的public目录,
2022-05-28 15:57:20
538
0
[11天] Krpano 1.19 pr13 xml文件了解
xml文件的根元素需要是
2022-05-27 13:36:00
490
0
[10天] Krpano 1.19 pr13前端全景初体验
说明:本文使用Krpano 1.19 pr13版本!该软件各版本间使用细节不太一致,请注意!一、 获取软件该软件免费版本有水印,官方v1.20.11下载地址: https://krpano.com/download/files/krpano-1.20.11.zip某下载站附注册码地址:krpano tools(全景漫游制作软件) 1.19 pr13 特别特别版(附注册码密钥+安装教程)下载页: https://www.jb51.net/softs/579461.ht
2022-05-26 16:32:11
962
0
[09天]惊艳的CSS交互动效
很多提高体验的交互效果,CSS就够了。一、加载进度完整代码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content=&quo
2022-05-25 10:49:47
733
2
[08天]前端实现全景的N种方案
正在使用学习ThreeJS,对3D有了一点点了解。于是顺路扩展了下,想看看VR全景是如果实现的,有哪些方案。搜集整理了一些资料先记下来。以备后用。一、解决方案:KrpanoThreeJScss3d-enginepano2vr720yun1.1 krpano官网地址: https://krpano.com/krpano是一款全景漫游制作软件和工具。其具有以下特点: 高度灵活、性能卓越的轻量化全景漫游浏览器。 兼容HTML5和Flash,支持Webgl下的WebVR展
2022-05-24 17:31:27
1065
0
[07天]CSS grid布局
一、什么是网格布局CSS 网格布局擅长于将一个页面划分为几个主要区域,以及定义这些区域的大小、位置、层次等关系(前提是HTML生成了这些区域)。像表格一样,网格布局让我们能够按行或列来对齐元素。 然而在布局上,网格比表格更可能做到或更简单。 例如,网格容器的子元素可以自己定位,以便它们像CSS定位的元素一样,真正的有重叠和层次。二、基本概念2.1 网格容器我们通过在元素上声明 display:grid 或 display:inline-grid 来创建一个
2022-05-23 14:24:00
554
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
871
0
[05天]SVG矢量图形学习
什么是SVG
SVG 意为可缩放矢量图形(Scalable Vector Graphics)。
SVG 使用 XML 格式定义图像
2022-05-21 09:52:32
518
0