javascript分辨率 屏幕 比例
Reflect API：每个 JavaScript 开发人员都需要的瑞士军刀
前言 您是否曾经希望拥有一个神奇的工具包，可以让您像超级英雄一样控制 JavaScript 对象？向ReflectAPI 打个招呼吧，它是 ES6 中引入的一个新的全局对象 ，它能够处理简单的代码操作。它是每个现代 JavaScript 开发人员都需要的瑞士军刀！📜 本文的目标是帮助您更好地理解 ......
JavaScript的Math对象
JavaScript的Math对象是一个内置的数学工具，提供了许多数学函数和常量。下面是一些常用的Math函数和方法的总结： Math.abs(x): 返回x的绝对值。 Math.ceil(x): 返回大于或等于x的最小整数。 Math.floor(x): 返回小于或等于x的最大整数。 Math.r ......
23个常见的 JavaScript 函数
本文收集了23个日常开发中非常常用的功能，其中一些可能很复杂，另一些可能很简单，但我相信它们都会或多或少对每个人都有帮助。 01、生成随机颜色 当网站需要生成随机颜色时，我们可以通过以下代码来执行此操作。 const generateRandomHexColors = () => ``#${Math ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-32-JavaScript的调用执行-下篇
1.简介 在实际工作中，我们需要对处理的元素进行高亮显示，或者有时候为了看清楚操作过程和步骤我们需要跟踪鼠标点击了哪些元素需要标记出来。虽然很少遇到，但是为了以后大家可以参考或者提供一种思路，今天宏哥就在这里把这种测试场景playwright是如何处理的讲解和分享一下。 2.用法 上一篇中就提到过， ......
前端学习-JavaScript学习-js基础05
学习教程：黑马程序员视频链接 对象 了解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript的调用执行-上篇
1.简介 在做web自动化时，有些情况playwright的api无法完成以及无法应对，需要通过或者借助第三方手段比如js来完成实现，比如：去改变某些元素对象的属性或者进行一些特殊的操作，本文讲解playwright怎样来调用JavaScript完成特殊操作。 2.用法 上一篇中就提到过，这里提取一 ......
img标签自适应(对图片进行剪切，保留原始比例)
object-fit : 对图片进行剪切，保留原始比例： width: 100%; height: 100%; display: block; object-fit: cover; object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img ......
学习JavaScript的第一天
JavaScript概述 JavaScript的介绍 js属于一门面向对象的编程语言 属于跨平台 面向对象(oop) 以对象方式实现所有的功能 跨平台：js代码不论是在什么样的操作系统上执行结果都是一样 JavaScript发展史 ECMA根据微软与网景 配合设计了JS的语法标准(ECMAScrip ......
使用 AutoHotKey 自动点击屏幕位置
最近想把 flomo 上的内容迁移到 Notion 上，迁移完毕后，发现 flomo 竟然不支持批量删除！ 虽然几百个 memo 手点一点也无所谓，想了想还是用脚本吧……通过脚本找到屏幕中的“删除”并自动点击！ 后续发现，删除标签时，会把标签以及包含此标签的 memo 全部删除…… 不过这里的方法仍 ......
【javascript】事件循环
1.浏览器的进程模型 1.何为进程 程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程。每个应用至少得有一个进程，进程之间相互独立，即使要通信，也需要双方通信。 2.何为线程 有了进程后，就可以运行程序的代码了。运行代码的人称之为线程，一个进程至少需要一个线程，所以在进程开启后会 ......
香橙派3b无屏幕ssh连接教程
作为小白的我这几天买了个香橙派3b 经过这几天的折腾，终于进入了ssh终端（大喜 我买的是官店的8G，创客价299，连着一起买了一个闪迪的64gTF卡 简单总结一下搭建过程： 物理准备：一台电脑，香橙派与一张16G以上的tf卡，tf读卡器（一般会送）一根网线，type-c线 第一步：烧录ubuntu ......
[Javascript] Using Generator to create a number generate with condition
const generateTimeMs = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min /** * A generator which can generate numbers based on settings ......
JavaScript BOM对象
一、window对象 顾名思义window是窗口的意思，也就是浏览器的窗口，所有浏览器都支持window对象，因此所有的JavaScript全局对象，函数，变量都是window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 子对象： 属性： 方法： 二、locatio ......
JavaScript事件
JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ......
JavaScript事件
JavaScript事件 键盘事件：keypress键盘事件，keyup抬起，keydown按下 文档：load加载 表单：focus获得焦点，blur失去焦点，submit提交事件，change改变事件 其他：scroll滚动事件，select start选择事件 1. event事件对象常见的属 ......
JavaScript事件
一、 JavaScript事件 在前端中，页面的每次交互和特效都是一个事件，其中任何一个html元素都是一个事件源，一个很事件源可以添加多个事件。 二、 事件中的event对象 只要发生一个事件就会产生一个event事件，event代表事件的状态 1、event事件常见的属性和状态 2、阻止默认事件 ......
11.17 复习JavaScript红宝书的笔记——
一、原始值与引用值 对于原始值和引用值的判断类型各自有对应的操作符，前者可以用typeof操作符 let s = "Nicholas"; let b = true; let i = 22; let u; let n = null; let o = new Object(); console.log( ......
javascript 自定义分页组件
仿boostrap 前端分页组件的实现 一 写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二 实现细节 编写html ......
（javascript）将ztree树结构的数据转成二维数组
ztree树结构的数据结构如下：[ { "id": 3990, "name": "泡沫灭火", "iconShow": false, "children": [ { "id": 8616, "name": "泡沫发生器", "iconShow": false, "children": [ { "id ......
JavaScript-数组（array）操作
1、Map 名称：遍历 作用：对数组每一项进行操作，并返回一个新数组，不影响原数组； 示例： val：每次执行的数组项 index：index = val 在原数组中的下标 array：原数组 2、Filter 名称：过滤器 作用：对数组进行筛选，并返回筛选结果新数组，不影响原数组 示例： val： ......
JavaScript-监听浏览器返回上一页
1、popstate监听浏览器返回上一页 $(window).ready(function () { var state = { title: 'title', url: '#' } window.addEventListener('popstate', function (e) { // 监听浏览 ......
10个不常被提及的JavaScript小技巧
1、过滤数组重复值 作用：数组去重 方法：Es6 中 Set 方法，Set类似于数组，但是成员的值都是唯一的，结合拓展运算符（...）创建一个新的数组，达到过滤原数组重复值的功能，原数组不变； 示例： 注意：包含 object、function、array下不适用 2、短路求值 作用：简化 if 判 ......
JavaScript之splice()
参考：https://blog.csdn.net/weixin_45726044/article/details/120151153 概述 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组，并以数组形式返回被修改的内容。此方法会改变原数组。 一个参数 splice(inde ......
使用Linux命令sort及uniq对文件或屏幕输出进行分组统计
sort demo.txt | uniq -c | sort -rn | head -3 在日常Linux操作常常需要对一些文件或屏幕数次中重复的字段进行分组统计。 实现的方法非常简单，核心命令为：sort | uniq --c | sort -rn 。 sort：对指定列进行排序，使该列相同的字段 ......
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
驱动TFT屏幕
ESP8266 硬件SPI引脚：这里用的是硬件SPI，所以驱动其他屏幕，一般只需要指定CS、DC、RST引脚就行，MOSI、SCLK是固定的，不用指明。除想走软件模拟驱动。#define TFT_MISO D6 // Automatically assigned with ESP8266 if no ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
JavaScript判断图片是否已经加载完毕的方法汇总_javascript技巧
在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例 ......
qt 设置窗口居中，屏幕居中，适应多多显示器
#include <QScreen> QList<QScreen*> screen = QGuiApplication::screens(); if(screen.size()>=1) { // 窗口居中 this.move((screen[0].geometry().width()-this.wi ......
JavaScript 的数组方法
数组方法构成了任何编程语言中数组的基本方面。这些方法使程序员能够操作、迭代和转换数组，为各种任务提供有效的解决方案。无论是排序、过滤还是映射数据，理解和利用数组方法都是释放代码全部潜力的关键 值（） 该方法返回一个迭代器，为数组中的每个索引提供一个值，不需要任何参数。 长度（） 该方法返回数组的长度 ......