Admans的专栏

alert('ns浏览器中键值:'+nkey+'\n'+'ie浏览器中键值:'+iekey+'\n'+'实际键为'+realkey);原文：https://blog.csdn.net/ruizhengyun/article/details/34864381。if(event.keyCode==32){realkey='\' 空格\''}if(event.keyCode==13){realkey='\' 回车\''}版权声明：本文为作者原创文章，转载请附上博文链接！请按任意一个键。

可以监听所有类型的DOM变化，包括属性变化、节点添加、节点移除等。如果您想监听body内容的变化，并作出响应，可以使用。当body的子内容或子元素发生变化时，发生了变化，它会在控制台输出一条消息。对象定义了我们想要观察的特定变化类型。会被触发，并且如果检测到body的。要停止监听变化，可以调用。

【代码】给MOOC视频加一个网页全屏功能。

为了方便学生、老师和家长，官方提供了几乎所有在用的正版电子课本，由于没有下载功能，只能在线看，有点不方便。为了更方便使用，用JS外挂了一个下载按钮。

【代码】禁止浏览器自动输入/补全验证码。

无论你是操纵 HTML 或 SVG DOM 元素，还是创建具有独特功能的独特 Mo.js 对象，这个可靠且经过充分测试的库都经过 1500 多项测试的支持，在 GitHub 上拥有超过 1700 颗星。它是 Anime.js 的一个引人注目的替代品，它提供了一个强大的解决方案来增强你的动画工作。从滚动动画到手写效果和 SPA 页面过渡，这些库增添了独特的美感，提高了参与度，并留下了令人难忘的第一印象。其人性化的设计、对 GitHub 的零依赖以及超过 2100 位用户的认可，使其成为迷人的滚动动画的首选。

背景：Electron 由 GitHub 开发，因其使用 HTML、CSS 和 JavaScript 等 Web 技术构建跨平台桌面应用程序的能力而广受欢迎。主要功能：Electron 通过其 Node.js 集成提供对本机 API 的轻松访问，使开发人员能够创建功能丰富的应用程序。它还支持用 C++ 编写的本机插件，尽管构建这些插件可能更复杂且容易出错。

总结一下这篇文章，不得不提的是，我们的目的不是宣传跨平台应用开发框架哪个获胜。相反，本文简单的目的是帮助你理解这三个跨平台框架的优点和局限性，以便你能够为应用程序开发框架做出一个完美的选择。在评估了各种调查报告后和统计数据之后，本文对信息进行了分析，并对这三个框架中的巨头进行了详细的比较。CSDN,CNBLOG博客文章一键转载插件。

先来说说当下市场开发使用的问题，目前2021年使用vue3开发的企业还是少，基本上都还是以vue2的形式进行开发，vue3的开发模式跟react很像，这时候有人就会想那我学vue3有用么，淦，他喵的，先别激动，冷静听我说说，vue3对于现在企业来说都在慢慢的把一些vue2的东西进行升级，这个非常关键，因为vue2中可以使用vue3的方法，vue3不能使用vue2，你连vue2都没有搞定，还拿个锤子去搞vue3，我们先来看看vue3和vue2的一些区别① vue2使用的是webpack形式去构建项目web

在vue2.0时期，组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed...选项里，这样编写的代码不便于后期的查阅（查找一个业务逻辑需要在各个选项来回切换）。setup函数的推出就是为了解决这个问题，让新手开发者更容易上手...以的形式来命名本地自定义指令，可以直接在模板中使用// 导入指令可重命名// 自定义指令// 在元素上做些操作}}

扩展运算符（spread）用三个点号表示，功能是把数组或类数组对象展开成一系列用逗号隔开的值。剩余运算符（rest）也是三个点号，不过其功能与扩展运算符恰好相反，把逗号隔开的值序列组合成一个数组。当三个点(…)在等号左边，或者放在形参上，为 rest 运算符当三个在等号右边，或者放在实参上，是 spread运算符或者说：放在被赋值一方是rest 运算符。放在赋值一方式 spread运算符。

问题： 在使用 vue 的时候，发现 script 标签首层不缩进？？？下载扩展：prettier。

在public目录创建config.json文件，名字随便起。刷新页面后即显示新的内容。打开main.js，导入。

