页面driver js
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 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
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< ......
flask + layui框体 + iframe，实现点击左侧菜单，显示不同页面
重点解析： 1、主要变动src中的链接，这里是flask的视图函数 <iframe id="iframe" src="daily_unconfirmed_issues" style="width: 100%; height: 550px;"></iframe> @app.route('/daily_ ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-35-处理web页面定位toast-上篇
1.简介 在使用appium写app自动化的时候介绍toast的相关元素的定位，在Web UI测试过程中，也经常遇到一些toast（出现之后一闪而过，不留下一点点痕迹），那么这个toast我们这边如何使用playwright进行定位测试呢？今天宏哥就分两篇介绍一下。 2.什么是toast？ Andr ......
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 ......
12.adb命令启动页面
包和 Activity（活动页）的概念 package 包：是 Android 应用的唯一标志 Activity 活动页： Android 应用页面，一个页面就是一个 Activity 获取当前的页面名 1、打开手机 app 应用的某个页面 2、打开命令行工具 执行命令：adb shell "dum ......
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 人赞同了该文章 上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情，下面就介 ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
前端学习-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 ......
回到页面顶部（回到顶部、过渡动画）
项目背景： vue 1.创建 backtop.vue 的回到顶部逻辑的组件 <template> <transition name="back-up-fade"> <div class="back-top" :style="{ bottom: bottom + 'px', right: right ......
原生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= ......
Web 应用中显示页面字体使用的 font-based icons 技术讲解
在前端Web应用开发中，采用字体图标（font-based icons）的方法是一种常见的技术，它允许开发者使用字体文件来呈现图标，而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标，同时减少了HTTP请求和提高性能。 Font-based icon ......
xv6 device driver
Interrupts and device drivers 驱动程序是操作系统中管理特定设备的代码:它配置设备硬件，告诉设备执行操作，处理由此产生的中断，并与可能等待设备I/O的进程进行交互。驱动程序需要与它所管理的设备并发执行并且必须理解设备的硬件接口，编写代码可能很棘手。 设备通常可以产生中断， ......
关于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(' ......
3种跳转页面方法的区别以及可能遇到的问题
1.window.open() 方法： window.open() 方法会在浏览器中打开一个新窗口或标签页，并加载指定的 URL。可能遇到的问题：由于浏览器的安全限制，该方法只能在用户交互事件的处理程序中使用（例如点击按钮），不能在页面的 onload 事件中使用。同时，一些浏览器可能会屏蔽弹出窗口 ......