LENTON'S BLOG
[18天] JS正则表达式复习
前言:什么是正则表达式正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中,正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法,以及 String 的 match、matchAll、replace、search 和 split 方法。本章介绍 JavaScript 正则表达式。正则表达式,又称规则表达式,(Regular Expression,在代码中常简写为regex、regexp或RE),是一种文本模式,包括普通字符(例如,a 到 z 之间
2022-06-03 14:48:57
744
0
[17天] JS实现Chrome的彩蛋小游戏(一)
Chrome浏览器断网后,会出现一个小恐龙跑跳过障碍的小彩蛋游戏。也想做一个试试。一、先实现一个PNG帧动画小人代码结构:index.html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv=&quo
2022-06-02 11:27:48
609
0
[16天] JS单行代码:无形装逼,最为致命
单行代码并不利于阅读维护,但足够简洁,一般也足够精悍犀利。使用方便,利于装逼,获得满足成就感。
日历
创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合
// 创建过去七天的数组
[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));
生成随机ID
// 生成长度为11的随机字母数字字符串
Math.random().toString(36).s
2022-06-01 10:46:23
588
0
[15天] Array.from() 五个使用技巧
前言Array.from:允许在 JavaScript 集合(如: array、arrayLike、或者是string、map 、set 等可迭代对象) 上进行有用的转换。在开始之前,我们先回想一下 Array.from() 的作用。语法:Array.from(arrayLike[, mapFunction[, thisArg]])arrayLike:必传参数,想要转换成数组的伪数组对象或可迭代对象。mapFunction:可选参数,mapFunction(item,inde
2022-05-31 14:37:14
581
0
[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
569
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
792
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
617
0
[11天] Krpano 1.19 pr13 xml文件了解
xml文件的根元素需要是
2022-05-27 13:36:00
573
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
1034
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
813
2