1、TypeScript是JavaScript的超集，即你可以TypeScript在中使用原生JavaScript语法。2、TypeScript是静态类语言（强类型），编译时进行类型检查；而JavaScript是动态类语言（弱类型）在运行时进行类型判断，相对更灵活。3、TypeScript在JavaScript基础类型上，增加了void、never、any、元组、枚举、以及一些高级类型，还有类、接口、命名空间与更多面向对象的内容等。4、JavaScript没有重载概念，TypeScript可以重载。...

【代码】Virtual script not found, may missing / "allowJs": true / jsconfig.json.volar。

当你需要获取某年某月的最后一天getLastDate(new Date('2023-03-04')) // Fri Mar 31 2023 00:00:00 GMT+0800 (中国标准时间)

【代码】driver.js 扩展下次“不再提示”功能。

首先，为什么我会学习数据结构与算法呢，其实主要是有两方面然后，本文是最近学习的一个总结文章，文中有不足的地方也希望大家在评论区进行指正；文中的算法题，大部分都是leetcode中的，如不太理解题意，可直接去leetcode中找到对应的题。常常听到算法的时候，就会有人说到 时间复杂度， 空间复杂度。 那么这俩玩意是啥呢，下面我就来一一解释其实就是一个函数，用大 O 表示， 比如 O(1)、 O(n)…它的作用就是用来定义描述算法的运行时间如果是 O(1) + O(n) 则还是 O(n)O(n)

