#191
展开↯#192
作者：广西南宁市
//监听扫码枪
function ListenScanCodeGun() {
var barCode = '';
var lastTime = 0;
function ClearBarCode() {
barCode = '';
lastTime = 0;
}
window.addEventListener('keypress', function (e) {
console.log("监听开始");
e = e || window.event;
var currCode = e.keyCode || e.which || e.charCode;
var currTime = new Date().getTime();
if (lastTime > 0) {
if (currTime - lastTime <= 100) {
barCode += String.fromCharCode(currCode);
}
else if (currTime - lastTime > 500) {
// 输入间隔500毫秒清空
ClearBarCode();
}
}
else // 第一次按键
{
barCode = String.fromCharCode(currCode);
}
lastTime = currTime;
if (currCode == 13) // 回车
{
if (barCode && barCode.length >= 8) {
// 这里得到码，做下一步业务处理
console.log("最终编号：" + barCode);
}
// 回车输入后清空
ClearBarCode();
}
});
}Run code
Cut to clipboard
文章：js监听页面扫码枪 发表时间：2022-07-26, 17:24:28
#193
作者：广西南宁市
openCodeListDialog(row) {
console.log(row)
this.$refs.codeList.open(row)
},
/* 监听输入 判断通过isScan判断 */
inputCode(v) {
console.log(v)
if (this.isScan) return;
this.code = v
},
//处理扫码枪获取的数据
dealScan(code) {
this.isScan = false
this.sourceCode = code.substring(code.length - 12);//取出后12位
},
scanCode() {
console.log(1)
let lastTime = null;
let nextTime = null;
let code = '';
let timer = ''
//监听数据录入 通过判断输入数据的速度来判读是手动输入还是扫码枪录入,
//这里有一个问题 当用户同时按下两个按键或者故意以高速录入数据时也会被判定为扫码枪输入
document.onkeydown = e => {
console.log(e)
let keycode = e.keyCode || e.which || e.charCode;
nextTime = new Date();
if (keycode === 13) {
if (lastTime && (nextTime - lastTime < 30)) {
// 扫码枪
this.dealScan(code)
} else {
// 键盘
console.log('键盘输入')
}
code = '';
lastTime = null;
e.preventDefault();
} else {
if (!lastTime) {
code = String.fromCharCode(keycode);
} else {
if (nextTime - lastTime < 30) {
code += String.fromCharCode(keycode);
item.isScan = true
} else {
code = '';
item.isScan = false
}
}
lastTime = nextTime;
}
//添加定时器 防止用户输入过快导致的误判
timer = setTimeout(_ => {
clearTimeout(timer)
this.isScan = false
}, 100)
};
},
Run code
Cut to clipboard
文章：js监听页面扫码枪 发表时间：2022-07-26, 17:24:02
#194
作者：广西南宁市
代码实现
<?php
declare (strict_types = 1);
namespace app\union\controller;
use app\Request;
use app\union\model\Groups;
use think\facade\Cookie;
use think\facade\Db;
use think\facade\View;
use PHPExcel_IOFactory; //通过composer加载的第三方类，直接在头部引入一下就可以
class Group extends Base
{
public function import_save(Request $request){
if(!$request->param('excel')){
return returnJson('500','请上传excel文件');
}
$path = public_path().$request->param('excel');
//实例化PHPExcel类
$PHPExcel = new \PHPExcel();
//默认用excel2007读取excel，若格式不对，则用之前的版本进行读取
$PHPReader = new \PHPExcel_Reader_Excel2007();
if (!$PHPReader->canRead($path)) {
$PHPReader = new \PHPExcel_Reader_Excel5();
if (!$PHPReader->canRead($path)) {
return returnJson('500','请上传excel文件');
}
}
//读取Excel文件
$PHPExcel = $PHPReader->load($path);
//读取excel文件中的第一个工作表
$sheet = $PHPExcel->getSheet(0);
//取得最大的列号
$allColumn = $sheet->getHighestColumn();
//取得最大的行号
$allRow = $sheet->getHighestRow();
//从第二行开始插入,第一行是列名
for ($currentRow = 2; $currentRow <= $allRow; $currentRow++) {
//获取B列的值
$data = [
'number'=>$PHPExcel->getActiveSheet()->getCell("A" . $currentRow)->getValue(),
'nickName'=>$PHPExcel->getActiveSheet()->getCell("B" . $currentRow)->getValue(),
'name'=>$PHPExcel->getActiveSheet()->getCell("C" . $currentRow)->getValue(),
'tel'=>$PHPExcel->getActiveSheet()->getCell("D" . $currentRow)->getValue(),
'money'=>$PHPExcel->getActiveSheet()->getCell("E" . $currentRow)->getValue(),
'time'=>self::get_date_by_excel($PHPExcel->getActiveSheet()->getCell("F" . $currentRow)->getValue()),
'is_pay'=>$PHPExcel->getActiveSheet()->getCell("G" . $currentRow)->getValue(),
'shop_name'=>$PHPExcel->getActiveSheet()->getCell("H" . $currentRow)->getValue(),
'remarks'=>$PHPExcel->getActiveSheet()->getCell("I" . $currentRow)->getValue(),
'status'=>0,
'created_at'=>date('Y-m-d')
];
if($data['number'] == ''){
$result = 1;
continue;
}else{
$find = Groups::where(array('number'=>$data['number']))->find();
if($find){
$result = 1;
continue;
}else{
$result=Db::name('group')->insert($data);
}
}
}
if($result){
return returnJson('200','导入成功');
}else{
return returnJson('500','导入失败');
}
}
public static function get_date_by_excel($date){
if (!$date || $date == '0000-00-00') return null;
$unix_time = \PHPExcel_Shared_Date::ExcelToPHP($date);
return gmdate('Y-m-d H:i',$unix_time);
}
}
?>Run code
Cut to clipboard
文章：tp6安装、封装phpspreadsheet，表格excel导入导出 发表时间：2022-07-26, 09:34:55
#196
作者：广西南宁市
电脑的显示器和主机连接的那条线叫什么
有VGA,也有DVI,还有HDMI
VGA蓝色的接口。
DVI是白色的接口。
HDMI有点像USB接口，
3 , https://www.messynessychic.com/2014/03/05/the-first-monokini-trying-to-make-the-topless-swimsuit-happen-in-1964/
cum4k.com
https://en.kin8tengoku.com/moviepages/3481/index.html17 , http://www.privatecasting.net/
https://www.privatecasting-x.com/17 , https://www.gotporn.com/private-casting-x---music-vid-wannabe-gets-fucked/video-4790013
brazzers.com
bang.com
xnxx.com
tube8.com
redtube.com
youjizz.com
youporn.com
pornpies.com
watchmygf.com
ikonwthatgirl.com
xvideos.com
xhamster.com
apetube.com
happyporn.com
realitykings.com
miakhalifa.com
momsteachsex.com
18andabused.com
chatterbate.io chatterbate.com
wetpussy.com
teenpornvideo.sex
pornmajor.
fakeporn.tv
http://jable.tv/
[FOW-012][3DCG]Mila_Red_Riding_Hood28 , www.117py.com
有VGA,也有DVI,还有HDMI
VGA蓝色的接口。
DVI是白色的接口。
HDMI有点像USB接口，
cum4k.com
https://en.kin8tengoku.com/moviepages/3481/index.html
https://www.privatecasting-x.com/
brazzers.com
bang.com
xnxx.com
tube8.com
redtube.com
youjizz.com
youporn.com
pornpies.com
watchmygf.com
ikonwthatgirl.com
xvideos.com
xhamster.com
apetube.com
happyporn.com
realitykings.com
miakhalifa.com
momsteachsex.com
18andabused.com
chatterbate.io chatterbate.com
wetpussy.com
teenpornvideo.sex
pornmajor.
fakeporn.tv
http://jable.tv/
[FOW-012][3DCG]Mila_Red_Riding_Hood
magnet:?xt=urn:btih:ea41f8333793e812b0b63e96caa2aebe06258ec3&dn=Fap%20Hero%20Torrent%20Collection&tr=udp%3a%2f%2ftracker.openbittorrent.com%3a80&tr=udp%3a%2f%2ftracker.opentrackr.org%3a1337%2fannounceRun code
Cut to clipboard
文章：程序员编程常用网页工具集[游戏] 发表时间：2016-10-12, 22:22:12
#197
作者：广西南宁市
报错’<template v-for>’ cannot be keyed. Place the key on real elements instead
报错的使用场景
在vue3的项目中，不免会遇到v-if和v-for一起使用，但我们知道，这两个是不可以一起使用的，v-for 具有比 v-if 更高的优先级，所以我们需要把v-for写到template中，但是控制台会提示：
'<template v-for>' cannot be keyed. Place the key on real elements instead
解决方法
在 Vue 2中，<template> 标签不能拥有 key，不过，你可以为其每个子节点分别设置 key
<template v-for="i in list">
<div :key="'index-' + i.id"></div>
</template>
在 Vue 3 中，key 则应该被设置在 <template> 标签上
<template v-for="(i, index) in list" :key="index">
<div>...</div>
<span>...</span>
</template>
但是我在使用的时候VScode总是一直报错冒红，但是程序是可以运行的，但总看着不舒服，可以尝试将:key="index"写在我们循环的节点上面，程序也是可以运行的。
<template v-for="i in list">
<div v-if="true" :key="item.id"></div>
<span v-else></span>
</template>
按照官网说的key 则应该被设置在 <template> 标签上的话，可以修改.eslintrc.js的配置，在rules的规则上添加：
'vue/no-v-for-template-key': 'off'
或者将将template标签改为div等其他标签，这样的话会多出一个多余的div标签。
报错的使用场景
在vue3的项目中，不免会遇到v-if和v-for一起使用，但我们知道，这两个是不可以一起使用的，v-for 具有比 v-if 更高的优先级，所以我们需要把v-for写到template中，但是控制台会提示：
'<template v-for>' cannot be keyed. Place the key on real elements instead
解决方法
在 Vue 2中，<template> 标签不能拥有 key，不过，你可以为其每个子节点分别设置 key
<template v-for="i in list">
<div :key="'index-' + i.id"></div>
</template>
在 Vue 3 中，key 则应该被设置在 <template> 标签上
<template v-for="(i, index) in list" :key="index">
<div>...</div>
<span>...</span>
</template>
但是我在使用的时候VScode总是一直报错冒红，但是程序是可以运行的，但总看着不舒服，可以尝试将:key="index"写在我们循环的节点上面，程序也是可以运行的。
<template v-for="i in list">
<div v-if="true" :key="item.id"></div>
<span v-else></span>
</template>
按照官网说的key 则应该被设置在 <template> 标签上的话，可以修改.eslintrc.js的配置，在rules的规则上添加：
'vue/no-v-for-template-key': 'off'
或者将将template标签改为div等其他标签，这样的话会多出一个多余的div标签。
文章：vue生命周期详解 发表时间：2022-06-30, 10:09:48
#198
作者：广西南宁市
Deprecated: Directive ‘track_errors‘ is deprecated in Unknown on line 0
修改 php.ini track_errors=On 为 track_errors=Off 即可
The Windows OneDrive folder is not supported on PHP versions below 7.2.23 an
windows下安装composer
Could not find package topthink/think-worker. It was however found via repos
Composer更改为阿里的源
解除镜象
解决PHP Warning: Module 'mysqli' already loaded in Unknown on line 0
原因：是PHP有两种方式添加扩展模块，一种是直接编译进了PHP，另外一种是通过共享模式添加模块，并在php.ini配置文件中配置相应的模块。以上问题出现的原因是我们需要的模块已经编译进PHP了，但是我们有通过共享模块再次加重了改模块，这样就导致重复加重。
在php.ini中找到下面并注释
使用php -m还是可以看到mysqli扩展的,并且不会再报刚才的错误
修改 php.ini track_errors=On 为 track_errors=Off 即可
The Windows OneDrive folder is not supported on PHP versions below 7.2.23 an
windows下安装composer
Could not find package topthink/think-worker. It was however found via repos
Composer更改为阿里的源
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
Run code
Cut to clipboard
解除镜象
composer config -g --unset repos.packagist
Run code
Cut to clipboard
解决PHP Warning: Module 'mysqli' already loaded in Unknown on line 0
原因：是PHP有两种方式添加扩展模块，一种是直接编译进了PHP，另外一种是通过共享模式添加模块，并在php.ini配置文件中配置相应的模块。以上问题出现的原因是我们需要的模块已经编译进PHP了，但是我们有通过共享模块再次加重了改模块，这样就导致重复加重。
在php.ini中找到下面并注释
;extension=mysqliRun code
Cut to clipboard
使用php -m还是可以看到mysqli扩展的,并且不会再报刚才的错误
文章：Thinkphp6配置使用Workerman WebSocket Socket 发表时间：2022-06-23, 17:50:23
#199
作者：广西南宁市
js获取audio语音时长
//获取audio语音时长
function getVoiceTime() {
$('ul.conversation li .outer-right audio.addVoiceTime').each(function () {
var audio = $(this)[0], duration;
audio.load();
audio.oncanplay = function(){
duration = Math.ceil(audio.duration);
if (duration == 'Infinity') {
getVoiceTime();
} else {
console.log(duration + `''`);
}
}
});
}Run code
Cut to clipboard
文章：开放免费的文本转语音接口 发表时间：2022-06-21, 15:36:10
#200
作者：广西南宁市
Vue实现音频文件播放功能
<el-button type="text" @click="handlePlay(scope.row)">播放</el-button>
<el-dialog title="录音播放" :visible.sync="dialogVisible" width="20%" :before-close="stop">
<template>
<center>
<audio
:src="src"
autoplay="autoplay"
controls="controls"
ref="audio"
>Your browser does not support the audio element.</audio>
</center>
</template>
</el-dialog>
<script>
data() {
return {
src: "",
dialogVisible: false,
}
methods: {
//播放组件
handlePlay(row) {
this.src = row.filePath;
this.play();
});
},
//播放
play() {
this.dialogVisible = true;
this.$refs.audio.play();
},
//音频暂停
stop() {
this.dialogVisible = false;
this.$refs.audio.pause();
this.$refs.audio.currentTime = 0;
}
}
</script>Run code
Cut to clipboard
文章：开放免费的文本转语音接口 发表时间：2022-06-21, 15:34:29
#201
展开↯#202
作者：广西南宁市
创建配置文件
创建上传到七牛的图片上传类
后台控制器使用
// app/config/qiniu.php
return [
'ak' => '********************', // id
'sk' => '********************', // 秘钥
'bucket'=> '******', // 要上传的空间
'image_url' => '*************', // 空间域名
];
Run code
Cut to clipboard
创建上传到七牛的图片上传类
// app/common/lib/QiUpload.php
<?php
namespace app\common\lib;
use think\facade\Config;
use Qiniu\Auth;
use Qiniu\Storage\UploadManager;
/**
* Class QiUpload 图片上传至七牛云
*/
class QiUpload
{
/**
* 上传图片
* @param $request
*/
public static function qiUpload($request)
{
// 获取上传图片信息
$file = $request->file('file');
// 图片存储在本地的临时路经
$filePath = $file->getRealPath();
// 获取图片后缀
$ext = $file->getOriginalExtension();
// 上传到七牛后保存的新图片名
$newImageName = date('Y') . '/' . date('m') .'/' . substr(md5($file->getOriginalName()),0,6)
. date('YmdHis') . rand(00000,99999) . '.'.$ext;
// 说明：为了方便阅读，上一行代码进行的回车，如果你的遇到了问题，请放到一行
// 构建鉴权对象
$auth = new Auth(Config::get('qiniu.ak') , Config::get('qiniu.sk'));
// 要上传的空间位置
$token = $auth->uploadToken(Config::get('qiniu.bucket'));
// 初始化 UploadManager 对象并进行文件的上传。
$uploadMgr = new UploadManager();
list($ret , $err) = $uploadMgr->putFile($token , $newImageName , $filePath);
if($err !== null){
return null;
}else{
// 图片上传成功
return $newImageName;
}
}
}
Run code
Cut to clipboard
后台控制器使用
// app/admin/controller/Test.php
<?php
namespace app\admin\controller;
use think\facade\Config;
use think\facade\View;
use think\Request;
use app\common\lib\QiUpload;
class Test
{
public function index()
{
return View::fetch();
}
public function add()
{
return View::fetch('add');
}
// 图片上传
public function upload(Request $request)
{
if($request->isPost()){
$img = QiUpload::qiUpload($request);
if($img){
// 图片完整绝对路经
$imgUrl = Config::get('qiniu.image_url') . '/' . $img;
$data = [
'status' => 1,
'msg' => '上传成功',
'img_url' => $imgUrl,
];
return json($data);
}else{
return json(['status'=>0,'msg'=>'上传失败']);
}
}
}
}
Run code
Cut to clipboard
文章：ThinkPHP6七牛云配置设置 发表时间：2022-06-09, 15:19:38
#204
作者：广西南宁市
vscode顶部显示当前文件完整路径信息
修改参数
1. 搜索 window.title
2. 将原来的值activeEditorShort 修改为 activeEditorLong
vscode顶部即可显示文件完整路径
若需要显示标签页中的面包屑功能
View --> Toggle Breadcrumbs
点击Toggle Breadcrumbs选项卡，即可实现标签页中面包屑的显示和隐藏
修改参数
1. 搜索 window.title
2. 将原来的值activeEditorShort 修改为 activeEditorLong
vscode顶部即可显示文件完整路径
若需要显示标签页中的面包屑功能
View --> Toggle Breadcrumbs
点击Toggle Breadcrumbs选项卡，即可实现标签页中面包屑的显示和隐藏
文章：VSCode配置同步到git详细讲解 发表时间：2022-06-08, 17:59:34
#205
作者：广西南宁市
或者直接运行 命令列界面 粘贴 sql 运行
Navicat mysql 数据传输时如果提示[Err] [Dtf] 1067 - Invalid default value for ‘create_time‘ 数据同步 错误提示
Navicat mysql 数据传输时如果提示[Err] [Dtf] 1067 - Invalid default value for ‘create_time‘ 数据同步 错误提示
文章：mysql通过my.cnf修改默认字符集为utf-8的方法以及注意事项 发表时间：2021-07-22, 16:40:22
#206
作者：180.136.225.154, 45.
神灯加速器7 , http://www.ac512.com/8 , X-Art 2015-11-21 Lily Ivy8 , www.ac323.com11 , www.345py.com12 , 大人氣金髮俄羅斯女優SEX
カリビアンコム プレミアム 012315_075 大人気の金髪ロシア女優ジーナとガチSEX
出演: ジーナ
カテゴリー: 洋物 中出し パイパン バイブ フェラチオ 生はめ 制服 金髪洋物 微乳 スレンダー めがね
スタジオ: ティティ
15 ,
www.151py.com16 , http://djjs.cc/index.html
カリビアンコム プレミアム 012315_075 大人気の金髪ロシア女優ジーナとガチSEX
出演: ジーナ
カテゴリー: 洋物 中出し パイパン バイブ フェラチオ 生はめ 制服 金髪洋物 微乳 スレンダー めがね
スタジオ: ティティ
www.151py.com
文章：GPS坐标转换php版本 发表时间：2022-01-17, 15:16:07
#207
作者：广西南宁市
Htaccess转Nginx 在线Apache .htaccess文件转nginx规则
在线Apache(Htaccess)转换Nginx工具
这是一款Htaccess转换Nginx工具，可实现Apache环境下.htaccess文件转换成nginx格式，支持.htaccess文件上传读取与转换，以及生成结果的复制与清空功能。非常简单实用。提供给需要的朋友参考使用。
log_bin_trust_function_creators=1设置
修改MySQL配置⽂件
在线Apache(Htaccess)转换Nginx工具
这是一款Htaccess转换Nginx工具，可实现Apache环境下.htaccess文件转换成nginx格式，支持.htaccess文件上传读取与转换，以及生成结果的复制与清空功能。非常简单实用。提供给需要的朋友参考使用。
log_bin_trust_function_creators=1设置
Navicat中Mysql自定义函数报错？
1. 在MySQL创建用户自定义函数时，报以下错误：
ERROR 1418 (HY000): This function has none of DETERMINISTIC, NO SQL, or READS SQL DATA in its declaration and binary logging is enabled (you might want to use the less safe log_bin_trust_function_creators variable)
2. 为什么？
这是因为有一个安全参数没有开启,log_bin_trust_function_creators 默认为0，是不允许function的同步的，开启这个参数，就可以创建成功了。
3. 设置 全局变量
set global log_bin_trust_function_creators=1;Run code
Cut to clipboard
修改MySQL配置⽂件
在MySQL配置⽂件my.ini或my.cnf中的[mysqld]段上加log-bin-trust-function-creators=1Run code
Cut to clipboard
文章：程序员编程常用网页工具集[游戏] 发表时间：2022-06-06, 18:02:40
#208
展开↯
#209
作者：广西南宁市
电脑U盘快捷键查询进入bois系统
进入PE环境，BIOS设置
电脑怎么重装系统_怎么用u盘一键重装[win11][win10][win7]系统-系统之家装机大师
进入PE环境，BIOS设置
if (index !== 1){
let oHtml ="";
oKeyBtn.eq(1).find(".brand").text("选择电脑品牌");
switch (true){
case val === "品牌笔记本":
oHtml = `
<li class="on"><span>选择电脑品牌</span></li>
<li data-value="F12"><span>联想笔记本</span></li>
<li data-value="F12"><span>宏碁笔记本</span></li>
<li data-value="F12"><span>外星人笔记本</span></li>
<li data-value="F12"><span>小米笔记本</span></li>
<li data-value="ESC"><span>华硕笔记本</span></li>
<li data-value="F9"><span>惠普笔记本</span></li>
<li data-value="F12"><span>联想Thinkpad</span></li>
<li data-value="F12"><span>戴尔笔记本</span></li>
<li data-value="F12"><span>神舟笔记本</span></li>
<li data-value="F12"><span>东芝笔记本</span></li>
<li data-value="F12"><span>三星笔记本</span></li>
<li data-value="F12"><span>IBM笔记本</span></li>
<li data-value="F12"><span>富士通笔记本</span></li>
<li data-value="F12"><span>海尔笔记本</span></li>
<li data-value="F12"><span>方正笔记本</span></li>
<li data-value="F12"><span>清华同方笔记本</span></li>
<li data-value="F11"><span>微星笔记本</span></li>
<li data-value="F9"><span>明基笔记本</span></li>
<li data-value="F12"><span>技嘉笔记本</span></li>
<li data-value="F12"><span>Gateway笔记本</span></li>
<li data-value="F12"><span>eMachines笔记本</span></li>
<li data-value="ESC"><span>索尼笔记本</span></li>
<li data-value="option键"><span>苹果笔记本</span></li>
`;
oKeyPage.html(oHtml);
break;
case val === "品牌台式":
oHtml = `
<li class="on"><span>选择电脑品牌</span></li>
<li data-value="F12"><span>联想台式电脑</span></li>
<li data-value="F12"><span>惠普台式电脑</span></li>
<li data-value="F12"><span>宏碁台式电脑</span></li>
<li data-value="ESC"><span>戴尔台式电脑</span></li>
<li data-value="F12"><span>神舟台式电脑</span></li>
<li data-value="F8"><span>华硕台式电脑</span></li>
<li data-value="F12"><span>方正台式电脑</span></li>
<li data-value="F12"><span>清华同方台式电脑</span></li>
<li data-value="F12"><span>海尔台式电脑</span></li>
<li data-value="F8"><span>明基台式电脑</span></li>
`;
oKeyPage.html(oHtml);
break;
case val === "组装台式":
oHtml = `
<li class="on"><span>选择电脑品牌</span></li>
<li data-value="F8"><span>华硕主板</span></li>
<li data-value="F12"><span>技嘉主板</span></li>
<li data-value="F11"><span>微星主板</span></li>
<li data-value="F9"><span>映泰主板</span></li>
<li data-value="ESC或F12"><span>梅捷主板</span></li>
<li data-value="ESC或F11"><span>七彩虹主板</span></li>
<li data-value="F11"><span>华擎主板</span></li>
<li data-value="ESC"><span>斯巴达卡主板</span></li>
<li data-value="F11"><span>昂达主板</span></li>
<li data-value="ESC"><span>双敏主板</span></li>
<li data-value="F10"><span>翔升主板</span></li>
<li data-value="ESC或F11"><span>精英主板</span></li>
<li data-value="F11或F12"><span>冠盟主板</span></li>
<li data-value="ESC或F12"><span>富士康主板</span></li>
<li data-value="F11或F12"><span>顶星主板</span></li>
<li data-value="ESC"><span>铭瑄主板</span></li>
<li data-value="F8"><span>盈通主板</span></li>
<li data-value="ESC"><span>捷波主板</span></li>
<li data-value="F12"><span>Intel主板</span></li>
<li data-value="ESC或F8"><span>杰微主板</span></li>
<li data-value="F12"><span>致铭主板</span></li>
<li data-value="ESC"><span>磐英主板</span></li>
<li data-value="ESC"><span>磐正主板</span></li>
<li data-value="F9"><span>冠铭主板</span></li>
`;
oKeyPage.html(oHtml);
break;
}Run code
Cut to clipboard
电脑怎么重装系统_怎么用u盘一键重装[win11][win10][win7]系统-系统之家装机大师
文章：程序员编程常用网页工具集[游戏] 发表时间：2022-06-02, 17:36:03
<script> export default { data() { return { } }, mounted() { // 监听按键 var code = '' var lastTime, nextTime // 上次时间、最新时间 var lastCode, nextCode // 上次按键、最新按键 document.onkeypress = (e) => { // 获取按键 if (window.event) { // IE nextCode = e.keyCode } else if (e.which) { // Netscape/Firefox/Opera nextCode = e.which } // 如果触发了回车事件(扫码结束时间) if (nextCode === 13) { if (code.length < 3) return // 手动输入的时间不会让code的长度大于2，所以这里只会对扫码枪有 this.codeFind(code) // 获取到扫码枪输入的内容，做别的操作 code = '' lastCode = '' lastTime = '' return } nextTime = new Date().getTime() // 记录最新时间 if (!lastTime && !lastCode) { // 如果上次时间和上次按键为空 code += e.key // 执行叠加操作 } // 如果有上次时间及上次按键 if (lastCode && lastTime && nextTime - lastTime > 30) { // 当扫码前有keypress事件时,防止首字缺失 code = e.key } else if (lastCode && lastTime) { code += e.key } lastCode = nextCode lastTime = nextTime } }, methods: { // 业务逻辑根据项目更改 codeFind(code) { if ([123456, 789101].indexOf(code) >= 0) { alert('code已经存在') } } } } </script>