物体camera three js
边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文
边投简历边完善自己的知识库。 最近这些天一直在面试和笔试＋投简历中，每次面试或笔试完后其实最重要的不是结果，而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足，比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛，有缺点咱就认咯。算法——代码随想 ......
D. Three Activities
原题链接 穷举，属于模拟题，不要害怕 注意，判断三天互不相同时要判断三次：a!=b,b!=c,c!=a 代码 #include<bits/stdc++.h> #define ll long long using namespace std; struct unit { ll v; ll d; }; ......
js 数组的42种方法
本文列举了数组的42个方法 欢迎关注前端早茶，与广东靓仔携手共同进阶～ 前端早茶 专注前端，一起结伴同行，紧跟业界发展步伐~ 公众号 一、前言 数组在js中作为一个非常重要的类型之一，在我们对数据处理，存储数据，条件渲染的时候经常会用到，所以随着ES的不断更新，数组的方法也是越来越多，也让我们使用数 ......
JS压缩谁最强？对比5款JS代码压缩工具
JS压缩谁最强？对比5款JS代码压缩工具 JS压缩，似乎是很简单的一个事情，通常在线就可以完成。但不同网站或工具提供的JS压缩，效果差异不小。 本文，测试国内外5个JS在线压缩工具，看看谁的效果最好。 测试用JS代码 （注：这段代码来下面要测试的JShaman网站，以压缩这段代码为例，看不同的工具压 ......
JS数组转字符串（3种方法）
JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。 Array 对象的数组与字符串相互转换方法 数组方法 说明 toString() 将数组转换成一个字符串 toLocalString() 把数组转换成本地约定的字符串 ......
JS获取 URL 链接参数
方法一 源码： function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if( ......
js 视频录制
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button onclick="startRecording()">开始录像</button> <button onclick="s ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
js 处理对象数组 + map 筛选出指定字段数据 + filter过滤重复数据/指定数据
const res = [{ id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 2, name: 'lisi', age: 20, gender: ......
js实现el-select选中的文本，一键复制
<div class="invite-buttom"> 请选择要复制的网站： <el-select v-model="webValue" placeholder="请选择要复制的网站"> <el-option v-for="item in formUrl.webInviteUrl" :key="it ......
在Mapbox-gl-js中添加自定义图层
在Mapbox-gl-js中添加自定义图层 前言 一、制作geojson地图 二、使用Tippecanoe将geojson转换成vector tile(.pbf)文件 三、使用mapbox-gl-js显示 三、Mapbox-gl-js中根据矢量数据的属性过滤显示 前言 本文说明如何制作自定义的地图数 ......
Parallax.js：实现自适应智能设备方向的视差效果
哈喽！大家好！我是程序视点的小二哥。 今天给大家分享一款功能非常强大的javascript视觉差特效引擎插件：Parallax.js。 Parallax.js简介 Parallax.js是一个简单的，轻量级的视差引擎。你可以将它作为作为jQuery或Zepto插件来使用，也可以以纯JS的方式来使用。 ......
node.js - pnpm 快速且节省磁盘的新一代包管理工具
相较于传统的 npm 和 Yarn，pnpm 采用了一种全新的依赖管理方式，通过共享依赖来减少磁盘占用，同时提供了快速的安装和更新速度。 1. 安装pnpm npm install -g pnpm 2. 初始化项目 pnpm init pnpm root # 打印有效的存放模块（modules）的目 ......
node.js - yarn 1.x 快速可靠安全的包管理工具
1. 安装 yarn 1 npm install -g yarn 2. 管理yarn设置 yarn config list # 查看当前设置 yarn config get <key> # 查看某项配置 yarn config delete <key> # 删除某项配置 yarn config se ......
Vue.js实现大文件分片md5断点续传
背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 ......
js语言记录
// hello world of js console.log('Hello World'); /* 定义变量 */ // var, let, cont // var 全局变量 // let 局部变量 // const 常量 /* 数据类型 */ // String, Number, Boolea ......
js slice截取数组 + splice删除/添加数组数据
var heroes=["李白",'蔡文姬','韩信','赵云','甄姬','阿珂','貂蝉','妲己']; // slice 截取 不改变原数组返回新的数组 /* slice(开始索引, 结束索引) 从0开始 左开右闭 */ console.log(heroes.slice(1,4)) // [' ......
three.js3D地图省市下钻加上钻踩坑记录（未完待续）
1，three 安装失败 首先脚手架种安装three，我不知道是网络问题还是什么，three我总是安装不上， 于是我就下载了网上别的博主得成品代码，把里面 de 包拿出来放在我自己项目中 安装包链接在此，如有需要自取 ，https://files.cnblogs.com/files/jickma/t ......
layui 时间控件 动态js渲染添加
<table class="layui-table" id="myTable"> <thead> <tr> <th>日期</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td> <input type="text" class="layui-input d ......
2023年最流行的13个Node.js库
2023年最流行的13个Node.js库 Haiyuan Kwong 一身多职。奶爸，博主，产品经理，SEOer……。 关注他 你经常看 Node.js 话题的内容 Node.js已经成为许多从事网络应用的开发者的首选运行环境。Node.js是为运行用世界上最流行的编程语言之一的JavaScrip ......
可视化大屏：autofit.js 一行搞定自适应
可视化大屏：autofit.js 一行搞定自适应 king 关注她 12 人赞同了该文章 可视化大屏适配/自适应现状 可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不 ......
js中?.、??、??=的用法及使用场景
js中?.、??、??=的用法及使用场景 小熊爱敲代码 征途慢慢，唯有奋斗 关注她 你经常看 TA 的内容 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面 ......
android camera驱动调试--抓图分析
之前太忙了，挺长一段时间没有写博客， 都写在有道云笔记了，最近抽空梳理一下，好好记录一下 前面已经写了怎么调试摄像头，如果能驱动加载正常，接下来就是抓图 之前的参考内容 https://www.cnblogs.com/ChenChangXiong/p/14919931.html 抓图命令 v4l2- ......
js表格输入框
<!DOCTYPE html> <html lang="en"> <! 这里通过原生js实现了表格输入功能， 总体分为一下步骤 1，创建一个表格 2，event.srcElement 获取激活事件的对象，获取已经点击的单元格索引 3，通过处理函数abc（）判断输入内容并将内容显示在新的表格中。 -- ......
JS知识点计划
tags: JavaScript 前端 author: zhanglei data: 2023-12-07 Object.assin 不支持低版本浏览器 IE适配 IE11非兼容模式下, 比较新的ES6语法不能使用, Object.assin就是其中之一, 可通过一下方法适配 const targe ......
js获取当前页面网址
在JavaScript中，可以使用window.location对象来获取当前页面的网址。以下是几种不同的实现方法： 方法一：使用window.location.href var url = window.location.href; console.log(url); 结果： http://loc ......
Electron 或 Node.js 判断当前设备是否支持触摸屏
在 Windows 系统上，可以通过注册表项 `HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\Tablet PC\IsTabletPC` 获取当前设备是否支持触摸屏 ......
js 录屏
如下： var body = document.body; // 双击页面触发的话，将“click”改为“dblclick” body.addEventListener("click",async function(){ var stream = await navigator.mediaDevic ......
js中结束多层for循环
关键字break和continue都是结束循环的作用，但是它只能结束它外面的第一层循环，如果代码里面是一层一层又一层的循环，你想直接结束最外层循环就需要outer了。 outer:for (int i = 0; i < 10; i++) { for (int j = 0; j < 10; j++) ......
取巧解决js eval()计算精度丢失问题
javaScript中存在小数点精度丢失的问题是由于其使用的浮点数表示方式。JavaScript采用的是双精度浮点数表示法，也称为IEEE 754标准，它使用64位来表示一个数字，其中52位用于表示有效数字，而其他位用于表示符号、指数和特殊情况。 由于使用有限的位数来表示无限的小数，JavaScri ......