杂项javascript
JavaScript 优雅的复制对象
推荐使用ES6扩展运算符： var a = {a:0} var b = {...a} 参考文章： https://juejin.cn/post/6942075978160013342 ......
javascript VS python 变量作用域
js中函数内部默认是可以读取到外部声明的变量，python不可以，必须使用关键字 global global 必须在函数内部使用，用以内化函数外部变量。在函数外部是无法声明全局变量的，或者说所谓的全局变量在函数内部是不好使的，这还叫什么全局变量？应该叫局外变量。而global是内部跟局外变量建立一种 ......
JavaScript简介&引入方式
JcvaScript是一门跨平台、面向对象的脚本语言，来控制网页行为的，它能使网页可交互 W3C标准：网页主要由三部分组成 结构：html 表现：css JavaScript JavaScript和java是完全同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript（简称：JS）在1 ......
从0开始学杂项 第三期：隐写分析(2) PNG图片隐写
Misc 学习（三） - 隐写分析：PNG 图片隐写 在上一期，我主要讲了讲自己对于隐写分析、信息搜集和直接附加的一些浅薄理解，这一期我们继续对隐写分析的学习，开始讲隐写分析最喜欢考的一项——图片隐写，我们首先学习的是图片隐写中最基础的 PNG 图片隐写。（此文并非教学，我只是在这里记下我的笔记、我 ......
JS基础《JavaScript精粹》笔记摘录
基础概念和语法 基本类型、null、undefined、NaN JavaScript定义了一小批基本类型（primitive type），它们包括字符串类型（string，单引号或双引号包起来）、数值类型（number，整数和小数都用这个类型）和布尔类型（boolean，值仅有true和false） ......
HTML + javascript implement a draggable list 一个可以拖拽交换顺序的列表
Reference: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event <body> <style type="text/css"> .draggable { text-align: center; ......
如何将训练好的Python模型给JavaScript使用？
前言 从前面的Tensorflow环境搭建到目标检测模型迁移学习，已经完成了一个简答的扑克牌检测器，不管是从图片还是视频都能从画面中识别出有扑克的目标，并标识出扑克点数。但是，我想在想让他放在浏览器上可能实际使用，那么要如何让Tensorflow模型转换成web格式的呢？接下来将从实践的角度详细介绍 ......
JavaScript
大致路径 学习 JavaScript 的路径可以大致分为以下几个方向： HTML 和 CSS： 在学习 JavaScript 之前，您需要先掌握 HTML 和 CSS 基础知识，这是构建网页的基础。 JavaScript 基础： 学习 JavaScript 的基本语法、变量和数据类型、运算符、条件语 ......
记录--你可能忽略的10种JavaScript快乐写法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 代码的简洁、美感、可读性等等也许不影响程序的执行，但是却对人（开发者）的影响非常之大，甚至可以说是影响开发者幸福感的重要因素之一； 了解一些有美感的代码，不仅可以在一定程度上提高程序员们的开发效率，有些还能提高代码的性能，可谓是一举 ......
系统化学习前端之JavaScript（ES6）
前言 ES6 同样是 ECMAScript 的拓展，发布于 2015年，目前多数浏览器对于部分 ES6 更新内容不支持，通常需要借助 bable 编译器编译成 ES5 或者 ECMAScript 早期版本语法去执行。 ES6 的学习推荐阮一峰老师的 ES6 教程。 ES6 ES6 是 ECMAScr ......
使用 HTML CSS 和 JavaScript 拖放可排序列表，免费源码下载
拖放排序列表是一种广泛使用的 UI 元素，允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到，比如任务管理器和电子商务网站。 在这篇博文中，您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 JavaScript 库来创建这 ......
JavaScript中的数据类型和判断类型的方法
js有哪些类型？ JavaScript中一共有9中数据类型，其中包含五种基本类型和一种复杂类型Object,Object中包含四种类型。 基本数据类型 字符串(string) 数字(number) 布尔(boolean) NULL Undefined 复杂数据类型 Symbol(表示一个独一无二的值 ......
JavaScript 的三座大山
[🌄 JavaScript 的三座大山 - 掘金](https://juejin.cn/post/7182571660003213370) js 作为前端的中坚力量。那么 javascript 三座大山，你知道是哪些呢？ ......
JavaScript的深拷贝与浅拷贝
一句话来解释什么是深浅拷贝，B拷贝A，当修改A，B如果变化，就是浅拷贝，反之就是深拷贝。 基本原理： 1.递归函数2.对象内的值都是简单数据类型时 直接进行赋值3.当我们遇到数组和对象时，可以再次调用函数，利用递归去拷贝数组和对象内的每个值4.先数组 后对象 因为数组也是对象 下面是一个实现深拷贝的 ......
系统化学习前端之JavaScript（ES5）
系统梳理了 ES5 扩展的相关知识点，包括严格模式，this 关键字，数据属性，访问器属性以及如何保护对象等等。 ......
javascript大文件上传解决方案支持分片断点上传
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
JavaScript开发：逻辑代码部分简便写法整理
一、判断条件简写 1、三目表达式 doTest(){ //判断是否大于0，大于0就返回原值，不大于0则返回0 let test = -5; //if-else写法 if(test > 0){ return test; }else{ return 0; } //三目表达式写法 return test ......
使用JavaScript调用本地打印机
https://blog.csdn.net/zZZxiaozhi/article/details/117062010 # HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
03-第三章 JavaScript 基础
其余web文章参考：web学习目录 JS常用参数 | 参数 | 含义 | | | | | document.URL | 返回当前文档完整的URL | | document.write() | 直接在网页中输出内容 | | indexOf() | 返回值在字符串中第一次出现的位置，如果未找到该值，则 ......
03-第三章 JavaScript 基础
JS常用参数 | 参数 | 含义 | | | | | document.URL | 返回当前文档完整的URL | | document.write() | 直接在网页中输出内容 | | indexOf() | 返回值在字符串中第一次出现的位置，如果未找到该值，则 indexOf() 方法返回 -1， ......
JavaScript系列 -> 截取字符串方法 substring/slice/substr
因为对于截取字符串的方法时常弄混，每次使用的时候，都需要不断的看教程回顾，现在总结到这里： substring substring(start,end): start/end 分别为开始位置和结束位置； 左闭右开，不包含结束位置； start/end 应该为非负整数； start小于0，当成0处理； ......
React状态 和 JavaScript箭头函数
React状态 和 JavaScript箭头函数 在看 React 的状态时见到了 JS 的箭头函数，一时间没看明白。 React 状态 React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 在 React 中 ......
HTML+CSS+JavaScript作业篇
一、作业题大全 1.1、HTML5表单验证 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
JavaScript系列 -> 字符串方法 replace 的第二个参数为函数
本篇文章要介绍，当字符串的replace方法第二个参数为函数的使用。 示例代码： function fn(str){ this.str = str; } fn.prototype.format = function() { var arg = arguments; return this.str.r ......
JavaScript快速入门
JavaScript 1.引入方式 1.1内部脚本,将JS代码定义在HTML页面种 JS代码必须在<script>标签之中 可以在HTML文件任意位置 一般放在<body>体标签底部,改善运行速度 1.2外部脚本,将JS代码定义在外部JS文件中,在引入HTML页面 利用带 src属性的 <scrip ......
JavaScript 提取对象数组中的属性组成新的对象数组
let data = [{"division_name":"销售三部","id":44,"pid":36,"html":"| "},{"division_name":"销售十二组","id":46,"pid":44,"html":"| | "},{"division_name":"销售十一组","i ......
python+playwright 学习-41.locator.evaluate()对定位的元素执行JavaScript脚本
前言 page.evaluate() 是直接在页面对象上执行JavaScript脚本 locator.evaluate() 是对定位的元素执行JavaScript locator.evaluate_all() 对定位到的所有元素执行JavaScript locator.evaluate() 对元素执 ......
python+playwright 学习-40.page.evaluate()执行JavaScript脚本
前言 大家在学selenium的时候，对于页面上的有些元素不好操作的时候，可以使用driver.execute_script() 方法执行JavaScript脚本。 在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。 page.evaluate ......
浅谈Array --JavaScript内置对象
Array --JavaScript内置对象 描述 可以用一个变量存储多种数据类型的Array对象，Array不是关联数组，不能使用字符串作为索引访问数组元素，需要使用非负整数的下标访问数组中的元素。 和对象的某些特征很相似，例如：属性访问器一半相似，衍生出的使用 .call() 或者 .apply ......
JavaScript点击元素后获取该元素的id
<body> <div id="box"> <div id="text"> </div> <input class="butt" id="button1" onclick="test1(this)" type="button" value="按钮1" /> <input class="butt" i ......