浏览器 事件js ie
浏览器端模块化方式es module详解
浏览器端模块化方式es module详解 在es module出现之前还有社区推出amd和cmd的规范，这两者还有其特定的编写方式，使用起来不算很方便。es module被官方推出来就成为了浏览器端实现模块化的一个很好的方案。 想要在浏览器端使用 es module ，首先在 html 当中引入 j ......
如何像 Sealos 一样在浏览器中打造一个 Kubernetes 终端？
作者：槐佳辉。Sealos maintainer 在 Kubernetes 的世界中，命令行工具（如 kubectl 和 helm）是我们与集群交互的主要方式。然而，有时候，我们可能希望能够在 Web 页面中直接打开一个终端，执行这些命令，而不需要在本地环境中安装和配置这些工具。本文将深入探讨如何通 ......
js customEvent 创建和触发自定义事件
在日常的 Web 开发中，我们经常与内置的浏览器事件互动，例如 click、input 和 submit。但有时，我们可能希望在特定情境下创建并触发自己的事件。这时，CustomEvent 就派上了用场。 基本用法 // 使用 new CustomEvent 创建一个自定义事件 const myEv ......
过滤器：禁止浏览器缓存所有动态页面
禁止浏览器缓存所有动态页面意味着阻止浏览器在访问网站上的动态生成内容时将这些内容存储在本地缓存中。动态页面通常是那些在每次加载时都会根据用户请求或其他因素而生成不同内容的页面，而不是静态页面，其内容在每次访问时都保持不变。 禁止浏览器缓存动态页面可以确保用户在访问网站时总是看到最新的内容，而不会因为 ......
自写vue导航栏--动态读取js的数据
App.vue <template> <el-container class="layout-container-demo" style="height: 500px"> <el-aside width="200px"> <el-scrollbar> <!-- <el-menu :default-o ......
Selenium 获取浏览器请求的 请求头、响应头
selenium是没有办法直接获取请求的详细Headers,很多时候我们我们是需要提取相关的参数来做进一步使用比如token之类的 这里推荐使用一个SeleniumWire模块来达到目的 Selenium-wire模块: 安装： pip install selenium-wire Selenium ......
Module parse failed: Unexpected token (7:27) File was processed with these loaders: * ./node_modules/vue-loader/dist/templateLoader.js * ./node_modules/vue-loader/dist/index.js 问题的解决
问题描述 由于自身用的是vue3的版本，所以原来的element组件只是适用于vue2，而vue3就是即便按照教程的步骤进行更改，还是依然报错，所以， 我们在使用组件的时候，就需要直接使用element-plus组件； 然而，在我引入新的组件之后，就出现了这样的错误： 满屏的红色呀！ 问题解决 经过 ......
js自定义事件
//点击列表跳转到详情页面function newpage (){ //ul列表中的每个li var listpage = document.getElementById('listpage') var lis = listpage.getElementsByTagName('li') //遍历每一 ......
js常考的面试题重新整理
// call Function.prototype.mycall = function(context) { // 1. 将传递给mycall的第一个参数作为函数内部的上下文，如果没有传递参数，则默认为全局对象window。 context = context || window; // 2. 在 ......
js 大屏屏幕适配方案，同样适用Vue
vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配，在网上找的方案在全屏于非全屏时，效果会有一点点差距，所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看，所以非全屏时会存在滚动条，并不是bug ......
decimal.js加减乘除运算 速记
const a = 9.99; const b = 8.03; // 加法 let c = new Decimal(a).add(new Decimal(b)) // 减法 let d = new Decimal(a).sub(new Decimal(b)) // 乘法 let e = new De ......
Node.js .env file All In One
Node.js .env file All In One import process from 'node:process'; // const process = require('node:process'); import { env } from 'node:process'; env.f ......
pycharm上运行UI自动化脚本后浏览器自动关闭的原因
现象：代码中没有出现关闭浏览的代码，但是代码运行完后还是自动将浏览器给关闭了 原因：selenium版本过高导致，新版的selenium在代码运行完后就会关闭浏览器 解决办法：可以安装之前selenium的版本，如4.4.3版本就不会自动关闭浏览器 ......
大屏屏幕自适应大小的JS写法
本项目用的是vue开发，首先需要定义一下根节点app节点的大小，这里用1920的默认宽度定义 <style> #app { width: 1920px; margin: 0 auto; transform: scale(1); transform-origin: 0 0; } </style> js ......
Js基础-循环语句
循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种，for循环，while循环和do-while循环 for for 是一种经常被用到的循环结构 例如：控制台循环打印1到10 的数字 // for 括号后跟着 三个表达式， 三个表达式用 分号(;) 隔开 // var i = ......
js时间排序；js时间倒序排序，没有此属性的放最后
需求：设备列表，按最近连接时间字段-倒序排序，最近连接的放最前面，没有最近连接时间字段的放最后面 数据格式如下： 实现代码如下：（o2在前，o1在后为倒序排序；正序排序则反之） 若为简单常见的创建时间排序，可直接如下：（o2在前，o1在后为倒序排序；正序排序则反之） ......
el-table关于选择行的三个常用事件
变量声明 data(){ return{ selectList: [], } } 事件绑定 <el-table @select-all="selectAllChange" @selection-change="secondaryPageTableSelectStorage" 方法函数实现 // 表格 ......
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ......
前端科普系列-Node.js:换个角度看世界
前端科普系列-Node.js:换个角度看世界 无名之辈 一个有代码洁癖的前端小开发，热爱生活，追求极致 关注他 55 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端，主要覆盖前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发 ......
Chrome浏览器不提示保存密码的解决办法
首先关闭浏览器，然后进入Chrome浏览器的数据存储文件夹【C:Users你的用户名AppDataLocalGoogleChromeUser DataDefault】删除【Login Data、Login Data-journal 】两个文件即可。 原文链接：https://office.tqzw. ......
Edge浏览器没有让我失望! 今天终于可以在win10中模拟IE内核进行前端测试了,以后就用它了!
🚀 个人主页 极客小俊 ✍🏻 作者简介：web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起进步！😄 🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 😝 ietest现在是不是不好用了? Edge浏览器仿真是不是不见了？ 如图 如果我们 ......
canvas+js接金币小游戏
忙里偷闲，让UI小伙伴帮忙搞了几个图片元素，利用飞机大战代码进行修改，做个接金币小游戏～ var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var imgWidth = win ......
08-事件处理
事件的基本使用 1) 使用v-on:xxx 或 @xxx 绑定事件，其中 xxx 是事件名 2) 事件的回调需要配置在 methods对象中，最终会在 vm实例对象上 3) methods中配置的函数，不要用箭头函数，否则 this 指向的就不是 vm实例对象了 4) methods中配置的函数，都 ......
【JS】数组扁平化
递归和非递归版本 const arr = [ 123, 2, [ 2,3,4 ,[ 345, 34, [ 34,34,34 ] ] ] ] const flatten = (arr) => { return arr.reduce((acc, val) => Array.isArray(val) ? ......
【JS】手写Promise基本功能
https://github.com/zjy4fun/notes/tree/main/demos/js-promise 三个状态，两个回调队列，then 的时候针对不同状态进行处理 class MyPromise{ constructor(executor) { this.state = 'pend ......
UniApp是一款基于Vue.js开发框架的多端应用开发工具
UniApp是一款基于Vue.js开发框架的多端应用开发工具，它的目标是使开发者能在一次编写的代码基础上同时在多个平台上运行，包括iOS、Android、H5、小程序等。UniApp的出现极大地提升了开发效率和用户体验，下面通过一个具体的案例来介绍UniApp的强大功能。 以某家锁具品牌“”为例，月 ......
【JS】实现 instanceOf
https://github.com/zjy4fun/notes/tree/main/demos/js-instanceof 原型就是一个对象，instanceof 就是检查构造函数的原型是否在对象的原型链上 function myInstanceOf(obj, constructorFn) { c ......