元素js
用JS实现简单的屏幕录像机
本文将介绍如何用JS实现简单的屏幕录像机。 一、录制准备 创建一个按钮 <button id="recording-toggle">Start recording</button> 书写JavaScript var RECORDING_ONGOING = false; var recordingTo ......
WPS JS表格分列代码
WPS开放平台开发文档对于TextToColumns()方法并没有做阐述（截至23年12月21日） 可以参考微软LEARN文档中VBA之Range.TextToColumns方法的说明：https://learn.microsoft.com/zh-cn/office/vba/api/Excel.Ra ......
backdrop-filter：为元素后面区域添加图形效果
backdrop-filter：为元素后面区域添加图形效果 该属性可以让你为一个元素后面区域（即背景区域）添加图形效果（如模糊或颜色偏移）。它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。作用于元素背后的区域所覆盖的所有元素 与filter的区别：filter作用于元素本身 ......
运行js文件，会弹出一个python解释器的界面，怎么解决呢？
大家好，我是皮皮。 一、前言 前几天在Python白银交流群【菜🐤】问了一个Python环境配置的问题，一起来看看吧。问题如下： 问题：下载安装nodejs，然后在pycharm专业版里面也下载了nodejs的插件，配置好运行路径后，运行js文件，会弹出一个python解释器的界面，怎么解决呢？ ......
【算法】【线性表】移除元素
1 题目 给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。 不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。 元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。 示例 1： 输入：nums ......
边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文
边投简历边完善自己的知识库。 最近这些天一直在面试和笔试＋投简历中，每次面试或笔试完后其实最重要的不是结果，而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足，比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛，有缺点咱就认咯。算法——代码随想 ......
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中根据矢量数据的属性过滤显示 前言 本文说明如何制作自定义的地图数 ......
13.元素定位工具
uiautomatorviewer 工具安装 工具的安装：Android SDK 自带的界面分析工具 打开 tools/bin 目录下的 uiautomatorviewer 程序 uiautomatorviewer 工具功能介绍 第一个是通过分析给定的文件定位 第二个是将当前界面截图并分析xml结构 ......
Parallax.js：实现自适应智能设备方向的视差效果
哈喽！大家好！我是程序视点的小二哥。 今天给大家分享一款功能非常强大的javascript视觉差特效引擎插件：Parallax.js。 Parallax.js简介 Parallax.js是一个简单的，轻量级的视差引擎。你可以将它作为作为jQuery或Zepto插件来使用，也可以以纯JS的方式来使用。 ......
[LeetCode Hot 100] LeetCode34.在排序数组中查找元素的第一个和最后一个位置
题目描述 思路： 二分查找之寻找左右侧边界 两个关键点：1. 数组有序；2. 时间复杂度O(log n) 方法一： class Solution { public int[] searchRange(int[] nums, int target) { if (nums.length == 0 || ......
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 ......
让当前元素的width或者height达到父元素的尺寸
double.infifinity 和double.maxFinite可以让当前元素的width或者height达到父元素的尺寸； 区别： 我想成为我的父母所允许的最大的(double.infinity) 一些小部件允许他们的孩子像他们想要的那样大。 ......
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 的内容 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面 ......