jsx tsx js ts
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
原生js+django POST csrf
方法 headers POST请求携带header, formData = new Formdata(formElement) { 'headers': { "X-CSRFToken": formData.get('csrfmiddlewaretoken'), } } headers不设conten ......
JS—原生JS实现文件上传
一、目的：实现上传图片功能 二、效果： 三、思路： 用input标签自带的上传，先隐藏掉，给上传按钮添加点击事件，绑定input的点击事件 四、代码： 点击查看代码 //html <input ref="img-upload-input" class="img-upload-input" type= ......
关于Vue3中调试APP触发异常：exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案
bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......
js实现树形结构
let cityList = [ {id: 1, parentId: 0, name:'江苏省'}, {id: 2, parentId: 0, name:'广东省'}, {id: 3, parentId: 0, name:'安徽省'}, {id: 4, parentId: 1, name:'苏州市' ......
JS赋值、浅拷贝、深拷贝的区别
在说明它们的区别之前，首先需要了解JS的数据类型和它们的存放位置。 数据类型 基本数据类型：String、Number、Boolean、Undefined、Null、Symbol（es6）、BigInt（es6） 引用数据类型：Object 存放位置 基本数据类型是存放在栈中的数据段，直接存储的就是 ......
防止Node.js应用中的命令行注入攻击
攻击者可以使用Node.js应用侵入你的系统。本文介绍如何阻止这种行为的发生。 当Node.js首次发布时，它引起了一场革命。它允许开发人员在服务器端运行JavaScript，这是浏览器的主要编程语言。随着时间的推移，Node.js变得越来越流行，并成为构建Web应用程序和API的首选工具。 Nod ......
js 现在时间到当天24时结束
获取到时间差为毫秒，可以转为时分秒，自行处理， getTimestamp(){ let nowB = new Date().getTime() let form = new Date() let y = form.getFullYear(); let m = form.getMonth()+1; l ......
js 浏览器储存数据设置过期时间
vue项目 新建文件sessionTime.js 文件 /** @desc storage相关 */ // type TStorageItem = { // value: any // expire: string|number // time: Date // }; // type = 'loca ......
js vue中pdf与img互转
需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......
JS逆向——某道翻译
文章中所有内容仅供学习交流，不可用于任何商业用途和非法用途，如有侵权，请联系作者立即删除！ 目标网站：aHR0cHM6Ly9mYW55aS55b3VkYW8uY29tL2luZGV4Lmh0bWwjLw== 一、定位接口 使用Chrome浏览器，打开Network进行抓包 输入要翻译的字符串：Hel ......
vite ts 安装 js-cookie 库，vscode找不到类型说明（有波浪线），解决方案
vite ts 安装 js-cookie 库，vscode找不到类型说明（有波浪线），解决方案 先安装库 https://www.npmjs.com/package/js-cookie 再安装类型 https://www.npmjs.com/package/@types/js-cookie 问题 然 ......
js中get请求参数含有特殊字符的处理
在拼接参数的时候，使用 encodeURIComponent() 进行手动转义。var url= "xxxx?name=" + encodeURIComponent("aaa&bbb") 特殊特殊字符的含义： 字符特殊字符的含义URL编码 + URL 中+号表示空格 %2B 空格 URL中的空格可以 ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
TS的定义
TypeScript是一种由微软开发的自由和开源的编程语言。 它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。 ts 支持类型支持，ts = type +JavaScript。 ......
js之列表转为树结构
js之列表转为树结构 原理： list.reduce 方法： children：子级数组名称id：数据idparentid：父级id字段名称 如果列表中字段名称不一致，需要修改方法中的这三个参数名。 list：列表数据rootvalue：父元素id字段第一级的默认值，一般为0或者null。根据数据传 ......
[TS手册学习] 04_对象类型
对象类型通常使用interface声明，可以设置属性为可选的或者只读的，可以设置索引签名。从简单类型生成复杂类型可以使用类型继承或者交集类型。提高类型的泛用性可以使用泛型。 ......
H50088：js动态生成html代码的三种形式
1， // 方案一 O.TEMPLATE = '<div class="viewer-container">\ <div class="viewer-canvas"></div>\ <div class="viewer-footer">\ <div class="viewer-title"></di ......
Win7系统安装高版本node.js方法，node 16.x ，node 17.x（跳过安不了17），node 18.x，node 19.x 20.x（没测试20）
随着前端框架的不断升级，node16.3.0的版本远远跟不上开发需要，导致win7无法安装高于16.3.0版本的node.js，经过不断的尝试和查找网上的帖子，终于解决了可以升级到19.x的nodejs了 方法如下： （1）按照原来方式先升级到Nodejs16.3.0，先看我上次发的内容。地址：ht ......
E8重写已有JS事件
window.onload = function() { overwriteSubmit(function(){ // 验证成功返回true alert("12312312"); return true; // 验证失败返回false }); }; /** * 重写保存事件。 */ var over ......
JS实现点击复制
JS实现点击复制 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/ ......
谷歌Chrome浏览器排查js内存溢出
1. 打开谷歌浏览器检查台 2. 点击memory 3. 点击开始快照录制，时隔一会儿录一次，多录几次 4. 进行快照对比 ......
自学 --day9---js中的数学操作和时间日期
typora-copy-images-to: media 一、数学处理 1、Math常用API 圆周率 Math.PI // 3.1415926535 生成随机数 Math.random() 生成的是0~1之间的随机小数，通常在实际项目中需要获取到一个范围内的随机整数，利用这个随机小数封装一个获取范 ......
js精度丢失的问题，利用lodash函数库重新封装
function roundAndPad(num, decimalPlaces) { var rounded = _.round(num, decimalPlaces); // 使用Lodash的_.round函数四舍五入 var str = rounded.toString(); var deci ......
对某登录站点的JS前端逆向思路
js逆向一直没有相关了解，虽然目前渗透遇见的不是很多，大多数遇见的要么不加密，要么无法实现其加密流程，不过最近看到了一个较为简单的站点正好能够逆向出来，就做了简单记录。本文旨在介绍js逆向的一些基础思路，希望能对初学js前端逆向的师傅有所帮助。 ......
常用JS工具函数-判断视频的时长
📐 实现原理 通过创建一个Video标签，然后获取时长 🚄 实现 考虑到后面这个东西会常用，因此我这里通过封装成独立一个JS文件。 文件名称：videoDurationJudgment.js ✨方法封装✨ function videoDurationJudgment(file, maxDurat ......
Node.js 单线程模型和事件循环机制
Node.js 单线程模型和事件循环机制详解 一、Node.js 单线程模型 Node.js 采用单线程事件循环的机制来处理请求。这意味着,Node.js 主线程中 JavaScript 代码的执行过程是单线程的,也就是一次只能执行一个代码块。单线程可以避免一些复杂的多线程同步问题,提高性能。 No ......
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介
引子 浏览器URl地址，上网一定会用到，但是浏览器地址有中文或者浏览器url参数操作的时候，经常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。关于浏览器参数操作，请看文章javascript浏览器参数的操作，js获取浏览器参数 ......
Web_XCTF_WriteUp | simple_js
题目 提示： 小宁发现了一个网页，但却一直输不对密码。(Flag格式为 Cyberpeace{xxxxxxxxx} ) 题目： 分析 F12 打开查看器找到一串 JS 代码： 分析一下大致意思： function dechiffre(pass_enc){ var pass = "70,65,85,8 ......