浏览器 事件js ie
js 判断是否为 IE 通过事件关闭新打开的浏览器窗口
//必须通过 target="_blank" 打开新窗口才可关闭 if (window.ActiveXObject || "ActiveXObject" in window) { //ie window.location.href = "about:blank"; //为兼容IE作此修改 windo ......
vscode如何设置HTML/CSS/JS保存后自动格式化？
具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......
好奇心驱使下试验了 chatGPT 的 js 代码的能力
手边的项目中有个函数，主要实现图片分片裁剪功能。可以优化一下。 也想看看 chatGPT 的代码理解能力，优化能力，实现能力，用例能力。 于是有了这篇文章。 实验结果总结： chatGPT 确实强大，提供的答案可以借鉴，但不能完全依赖，需要你自行判断是否正确 当你需要一个纯函数时，可以考虑使用。 提 ......
火狐如何关闭提示，此浏览器存在兼容性问题会影响你的正常使用
这个提示是由于您使用的Firefox版本过旧或者存在一些插件/扩展程序与之不兼容所导致的。要关闭这个提示，您可以尝试以下几种方法： 尝试升级Firefox到最新版本，以获得更好的兼容性和体验； 禁用或删除可能造成兼容性问题的插件或扩展程序； 在Firefox地址栏输入 about:config ，然 ......
全局事件总线
全局事件总线（GlobalEventBus） 一种组件间通信的方式，适用于任意组件间通信。 安装全局事件总线 在main.js里 new Vue({ ... beforeCreate() { Vue.prototype.$bus = this }, ... }) 使用全局事件总线 接收数据：A组件想 ......
js字符串转base64
js字符串转base64 原文链接：https://blog.csdn.net/qq_40666120/article/details/120146906 字符串转base64 function encode(str){ // 对字符串进行编码 var encode = encodeURI(str) ......
JS字符串转base64格式
JS字符串转base64格式 原文链接：https://www.cnblogs.com/liu-fei-fei/p/7251105.html var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ......
实现在request.js里引用store
###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v ......
app端的浏览功能
在今天我们小组，讨论了关于医学文献的这个功能，并且给每个人分好了功能，每个人要干什么，和完成了什么然后并且讨论了一些这个工程的一些话题。 以下是开的会议视频： meeting_01_哔哩哔哩_bilibili 合照： ......
Vue.js 两个新的生命周期钩子（路由组件独有）
视频 11.两个新的生命周期钩子 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......
Vue.js 缓存路由组件
视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......
js数组方法之数组变异方法
push、pop、unshift、shift、sort、splice、reverse 以上这些方法都会改变原数组并且 这些方法的返回值是值得注意的有时候可以提高工作效率，比如pop方法的返回值是该元素(删去的第一个) 其他的都不多说了，还有一些非变异方法 了解一下 filter() //过滤数组中某 ......
Vue.js 编程式路由导航
视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......
js基础
// js 会把var声明的变量提升到js文件的最顶部 // 控制台打印语句 // console.log('你好！'); // 警告框！ 通知用户出错了 // alert(' haha') // 输入框-输入内容 prompt得到的输入内容永远都是字符串 // var n1 = prompt("第 ......
gotenberg+ chromiumly + pdf.js 进行office 文档转换以及预览处理
日常中office 预览是一个比较常见的问题，基于微软的office online 是一个选择，但是移动端效果不是很好 就有pdf 以及一些基于生成图片的方案也是不错的，以下是基于gotenberg+ chromiumly 的一个尝试 简单说明 gotenberg 是基于golang 开发的包装了C ......
关于浏览器sessionStorage共享问题
今天也是闲暇之余看了点前端基础知识发现了好玩的 window.open("同源页面")这种方式新开的页面会复制之前的sessionStorage 通过a标签新开的页面同样也会，原理相同，在这就不赘述了。 SessionStorage也有同源策略的限制，但是SessionStorage有一条更加严格的 ......
js的基本数据类型的检测
检测变量类型： 1. typeof 运算符用来判断未知数据的数据类型，返回值是一个用来描述类型的字符串，有6种结果 (string,number, boolean,object, function, undefined)需要注态的是，数组，null在使用typeof判断的时候都会返回object。 ......
JavaWeb之Servlet详解（以及浏览器调用 Servlet 流程分析图）
Servlet 1.什么是Servlet Servlet(java 服务器小程序) 他是由服务器端调用和执行的(一句话：是Tomcat解析和执行) 他是用java语言编写的, 本质就是Java类 他是按照Servlet规范开发的(除了tomcat->Servlet weblogic->Servlet ......
JS 根据key查找对象数组中符合的一项 返回对象（递归）
在一个复杂的数组对象数据中（嵌套多层），通过key值返回对应的对象 1 方法： parseJson(jsonObj, key, value) { // 循环所有键 let array = [] for (let v in jsonObj) { let element = jsonObj[v] // ......
js入门
js的基础 JavaScript (简称JS”) 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 javascript又名ECMAscript ECMA是什么？ 1、全称：European computer manufacturers association欧洲计算机制造联合会； 2 ......
js基础
js入门 JavaScript开发web页面的脚本语言 1995年网景公司布兰德 JavaScript的标准是ECMAScript is代码必须写在script标签里 vara=2;var声明变量的关键字关键字key(唯一) a变量的名字(只能用英文字母) = 赋值号 2值 1.输出使用: 控制台打 ......
【解释器设计模式详解】C/Java/Go/JS/TS/Python不同语言实现
简介 解释器模式（Interpreter Pattern）是一种行为型设计模式。这种模式实现了一个表达式接口，该接口解释一个特定的上下文。这种模式常被用在 SQL 解析、符号处理引擎等。 解释器模式常用于对简单语言的编译或分析实例中，为了掌握好它的结构与实现，必须先了解编译原理中的“文法、句子、语法 ......
JS中的函数防抖
一、什么是函数防抖 概念：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。 举个栗子，坐电梯的时候，如果电梯检测到有人进来（触发事件），就会多等待 10 秒，此时如果又有人进来（10秒之内重复触发事件） ......
【WPS JS教程】sleep函数休眠或等待，1分钟看懂！！！
function sleep(sleepTime) { for(var start = new Date; new Date - start <= sleepTime;) {} } function main(){ alert("关注公众号【小知识酷】，搜索“WPS JS”获取更多相关教程") sl ......
解决antv x6 树形图在IE浏览器的兼容性问题（已兼容IE9及以上）。
因为是给老项目做的树形图展示，框架比较老，使用了传统的html+js代码开发。使用了antv x6 来渲染一颗多级树形结构的图，开发完后在firefox、edge、chrome等现代浏览器上均可正常显示。但甲方客户想在ie浏览器上也能用，所以做了以下尝试，通过不断摸索、调试的艰难过程，终于大功告成。 ......
Three.js教程：第一个3D场景
推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：https://nsdt.cloud/ 下面的代码完整展示了通过three.js引擎创建的一个三维场景，在场景中绘制并渲染了一个立方体的效果，为了大家更好的宏观了解three.js引擎， 尽量使用了一段短小但完整的代码实现一个实际的三维效果图 ......
js 原型和原型链
1、原型：js中对象o:{} 有一个隐藏属性（__proto__）,这个隐藏属性会指向o的原型：o.__proto__ Object.prototype;那么我们就说：Object.prototype就是o的原型； 2、原型链：假设一个数组a=[];a 的隐藏属性指向它的原型（a.__proto__ ......
Vue.js router-link的replace属性
视频 8.<router-link>的replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-lin ......
js this是什么？
1、this：指当前执行上下文的一个属性，在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。 可以理解为：this 就是你call 一个函数时，传入的第一个参数，即谁调用了函数，this就指向谁。 2、函数调用转换： func(p1, p2) 等价于 func.call(undefined ......
js显示用户输入的字数
Document 0 <script> //显示输入的字数 var text = document.querySelector('textarea'); var num = document.querySelector('span'); console.log(text); text.onkeyup ......