jsx tsx js ts
NET Core 3.1 MVC 在html中引用js的方法使用时不生效异常
在html的select元素添加了onchange事件，changeContent方法也在当前html下。 <select id="changeLanguage" class="form-control input-lg" asp-for="language" asp-items="Model.su ......
JS反调试VMdebugger
今天干活的时候，要在前端调试找token值，打开“源代码”选项卡的时候，就不断步入“VMXXX”格式的源码当中，在查询了一些资料之后，发现Node.js反调试的一种手段，网上有说是Google chrome加载evel()函数，应该是存在这种的情况的，不过在测试的过程当中大多数应该都是反调试的这种。 ......
js格式化工具
背景 通常我们进行网页调试或者爬虫的时候，发现get到的js通常是格式很乱的，不利分分析代码和查找 所以本文找到一个可以将js格式化的工具 在线解析 1.网址 https://coding.tools/cn/javascript-beautifier 比如我们请求一个js https://unpkg ......
js 中的 base64 转码 btoa/atob
1 场景 有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。 所谓 Base64 就是一种编码方法，可以将任意值转成 ......
js---手绘签名
最近在做项目，在做电子签章的时候，需要用到电子签名，下面是用JS进行手绘签名： <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手写签名</titl ......
js---生成印章
最近在做电子合同的功能，需要用到电子印章，那么如何通过js生成印章呢？下面是具体的代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ca ......
JS(JavaScript)
1. 介绍： JavaScript 语言主要是 完成页面的数据验证，因此运行在客户端，需运用浏览器来解析执行JavaScript代码。 ECMAScript是JS的一个标准。 一个完整的JS是由ECMAScript，DOM(文档对象模型)，Bom(浏览器对象模型)组成的。 JS是弱类型（类型可变）J ......
[转]在 vue3 中优雅的使用 jsx/tsx
原文地址:在 vue3 中优雅的使用 jsx/tsx - 掘金 前言 相信 react 的伙伴对于 jsx/tsx 都不陌生吧，现在在 vue3 中也可以使用 jsx/tsx 语法拉。 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx ......
[转]vue3+tsx开发语法详解
原文地址:vue3+tsx开发语法详解 - 知乎 很多组件库都使用了TSX的方式开发，主要因为其灵活性比较高，TSX和SFC开发的优缺点就不介绍了，这里主要说一下将SFC项目改造为TSX的过程。 安装JSX库 pnpm install @vitejs/plugin-vue-jsx -D 安装完之后在 ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。 JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
JSX 代码是如何“摇身一变”成为 DOM 的？
JSX 是一种语法，并不是 React 中的内容，时下接入 JSX 语法的框架越来越多，但与之缘分最深的仍然是 React。本节来讲一下 React 是如何摇身一变成为 DOM 的。 我们平时在写React时会用 JSX 来描述组件的内容，例如下面的代码中，render 方法 return 的内容就 ......
JavaScript(JS) 判断没有属性的空对象{}的四种方法
JavaScript(JS) 中对象没有属性初始化时，可能使用{}进行初始化，如此我们判断这样的没有属性的空对象就不是很方便，本文主要介绍JavaScript(JS) 中判断没有属性的空对象{}的五种方法，以及相关的示例代码。 1、通过JSON.stringify()判断 可以使用JSON.stri ......
JS 中 package 包版本格式
在JavaScript中，通过npm（或yarn）管理的package.json文件中，你可以为依赖指定多种格式的版本号。版本号通常遵循语义化版本控制（SemVer），格式为主版本号.次版本号.修订号（MAJOR.MINOR.PATCH）。以下是一些常见的版本号格式： 精确版本（Exact）: "1 ......
js监听判断是否超出省略号显示
function isOverflow(element) { return element.scrollWidth > element.offsetWidth; } let element = document.querySelector('.ellipsis-span'); let resizeO ......
js事件
JavaScript支持多种事件，事件是在文档(DOM)或浏览器窗口中发生的事情。以下是一些常见的JavaScript事件： 鼠标事件（Mouse Events）: click - 鼠标单击 dblclick - 鼠标双击 mousedown - 按下鼠标按钮 mouseup - 松开鼠标按钮 mo ......
JS实现把内容复制到剪切板中
其中弹出框是采用了Element-PLUS组件实现，你可以选择使用原生的alert去实现，或者不做提醒都可以，同时我加入了async进行异步，你也可以去掉async（记得同时去掉await），还可以不采用try进行错误处理（我怕一些浏览器不兼容？） /** * 把传入的值放入用于剪切板 * data ......
Python中execjs执行JS代码出现中文乱码
1、乱码场景 新建 文件code.js，详情如下： function fun() { return "我是fun函数"; } 在Python中执行此JS代码： 1 import execjs 2 3 # 读取js 4 with open("code.js", encoding="utf8") as ......
js 监听回车按键，keyCode已经废弃
window.addEventListener("keydown", enterUp); // 点击回车键登录 const enterUp = (e: any) => { console.log("in enter up：", e); if (e.keyCode == 13 || e.keyCode ......
js jquery 调用摄像头拍照及扫描二维码
很好用的一个js库：https://github.com/mebjas/html5-qrcodedemo: https://scanapp.org/ demo: https://blog.minhazav.dev/research/html5-qrcode vue项目推荐用这个：https://zh ......
js自动播放【轮播图】
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Auto ......
js定时器demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
JS获取URL参数
按照网上的案例，一开始是这样写： getUrlParams() { const url = new URL("http://localhost:8888/#/login?loginname=123456&ticket=abcd"); const queryParams = new URLSearch ......
页面滚动点击返回至顶部，js怎么实现
当页面要滚回顶部时，使用scrollTop属性，设置值为0即可 当页面具有 DOCTYPE，或者说指定了 DOCTYPE 时，使用document.documentElement.scrollTop。 当页面不具有 DOCTYPE，或者说没有指定了 DOCTYPE 时，使用document.body ......
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
JSSDK使用步骤 步骤一:绑定安全域名： 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 步骤二:引入JS文件： 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
js中?.、??、??=的用法及使用场景
js中?.、??、??=的用法及使用场景 小熊爱敲代码 征途慢慢，唯有奋斗 关注她 7 人赞同了该文章 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面就介 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
JS学习
知识体系 案例整理 需求：包含日常任务处理、日志编写以及日期更新 所用知识点： 日期获取： var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDat ......