acm js

记录--vue3 + mark.js | 实现文字标注功能

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 页面效果 具体实现 新增 1、监听鼠标抬起事件,通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isColla ......
文字 功能 vue3 mark vue

The 2018 ACM-ICPC Asia Qingdao Regional Contest, Online (The 2nd Universal Cup. Stage 1: Qingdao)

Preface 好以后我就是SUA铁粉了,每次打SUA出的题感觉都很好,全程有事情干并且中档题很多很适合我们队这种比上不足的队伍打 不过yysy这场题目偏数据结构和图论方面比较重,而数学方向则不多,刚好撞上了我们队熟悉的地方,因此最后卡着时间过了9题 而且最近CF评测机不知道咋了,这场好多题光读入用 ......
Qingdao The Universal ACM-ICPC Regional

一些改动 \odoo\addons\web\static\src\webclient\user_menu\user_menu_items.js

一些改动 \odoo\addons\web\static\src\webclient\user_menu\user_menu_items.jsregistry .category("user_menuitems") // .add("documentation", documentationItem ......

js分号必写的场景

一行开头是括号或者方括号的时候,末尾必须要加分号。 一、案例1 错误代码: (() => {console.log(1)})() // 注意这里没有分号 (() => {console.log(2)})() 正确代码: (() => {console.log(1)})(); // 注意这里的分号 ( ......
分号 场景

如何在 Vue.js 中引入原子设计?

本文为翻译文章,原文链接: https://medium.com/@9haroon_dev/introducing-atomic-design-in-vue-js-a9e873637a3e 前言 原子设计是一种创建设计系统的方法,它将用户界面分解为可重用的小组件,即: Atoms 原子 Molecu ......
原子 Vue js

graalvmjs cube.js 集成简单说明

实际上我以前也简单写过关于graalvm 集成cube.js 的,最近graalvmjs 提供了独立的模块,我基于独立包创建了一个docker 镜像 尽管cube.js 也提供了docker 镜像,但是相对来说有点太重(包含了比较多的组件,同时很多是不需要的),很多时候我们是需要 自己基于扩展开发的 ......
graalvmjs cube js

Node.js SSE in Action All In One

Node.js SSE in Action All In One Node.js & Server-sent events HTTP/2 ......
Action Node All SSE One

Vue.js框架:vue3版本父子组件之间的传值和事件触发

一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps来定义父子间的传参值和关联方法(useContext在3.2版本之后已去除)。 <script setup lang="ts"> import { defineProps, defineEmits ......
父子 组件 框架 之间 版本

js_doucment.styleSheets获取StyleSheetList接口

通过document.styleSheets可以获取到一个StyleSheetList接口 const aStyleList = document.styleSheets console.log(aStyleList.constructor.name) // StyleSheetList conso ......

【2023最新教程】有道翻译js 超详细!!!

目录前言确定加密字段破解加密字段加密字段实现破解返回值跟踪堆栈找到解密后的返回值函数实现解密返回值语言转换完整代码效果展示 前言 有道翻译两个加密 第一个是表单的sign 用MD5加密 可以点击目录的 加密字段实现 直接跳转 第二个是返回值AES加密,而且AES的密匙他还用md5加密了一下 可以点击 ......
教程 2023

cube.js node addon 开发使用的框架neon 简单说明

cube.js node addon 的开发使用了neon 框架,基于neon 开发node addon 的好处是简单,而且开发上比较类似node 的开发模式但是缺点也有不少,比如napi-rs 支持方便的typescript 类型定义生成,可以方便我们使用,对于neon 这个issue 大家已经提 ......
框架 addon cube node neon

vue项目中在外部js文件中直接调用vue实例的方法比如说this

一般我们都是在main.js中引入vue,然后在vue文件中直接使用this(this指向的是vue实例),但是在实际开发中,我们往往会引入外部的js文件使用this,这个this就会指向window,并不是我们期待的vue实例,那么就需要重新引入vue文件(import Vue from 'vue ......
比如说 vue 实例 文件 方法

基于JS的大文件分片

项目需要上传超大文件,后台为DJANGO,不能直接用H5 的FILE API来POST,所以采用slice分片 在分片后为BLOB不能直接传,bolb转file有些浏览器又有支持问题。所以做一些转换,转uint8,uint16,uint32,django的后台处理起来都比较烦 所以试着用base64 ......
文件

js实现大文件分片上传的方法

借助js的Blob对象FormData对象可以实现大文件分片上传的功能,关于Blob和FormData的具体使用方法可以到如下地址去查看FormData 对象的使用Blob 对象的使用以下是实现代码,本例中后端代码使用php来实现,只是演示基本功能,具体一些文件验证逻辑先忽略。前段代码: <!DOC ......
文件 方法

Vue.js框架:vue3版本引入使用element-ui

一、引入element-plus element-ui只支持vue2,vue3需要引入element-plus进行使用,两个分别对应vue2和3两个版本,各自独立,无法跨级兼容。 地址:https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖: npm ......
element-ui 框架 element 版本 vue3

原生JS实现大文件分片

为了实现断点续传,研究了js的文件分片 实现断点续传的步骤 文件分片按顺序上传,上传第一个后文件名md5加密保存到rdis的key,value保存为上传的index, 然后下面每次上传成功就更新对应的value,保持最新的 第一次上传时,查询redis是否已经存在相同的key,如果相同就跳到保存的i ......
文件

Turf.js—让你在浏览器上实现地理分析

Turf.js—让你在浏览器上实现地理分析 moe_ 2021-06-015,110阅读5分钟 专栏: GIS与前端 这是我参与更文挑战的第1天,活动详情查看: 更文挑战。 前言 我们在地图相关系统中必不可少的就是空间分析操作相关需求,例如缓冲区、计算等高线等。凭借简单的js我们无法将点线面进行结合 ......
浏览器 地理 Turf js

js

js 内部引用和外部引用 变量控制: var 数据类型 number 字符串 布尔值 逻辑运算 浮点数只能用Math来判断了 ......
js

js逆向·找到登录时目标网站的加密算法的几种方式

js逆向·找到登录时目标网站的加密算法的几种方式 为什么要去找到目标网站的加密密码方法: 为了要把我们的payload正确的带入目标网站的服务器进行逻辑验证,那么就需要知道对方使用的什么加密或者编码规则来处理数据的,比如说我们输入的密码被base64编码了,然后发送给后端,后端会进行解码过后再带入逻 ......
算法 目标 方式 网站 183

人均瑞数系列,瑞数 6 代 JS 逆向分析

声明 本文章中所有内容仅供学习交流使用,不用于其他任何目的,不提供完整代码,抓包内容、敏感网址、数据接口等均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关! 本文章未经许可禁止转载,禁止任何修改后二次传播,擅自使用本文讲解的技术而导致的任何意外,作者均不负责,若有侵权, ......
JS

js 大文件切片,中止上传,上传进度,断点续传

大文件切片上传背景介绍:当涉及大文件上传时,一种有效的方法是将大文件分割成小切片并逐个上传。这种技术不仅可以减轻服务器的负担,还可以避免上传过程中的中断和内存问题。本文将介绍如何使用JavaScript实现大文件切片上传,并解释如何处理断点续传、并发控制以及上传取消等问题,用到的知识点有大文件切片、 ......
断点 进度 文件 js

JS 高级 学习笔记

JS 高级 学习笔记 JavaScript采用的是词法作用域,函数的作用域基于函数创建的位置。 let g = 1 function a(){ let g = 2 function b() { return g // g = 2 } } JS 函数调用,是放到 ECStack内,使用栈的方式进行调用 ......
笔记 JS

通过node.js部署vue项目

一、下载 Node.js官网下载大家根据自己的系统进行下载安装包(我的电脑是windows10-64位,所以下载第一个) 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\,我这里选择在D:\Program Files\n ......
项目 node vue js

selenium无头浏览器,禁用图片,禁用js,切换UA,反爬

from selenium import webdriver from fake_useragent import UserAgent ua = UserAgent().random options = webdriver.ChromeOptions() options.add_argument(' ......
selenium 浏览器 图片

Vue.js框架:vue3版本里数据变化监听watch和watchEffect的使用

一、监听方法 vue3中定义的变量默认不是响应式的,所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch: <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
watchEffect 框架 版本 数据 watch

20个js工具函数助力高效开发

1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() } 示例: typeOf('树哥') // string type ......
函数 工具

js_为innerHTML添加的图片添加onerror处理事件

在今天的开发中遇到这样的需求:通过接口获取到文章数据, 文章数据是html字符串, 使用innerHTML将其注入到某一个元素中, 文章中的某些图片因为服务器端的图片失效等原因无法访问,需要为其添加一个onerror处理事件, 替换调损坏的图片, 替换为一个显示加载失败的图 function han ......
innerHTML onerror 事件 图片 js

JavaScript(JS)

js引入方式: js基础语法: 变量: 数据类型、运算符、流程控制语句: parseInt() 用来将字符串转换成数字 函数: 但还是接收前几个。 对象 Array数组: string字符串: charAT()指定位置是表示的索引的意思(从0开始) indexOf()检索字符串,返回值是字符串的索引 ......
JavaScript JS

js 拿到下一个序列化整数

1 function getNextInt(int) { 2 const config = int.reverse().reduce( 3 (config, digit) => { 4 let sum = digit + config.increment, 5 nextInt = config.ne ......
整数 序列 js

如何保护价值上千万的Node.js源代码?

如何保护价值上千万的Node.js源代码?https://zhuanlan.zhihu.com/p/84386456 1|0一个强大的JS混淆器。 github.com/javascript-obfuscator/javascript-obfuscator 2|0一套JS代码安全问题解决方案。 ww ......
上千 源代码 价值 Node js