框架nodejs next js

Vue3,使用 JS 调用弹窗组件,并实现关闭弹窗组件时销毁组件

需要对一个弹窗组件进行改造,使其能用 JS 调用,并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
组件 Vue3 Vue JS

a标签onclick事件传值(传递属性值),js接值读取

1、layui模板书写的a标签 <a href="#" onclick="downloadf(this)" type="{{d}}" bakname={{d.bakname}} bakurl={{d.bakurl}}> <i class="us-icon">&#xe710;</i>下载 </a> 2 ......
属性 onclick 事件 标签

Module not found: Error: Can‘t resolve ‘js-cookie‘

Module not found: Error: Can‘t resolve ‘js-cookie‘ 原因:没有安装js-cookie 解决:npm install -save js-cookie ......
js-cookie resolve Module cookie Error

Win7安装高版本的NodeJS方法,亲测安装node-v16.16.0好用

Win7 64位安装高版本的NodeJS方法正常情况下,Win7 所能支持的Node.js最高版本为:V13.14 node.js 各版本下载地址 https://registry.npmmirror.com/binary.html?path=node/ 第一步 下载 node-v13.14.0-x ......
版本 方法 NodeJS node-v Win7

【备忘录设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 备忘录模式(Memento Pattern)是一种结构型设计模式。这种模式就是在不破坏封装的条件下,将一个对象的状态捕捉(Capture)住,并放在外部存储起来,从而可以在将来合适的时候把这个对象还原到存储起来的状态。备忘录模式常常与命令模式和迭代子模式一同使用。 备忘录模式的角色有三个:备忘 ......
设计模式 备忘录 语言 模式 Python

js千分位带小数显示处理

// 参照Elmenent ui statistic组件 function dispose(value = '', precision = null, groupSeparator = '', rate = 1000 ) { if (!isNumber(value)) return false; l ......
小数

python+playwright 学习-54 结合 gremlins.js 实现web 网页的mokey测试

前言 在 Android 应用测试里面有个 mokey测试可以对app 做稳定性的测试,在app里面随机乱点发送一些事件,看app会不会异常。 这种做法,也称为 Monkey测试 或 Fuzz 测试,在移动应用程序开发中非常常见。 Gremlins.js 模拟随机用户操作:gremlins 单击窗口 ......
playwright gremlins 网页 python mokey

1.WPF UI - 现代化设计的开源 WPF 框架

1.WPF UI - 现代化设计的开源 WPF 框架 WPF UI 是一个基于 C# 开发的, 拥有 4k star 的开源 UI 框架。WPF UI 在 WPF 的基础上,提供了更多的现代化,流利的,直观的设计和组件。重要的是,WPF UI 完全免费! 如果你对 WPF 比较熟悉,那么可以很快的上 ......
WPF 框架 UI

JS触发浏览器下载文件

