浏览器 事件js ie
js递归树结构
//递归重组tree数据 concatTreeData(list,newData, keyId,isLayze) { let isFlag = false; list.map((item, index) => { if (item.id == keyId) { if (item.children) ......
node.js卸载不干净
如果你在卸载 Node.js 后发现存在残留的文件或目录,可以尝试以下步骤来清理它们: 在命令行中输入 npm root -g,找到全局 Node.js 模块的安装目录。 删除该目录下的所有文件和子目录,确保没有任何残留。 检查是否还存在 Node.js 的环境变量。在 Windows 中,你可以在 ......
前端面试题-js(三)
1.JavaScript中的对象 JavaScript 中有八种数据类型。有七种原始类型,因为它们的值只包含一种东西(字符串,数字或者其他)。相反,对象则用来存储键值对和更复杂的实体。 对象是具有一些特殊特性的关联数组。 它们存储属性(键值对),其中: 属性的键必须是字符串或者 symbol(通常是 ......
js中字符串的方法
字符串的17种方法。。。。。。 length:返回字符串的长度。 const str = "Hello, World!"; console.log(str.length); // 输出 13 charAt(index):返回指定索引位置的字符。 const str = "Hello, World!" ......
1148-文章浏览 Ⅰ
# 文章浏览 Ⅰ > 原文地址:[1148. 文章浏览 I - 力扣(LeetCode)](https://leetcode.cn/problems/article-views-i/) - 题目如下所示 ![](https://img2023.cnblogs.com/blog/2904930/202 ......
VUE基础03-事件监听
##事件监听 使用`v-on`指令监听DOM事件: ```{{ count }}``` 因为其经常使用,`v-on` 也有一个简写语法: ```{{ count }}``` 完整实例 ``` count is: {{ count }} ``` ......
获取qt窗口的三种变化状态的事件,最小化、正常、最大化
/*重写该函数*/ void MainWindow::changeEvent(QEvent *event) { if(QEvent::WindowStateChange == event->type()) { QWindowStateChangeEvent * stateEvent = dynami ......
js中对象数组按照另一个对象数组的某一项排序
有对象数组 arr1 和 arr2, 现在 arr2 需要按照 arr1 中的 checkItems 的值来排序 ``` const arr1 = [ {checkItems: 'A'}, {checkItems: 'B'}, {checkItems: 'C'}, ] const arr2 = [ ......
js 检测文本是否溢出
[自定义指令的方式](https://sunzsh.gitbook.io/xiaoshan.bug/fen-xiang-yi-ge-ke-yi-zi-dong-jian-ce-shi-fou-chu-xian-sheng-lve-hao-de-vue-zhi-ling "自定义指令的方式") ## ......
JS基础
js基础 之前学习的都忘了,重来 一,js简介 ECMAscript是javascript标准,所以一般情况下我们认为这是一个意思 实际上javascript要更大一些 完整的javascript实现应该由以下三个部分构成 ECMAscript DOM BOM 构成 js的特点: 解释型语言 类似于 ......
js正则校验
1.常用证件正则表达式 1、省份证:/^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}(d|x|X)$/ 2、军官证:/^[0-9]{8}$/ 3、护照:/^[a-zA-Z0-9]{5,17}$/ 4、营业执照:/^[a-zA-Z0- ......
vue3中父组件与组件之间参数传递,使用(defineProps/defineEmits),涉及属性传递,对象传递,数组传递,以及事件传递
## Vue3 中子父组件之间的通信 ### 一、父组件传递参数到子组件 采用defineProps #### 传递属性 父组件: ```vue 这是父组件 父组件像子组件传递参数 传递属性值 ``` 子组件: ```vue 这是子组件 属性值接收区 父组件传值接收区:字符型:{{ fatherMe ......
细节决定成败,聊聊JS的类型(下)
讲完了基本类型,我们来介绍一个现象:类型转换。 因为 JS 是弱类型语言,所以类型转换发生非常频繁,大部分我们熟悉的运算都会先进行类型转换。大部分类型转换符合人类的直觉,但是如果我们不去理解类型转换的严格定义,很容易造成一些代码中的判断失误。 其中最为臭名昭著的是 JavaScript 中的“ == ......
前端基础-js篇(二)
1.break和continue有什么区别? 共同点:break和continue都用于循环控制,但他们的工作方式有所不同。 区别:(1). Break: 当循环遇到break语句时,它会立即终止当前正在执行的循环,并且完全跳出该循环,不再执行剩下的迭代。此外,程序将继续执行break语句后面的代码 ......
谷歌浏览器设置黑色
参考 https://zhuanlan.zhihu.com/p/162015675 1、打开谷歌浏览器url输入指令 chrome://flags/#enable-force-dark 2、搜索如下指令 Auto Dark Mode for Web Contents 改为enabled,重启即可 ......
Android中WebView和网页js脚本互操作
参考 Android WebView与JS的交互方式:https://blog.csdn.net/u011035026/article/details/123267616代码示例: package com.jay.wvjsapp; import android.app.Activity; impor ......
给伪元素添加点击事件
想要给元素的伪元素添加点击事件可以分两种情况,第一种情况是元素本身没有点击事件,只有伪元素有,第二种情况是元素与伪元素都具有点击事件。 ### 1. 只有伪元素有点击事件 这种情况比较简单,只需要让元素本身不响应鼠标事件,让伪元素响应鼠标事件即可,然后直接将事件添加在元素上。 ```css .ele ......
【JavaScript】js 处理复制函数实现
```ts const handleCopy = () => { if (!keywordList.value.length) return ElMessage.warning('没有数据'); const text = JSON.stringify(keywordList.value); cons ......
js小众且好用的技巧【一行代码】
数组 生成数组 当你需要要生成一个0-99的数组 方案1 js 复制代码 const createArr = (n) => Array.from(new Array(n), (v, i) => i) const arr = createArr(100) // 0 - 99 数组 方案2 js 复制代 ......
React 中的 JS 报错及容错方案
## 前言 导致白屏的原因大概有两种,一为资源的加载,二为 JS 执行出错 本文就 JS 中执行的报错,会比较容易造成"**白屏**"场景,和能解决这些问题的一些方法,作出一个汇总 ## 常见的错误 ### SyntaxError > **`SyntaxError`**(语法错误)对象代表尝试解析不 ......
React18+Next.js13+TS,B端+C端完整业务+技术双闭环(20章)
最新 React 技术栈,实战复杂低代码项目-仿问卷星第1章 开期准备 试看3 节 | 20分钟介绍课程内容,学习建议和注意事项。演示课程项目,让学员有一个整体的认识。第2章 【入门】什么是 React React 引领了现代前端开发的变革8 节 | 50分钟介绍 React 的历史、背景和每次版本 ......
微信小程序(三)列表渲染&数据绑定&事件绑定&路由跳转&生命周期&本地存储&模板使用
这里新建个页面log,然后用这个页面进行测试。 同时修改app.json,将log 页面设置为首页 ```json "pages": [ "pages/index/index", "pages/log/log" ], "entryPagePath": "pages/log/log", ``` # 0 ......
vue.config.js
const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认:'/',部署应用包时的基本 URL,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,如果是部署在一个子路 ......
eletron安装卡在 node install.js,解决方案
问题:eletron安装卡在 node install.js 编辑 ~/.npmrc 加入下面内容此命令直接打开.npmrc文件,然后对其进行修改npm config edit加入如下代码: registry=https://registry.npm.taobao.org electron_mirr ......
标签栏切换效果 JS
标签栏切换效果 JS 要求:class为tab-box的元素用于实现标签栏的外边框,,分别实现标签栏的标签部分和内容部分. html <div class="tab-box"> <div class="tab-head-div current">标签一</div> <div class="tab-h ......
Java实现浏览器端大文件分片上传实例
上周遇到这样一个问题,客户上传高清视频(1G以上)的时候上传失败。 一开始以为是session过期或者文件大小受系统限制,导致的错误。 查看了系统的配置文件没有看到文件大小限制, web.xml中seesiontimeout是30,我把它改成了120。 但还是不行,有时候10分钟就崩了。 同事说 ......
记录--关于浏览器缓存策略这件事儿
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 我们打开百度这个网站并刷新多次时时,注意到百度的logo是没有每次都加载一遍的。我们知道图片是img标签中的src属性加载出来的,这也需要浏览器去请求图片资源的,那么为什么刷新多次浏览器只请求了一次图片资源呢?这就涉及到了浏览器的缓 ......
如何让openssl生成的SSL证书被浏览器认可(转)
参考文章: > [解决https网站通过nginx+openssl自签名证书访问,在谷歌浏览器报不安全告警的问题](https://blog.csdn.net/u010425839/article/details/120755553) > > [如何让openssl生成的SSL证书被浏览器认可](h ......
Java实现浏览器端大文件分片上传示例
在web项目中上传文件夹现在已经成为了一个主流的需求。在OA,或者企业ERP系统中都有类似的需求。上传文件夹并且保留层级结构能够对用户行成很好的引导,用户使用起来也更方便。能够提供更高级的应用支撑。 数据表结构文件 编辑 文件夹数据表结构 编辑 文件数据表结构 编辑 该项目核心就是文 ......
webworker/浏览器空闲状态/不引入单独js
想必大家都遇到过浏览器页面最小化、非当前聚焦页面(锁屏暂时没有尝试,按理是一样的)这些场景时,再次打开目标页面时,页面自动刷新了一下,或者重新加载了一次,明显可以看到卡顿了一下等等现象(不同浏览器策略有所不同)。体会最明显的就是比如我们写了一个时钟的页面,最小化等操作之前时间和机器时间是同步的,但是 ......