2022 年 6 月 22 日，第 123 届 Ecma 大会批准了 ECMAScript 2022 语言规范[1]，这意味着它现在正式成为标准。本次发布的编辑有：Shu-yu Guo[2]Michael Ficarra[3]Kevin Gibbons[4] 可以通过以下方式创建公共属性 (public slots) :实例公有属性[5]静态公有属性[6]私有属性[7]是新的，可以通过以下方式创建:私有属性 (实例私有属性[8] and 静态私有属性[9])私有方法和访问器 (非静态[10] 和

本文将从GraphQL是什么，为什么要使用GraphQL，使用GraphQL创建简单例子，以及GraphQL实战，四个方面对GraphQL进行阐述。说得不对的地方，希望大家指出斧正。github项目地址：https://github.com/Charming2015/graphql-todolist一、GraphQL是什么?关于GraphQL是什么，网上一搜一大堆。根据官网的解释就是一种用于 API 的查询语言。一看到用于API的查询语言，我也是一脸懵逼的。博主你在开...

Mozilla实验室最近在github上开源了一款js库pdf.js，用来读取PDF文件。http://mozilla.github.io/pdf.js/Using base64 encodedPDFHTML页面内容script src="//mozilla.github.io/pdf.js/build/pdf.js">script>h1>PDF.js

本文精选了20多道具有一定迷惑性的js题，主要考察的是类型判断、作用域、this指向、原型、事件循环等知识点，每道题都配有详细傻瓜式的解析，偏向于初学者，大佬请随意。第1题leta=1functionb(a){a=2console.log(a)}b(a)console.log(a)答案2、1解析首先基本类型数据是按值传递的，所以执行b函数时，b的参数a接收的值为1，参数a相当于函数内部的变量，当本作用域有和上层作用域同名的变量时，无法访问到上层变...

???? NPM 是随同 NodeJS 一起安装的 javascript 包管理工具，能解决 NodeJS 代码部署上的很多问题发布前的准备注册一个 npm 账号前往 NPM 官网进行注册初始化项目这里用的是webpack-simple,可以理解为精简版的vue-cli。如果没有全局安装 vue 的话，需要先安装cnpm i -g @vue/cli-init然后再初始化 vue 项目，我们要写的是一个简单的 vue 组件，不需要依赖那么多

河北科技师范学院欧美学院新闻标题河南大学迈阿密学院新闻标题首都经济贸易大学密云分校新闻标题北京科技大学(延庆校区)新闻标题湖北中医药大学职业技术学院新闻标题公安消防部队高等专科学校新闻标题从上边的类似新闻标题中提取完整学校名称，最终参考代码如下：> let str_title='湖北中医药大学职业技术学院新闻标题'; let m=str_title.match(/(\S*)?(大学|学院|分校|分院|学校|校区(\)|）)?)/); console.log(m

JS 里的操作符大家每天都在使用，还有一些 ES2020、ES2021 新加的实用操作符，这些共同构成了 JS 灵活的语法生态。本文除介绍常用的操作符之外，还会介绍 JS 里一些不常用但是很强大的操作符，下面我们一起来看看吧～1. 数值分割符 _ES2021 引入了数值分割符 _，在数值组之间提供分隔，使一个长数值读起来更容易。Chrome 已经提供了对数值分割符的支持，可以在浏览器里试起来。let number = 100_0000_0000_0000 // 0太多了不用数值分割符眼睛看花了con

主要代码：/***@description: 比较两个字符串大小*@author: JackieZheng*@date: 2020-12-03 19:59:39*/function compare(a, b) { if (a == b) { return 0; } else { let lsta = a.toString().replace(/[一二三四五六七八九十]+/g, ChineseToNumber).split(/(\d+)/);.

/*** * @param {} select select控件 * @param {} nodes Array数据* @param {} value value绑定项* @param {} text text绑定项* @param {} prompt 选择提示信息* @returns {} */function bindSelect(select, nodes, value, text, prompt) { select.empty(); if (pro.

最终效果主要代码package.json{ "name": "WeReadForVSCodeJackieZheng", "repository": { "type": "git", "url": "https://github.com/JackieZheng/WeReadForVSCode.git" }, "displayName": "WeReadForVSCode", "description": "WeRead for VSCode 微信读书 VSCode 插件

主要JSfunction removeImgBg(img) { //背景颜色 白色 var rgba = [255, 255, 255, 255]; // 容差大小 var tolerance = 60; var imgData = null; var canvas = document.createElement('canvas'); var context = canvas.getContext("2d"); var w = img.width; var h = img.he

CSS： /*元素内部加载loading*/ .innerLoading { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .innerLoading * { text-align: center; color: #737782cc; fill: #73777A; font-size: 1em !important;

var arr=[ {id: "600", pId: null, name: "图形的变化"}, {id: "630", pId: "600", name: "投影与视图"}, {id: "631", pId: "630", name: "投影"}, {id: "632", pId: "630", name: "三视图"}];arr.map((obj)=>{return "'"+obj.id+"'"}).join(",");//结果"'600','6.

/************************************************************ * JSArrayOrder.js * 0.1 * JackieZheng ************************************************************/function compare(a, b, orderArr...

layer的icon有7种样式：1-7[图片来自：https://blog.csdn.net/beauxie/article/details/60959971]有时候常常记不住，不防自己定义一哈：var layerIcon ={ //无 none: -1, //成功 success: 1, //失败 error: 2, ...

js调试效果：下面主要是拼装js代码： /** * @Description 获取webView选中文字内容 * @param webView * @param callBack */ public static void webViewGetSelectedData(WebView webView,webViewGetS...

准备测试数据var data=[{name:"Jackie",id: "122"}, {name:"Tony2",id: "121"}, {name:"Tony",id: "121"}];find查找返回第一个符合条件的结果data.find(user=>user.id==='121')--结果{name: "Tony2", id: "121"}filter...

目录1.ES6新特性（2015）1.1模块化(Module)1.1.1导出(export)1.1.2导入(import)1.2箭头（Arrow）函数1.2.1箭头函数的结构1.3默认参数1.4模板字符串1.5.结构赋值1.5.1数组的结构赋值1.5.2对象的结构赋值1.6延展操作符(Spread operator)1.7Promise2 ES...

最近研究微信小程序，发现在手机上使用系统键盘非常不方便，一是按键太小，对于小学生来说，操作非常不方便；二是系统键盘反复切换影响界面布局。于是自己决定自己写一个随机的小键盘。原理非常简单：拿“口算练习”来说，总共只设置四个数字输入键和一个“Del”键，随机从0-9这10个数字随机显示四个数字就足够了，当然这四个数字必须包含答案所含的数字。如下图中界面所示：习题为“9+77=？”，答案为86，先提出8...

竖屏横屏效果<div class="h5box"> <iframe src="http://www.sina.com" frameborder="0" width="1280px" height="720px"></iframe></div>

“百度网盘”程序做的比较烂，以百度的技术实力按说不应该如此。真正试了就知道真的不怎么样。  为了统计百度网盘的文件写了以下脚本，仅供参考：var root = "";//指定目录，空取当前目录var totalCount = 0;var startTime = new Date();function timeSpan(stime, etime) { var usedTime = etime...

最近需要统计百度网盘里文件的数量，百度网盘又没有提供这样的功能，因此之前自己写了段脚本进行查验，见《利用浏览器调试功能 计算 百度网盘》。之后发现每个目录最多文件数只有1000，因此研究了哈百度的接口，重新对脚本进行了修改。具体见代码：/*********************百度文件数量统计 V2*2018.06.15*Jackie********************//**...