原生JS实现Ajax下载文件 /** * url 下载url (相对路径也可\dbbak\wsew.2023-04-20_09:19:52_6835.sql) * filename 下载文件名称 */ function download(url, filename) { var xhr = new ......
浏览器 文件

Day 25 25.1 Scrapy框架之全站爬虫(CrawlSpider)

Scrapy框架之全站爬虫(CrawlSpider) 在之前 Scrapy 的基本使用当中,spider 如果要重新发送请求的话,就需要自己解析页面,然后发送请求。 而 CrawlSpider 则可以通过设置 url 条件自动发送请求。 LinkExtractors CrawlSpider 是 Sp ......
爬虫 全站 CrawlSpider 框架 Scrapy

Day 25 25.2 Scrapy框架之分布式爬虫(scrapy_redis)

分布式爬虫(scrapy_redis) 分布式爬虫是指将一个大型的爬虫任务分解成多个子任务,由多个爬虫进程或者多台机器同时执行的一种爬虫方式。 在分布式爬虫中,每个爬虫进程或者机器都具有独立的爬取能力,可以独立地爬取指定的网页或者网站,然后将爬取到的数据进行汇总和处理。 分布式爬虫相对于单机爬虫的优 ......
爬虫 分布式 scrapy_redis 框架 Scrapy

JS执行机制--同步与异步

单线程JavaScript语言具有单线程的特点,同一个时间只能做一件事情。这是因为JavaScript脚本语言是为了处理页面中用户的交互,以及操作DOM而诞生的。如果对某个DOM元素进行添加和删除,不同同时进行。应该是先添加,再删除,事件有序。 单线程的特点是所有任务都需要排队进行,前一个任务结束, ......
机制

js全局属性和函数

1、js全局属性 Infinity:代表正无穷大的数值 NaN:指示某个值不是数字 undefined:指示未定义的值 2、eval函数 eval("x=10;y=20;document.write(x*y)") 如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语 ......
全局 函数 属性

js编码和base64

js内部支持三组编码和解码函数,都是全局函数,可以直接使用。 内部没有html编码和解码,一般是自行编写函数。也没有md5等加密解密函数,需要引入响应的工具js。另外支持base64的编码和解码,window.btoa()和window.atob函数完成。 1、escape函数 escape('ab ......
编码 base 64

js-DOM事件

1、介绍 事件,也可以说是信号,绑定到js代码。当事件发生时,对应的js代码将被执行。 HTML DOM 事件对象 | 菜鸟教程 (runoob.com) 2、三种声明方式 (1)在html元素中声明 <button onclick="alert(/xss/)">点击弹窗</button> (2)j ......
事件 js-DOM DOM js

js-DOM元素操作

注意,html从上往下解析,如果script在html元素之前,并且是直接执行,将获取不到元素,为null。需要使用window.onload事件声明,或者将js写在html元素后面 1、innerText和innerHTML属性 html元素调用innerText属性,可以获取元素内部的文本内容, ......
元素 js-DOM DOM js

js正则

JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) JavaScript RegExp 对象 | 菜鸟教程 (runoob.com) 1、re语法 /正则表达式主体/修饰符(可选) 例如: var patt = /runoob/i (1)主体 [abc] 由范围内字符组 ......
正则

js变量

1、基本的变量声明 var a='abc' var lastname="Doe", age=30, job="carpenter"; 可以单独为一个变量声明,也可以直接为多个变量声明,之间使用,分隔 只声明未赋值的变量为undefined 完全未声明的变量不能使用,会报错 2、作用域 分为全局变量和 ......
变量

ajax-js

1、介绍 ajax,asynchronous javascript and xml异步的js和xml。不重新加载整个页面的情况下,与服务器交互数据并更新部分页面。 优点:交互友好,节约资源,不需要插件直接使用。 分为同步和异步 目前主要是json格式,替代xml 可以多种请求方法 可以设置请求头部, ......
ajax-js ajax js

js-BOM

1、介绍 BOM,browser object model浏览器对象模型,虽然没有正式标准,但几乎所有浏览器都实现了与js的交互,且方法和属性相同。 window对象表示浏览器,所有js全局对象、函数以及变量自动成为window对象的成员。 window直接调用的全局变量和方法可以直接使用属性和方法 ......
js-BOM BOM js

js-DOM

1、介绍 DOM,document object model文档对象模型,向上属于window对象的属性,向下可以管理html元素及cookie。 2、获取元素 //基于元素id获取 document.getElementById('id') //基于标签名的所有html元素 document.ge ......
js-DOM DOM js

js错误处理

JavaScript 错误 – Throw、Try 和 Catch | 菜鸟教程 (runoob.com) 1、介绍 当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。 可能是语法错误,通常是程序员造成的编码错误或错别字。 可能是拼写错误或语言中缺少的功能(可能由于浏 ......
错误

nodejs命令

npm常用命令: 1. npm install package_name:安装指定的 Node.js 模块。 2. npm uninstall package_name:卸载指定的 Node.js 模块。 3. npm update package_name:更新指定的 Node.js 模块到最新版 ......
命令 nodejs

js介绍

1、介绍 javascript,简称为js,是一种解释型脚本语言,一般在浏览器运行,被所有现代浏览器支持,在h5中,默认脚本就是js。当然,也可以在其他支持js解析的环境中允许,比如服务端的node.js。 js主要可以分为四个部分: 基本语法,与es强烈相关,提供支持。包括语法规范、数据类型、运算 ......

js数据类型

1、介绍 js是弱类型语言。 2、数值 var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 var y=123e5; // 12300000 3、字符串 s = 'abc' s1 = "abc" s2 = /xss/ //输出/xss/,连同/字符 4、布尔 ......
类型 数据

js控制结构

1、if … else if … else … if(15){ alert('abc') } js存在强转bool类型 其他与java语法相同 2、switch 3、while 4、do while 5、for var list = [12,22,'abc','ddd'] for(let i=0;i ......
结构

js函数

1、介绍 js函数是通过关键字function进行定义。 function functionName(parameters) { 执行的代码 } 2、匿名函数 函数作为一个变量使用。 var x = function (a, b) {return a * b}; var z = x(4, 3); 3 ......
函数

js语法

1、注释 //单行注释 /* 多行注释 */ 2、关键字 3、标识符 由数字、字母和下划线组成,首字符不能是数字 4、代码分行 使用()包围结构控制提交,使用{}控制代码块 5、文本分行 不存在/分行,必须使用+ ......
语法

js类

1、介绍 js中具有和java类似的类声明和创建对象。 class Runoob { constructor(name, url) { this.name = name; this.url = url; } } let site = new Runoob("菜鸟教程", "https://www.r ......

浏览器执行js脚本

1、四种基本的形式 (1)script内部 <script>alert('xss')</script> (2)script引入外部js文件 <script src='check.js'></script> <script src=https://www.freebuf.com/freebuf/2.1 ......
脚本 浏览器