JavaScript
如何使用JavaScript 将数据网格绑定到 GraphQL 服务
前言 作为一名前端开发人员，GraphQL对于我们来说是令人难以置信的好用。它可以用来简化数据访问，这让我们的工作变得更加容易。 什么是 GraphQL？它是一个抽象层，位于任意数量的数据源之上，并为您提供一个简单的 API 来访问所有数据。 GraphQL 的美妙之处在于您可以准确定义要从服务器返 ......
JavaScript
JavaScript 是一种高级解释性脚本语言，已得到广泛使用，是 Web 开发的重要工具。它由 Netscape Communications Corporation、Mozilla 基金会和 ECMA International 开发。它易于学习和实施，并允许开发人员增强网页以提供身临其境的用户 ......
JavaScript ajax下载文件
JavaScript Ajax http get 方法，利用a标签下载文件流。 文件流：django返回文件流 示例 from django.http import StreamingHttpResponse class DownloadExportExcel(View): def get(self ......
JavaScript存在更新不存在插入操作
[Update if exists or add new element to array of objects - elegant way in javascript + lodash - Stack Overflow](https://stackoverflow.com/questions/25 ......
JavaScript数组中的常用函数解析
1.splice方法 当使用 splice() 方法时，可以传递不同的参数来实现不同的操作。以下是 splice() 方法的参数说明： array.splice(start, deleteCount, item1, item2, ...); start：必需，指定要进行操作的起始索引位置。如果该值为 ......
HTML+CSS+Javascript+Vue
Table of Contents I. HTML II. CSS Get Started I. HTML 按tab自动生成 Label Meaning Properties div 块状元素 span 行间元素 h1 - h6 标题 i icon图标 strong 字体加粗 a 超链接 img 插 ......
postman 出现Enable JavaScript and cookies to continue 如何反爬（js反爬）
网页无法F12,禁止调试出现debug怎么办 直接F8禁用，ctrl+F8开启调试断点 网站禁止ip访问，并且关闭了icmp回包，调试最好禁用缓存，以便实时更新 用postman单独访问首页的index的首页也是无法获取网页内容 考虑网页使用js进行跳转 实例： 比如使用postman请求https ......
JavaScript字符串函数，都在这里了
先来一波 var s = "hello,world" //定义一个字符串 s.length //获取字符串 s 的长度 s.charAt(0) //=＞"h":第一个字符 s.charAt(s.length - 1) //=＞"d":最后一个字符 s.substring(1, 4) //=＞"ell ......
[Javascript] Sanitizing User Input in Javascript
Refer to post: http://shebang.mintern.net/foolproof-html-escaping-in-javascript/ Code: var ESC_MAP = { '&': '&', '<': '<', '>': '>', '"': '& ......
前端学习-JavaScript学习-JavaScript高级程序设计-第3章笔记
第3章 基础概念 数据类型 Number <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=" ......
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.用法 上一篇中就提到过，这里提取一 ......
学习JavaScript的第一天
JavaScript概述 JavaScript的介绍 js属于一门面向对象的编程语言 属于跨平台 面向对象(oop) 以对象方式实现所有的功能 跨平台：js代码不论是在什么样的操作系统上执行结果都是一样 JavaScript发展史 ECMA根据微软与网景 配合设计了JS的语法标准(ECMAScrip ......
【javascript】事件循环
1.浏览器的进程模型 1.何为进程 程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程。每个应用至少得有一个进程，进程之间相互独立，即使要通信，也需要双方通信。 2.何为线程 有了进程后，就可以运行程序的代码了。运行代码的人称之为线程，一个进程至少需要一个线程，所以在进程开启后会 ......
[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 ......