hook js

具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......

//必须通过 target="_blank" 打开新窗口才可关闭 if (window.ActiveXObject || "ActiveXObject" in window) { //ie window.location.href = "about:blank"; //为兼容IE作此修改 windo ......

手边的项目中有个函数，主要实现图片分片裁剪功能。可以优化一下。 也想看看 chatGPT 的代码理解能力，优化能力，实现能力，用例能力。 于是有了这篇文章。 实验结果总结： chatGPT 确实强大，提供的答案可以借鉴，但不能完全依赖，需要你自行判断是否正确 当你需要一个纯函数时，可以考虑使用。 提 ......

js字符串转base64 原文链接：https://blog.csdn.net/qq_40666120/article/details/120146906 字符串转base64 function encode(str){ // 对字符串进行编码 var encode = encodeURI(str) ......

JS字符串转base64格式 原文链接：https://www.cnblogs.com/liu-fei-fei/p/7251105.html var Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgh ......

###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v ......

视频 11.两个新的生命周期钩子 作用：路由组件所独有的两个钩子，用于捕获路由组件的激活状态。 具体名字： activated路由组件被激活时触发。 deactivated路由组件失活时触发。 Home.vue News.vue #components ##Banner.vue <template> ......

视频 10.缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include="News"> <router-view></router-view> </keep-alive> News.vue Home.vue Message.vue #compone ......

push、pop、unshift、shift、sort、splice、reverse 以上这些方法都会改变原数组并且 这些方法的返回值是值得注意的有时候可以提高工作效率，比如pop方法的返回值是该元素(删去的第一个) 其他的都不多说了，还有一些非变异方法 了解一下 filter() //过滤数组中某 ......

视频 router-link 最后会转成 标签， 有时候页面不是a标签就不能用router-link来写 9.编程式路由导航 作用：不借助<router-link> 实现路由跳转，让路由跳转更加灵活 具体编码： //$router的两个API this.$router.push({ name:'xi ......

// js 会把var声明的变量提升到js文件的最顶部 // 控制台打印语句 // console.log('你好！'); // 警告框！ 通知用户出错了 // alert(' haha') // 输入框-输入内容 prompt得到的输入内容永远都是字符串 // var n1 = prompt("第 ......

日常中office 预览是一个比较常见的问题，基于微软的office online 是一个选择，但是移动端效果不是很好 就有pdf 以及一些基于生成图片的方案也是不错的，以下是基于gotenberg+ chromiumly 的一个尝试 简单说明 gotenberg 是基于golang 开发的包装了C ......

检测变量类型： 1. typeof 运算符用来判断未知数据的数据类型，返回值是一个用来描述类型的字符串，有6种结果 (string,number, boolean,object, function, undefined)需要注态的是，数组，null在使用typeof判断的时候都会返回object。 ......

在一个复杂的数组对象数据中（嵌套多层），通过key值返回对应的对象 1 方法： parseJson(jsonObj, key, value) { // 循环所有键 let array = [] for (let v in jsonObj) { let element = jsonObj[v] // ......

js的基础 JavaScript (简称JS”) 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 javascript又名ECMAscript ECMA是什么？ 1、全称：European computer manufacturers association欧洲计算机制造联合会； 2 ......

js入门 JavaScript开发web页面的脚本语言 1995年网景公司布兰德 JavaScript的标准是ECMAScript is代码必须写在script标签里 vara=2;var声明变量的关键字关键字key(唯一) a变量的名字(只能用英文字母) = 赋值号 2值 1.输出使用: 控制台打 ......

简介 解释器模式（Interpreter Pattern）是一种行为型设计模式。这种模式实现了一个表达式接口，该接口解释一个特定的上下文。这种模式常被用在 SQL 解析、符号处理引擎等。 解释器模式常用于对简单语言的编译或分析实例中，为了掌握好它的结构与实现，必须先了解编译原理中的“文法、句子、语法 ......

一、什么是函数防抖 概念：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。 举个栗子，坐电梯的时候，如果电梯检测到有人进来（触发事件），就会多等待 10 秒，此时如果又有人进来（10秒之内重复触发事件） ......

function sleep(sleepTime) { for(var start = new Date; new Date - start <= sleepTime;) {} } function main(){ alert("关注公众号【小知识酷】，搜索“WPS JS”获取更多相关教程") sl ......

推荐：将NSDT场景编辑器加入你3D工具链 其他工具系列：https://nsdt.cloud/ 下面的代码完整展示了通过three.js引擎创建的一个三维场景，在场景中绘制并渲染了一个立方体的效果，为了大家更好的宏观了解three.js引擎， 尽量使用了一段短小但完整的代码实现一个实际的三维效果图 ......

1、原型：js中对象o:{} 有一个隐藏属性（__proto__）,这个隐藏属性会指向o的原型：o.__proto__ Object.prototype;那么我们就说：Object.prototype就是o的原型； 2、原型链：假设一个数组a=[];a 的隐藏属性指向它的原型（a.__proto__ ......

视频 8.<router-link>的replace属性 作用：控制路由跳转时操作浏览器历史记录的模式 浏览器的历史记录有两种写入方式：分别为push和replace，push是追加历史记录，replace是替换当前记录。路由跳转时候默认为push 如何开启replace模式：<router-lin ......

1、this：指当前执行上下文的一个属性，在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。 可以理解为：this 就是你call 一个函数时，传入的第一个参数，即谁调用了函数，this就指向谁。 2、函数调用转换： func(p1, p2) 等价于 func.call(undefined ......

Document 0 <script> //显示输入的字数 var text = document.querySelector('textarea'); var num = document.querySelector('span'); console.log(text); text.onkeyup ......

JavaScript JS获取url地址后面参数的方法 1、通过对象遍历参数 function GetUrlRequest() { var url = location.search; //获取url中"?"符后的字串 var tRequest = new Object(); if (url.ind ......

1、new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。（通过构造函数来创建一个实例对象） 2、new做了什么？ ①创建一个临时对象 ②为该临时对象添加属性 __proto__，将该属性链接至构造函数的原型对象（绑定原型） ③将this指向该临时对象 ④执行构造函数 ⑤返回 ......

//普通函数 /*function fn(){ console.log('test function'); }*/ //对象方法 /*var o = { sayHi:function() { console.log('speak in english'); } } o.sayHi();*/ //构造 ......

函数记忆： 指将上次的（计算结果）缓存起来，当下次调用时，如果遇到相同的（参数），就直接返回（缓存中的数据）。 实现原理：将参数和对应的结果保存在对象中，再次调用时，判断对象 key 是否存在，存在返回缓存的值。 function memorize() { const cache = {}; ret ......

视频 index.js(解构赋值，连续解构赋值) Message.vue 7.路由的props配置 ​ 作用：让路由组件更方便的收到参数 { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有 ......

1.正常模式 <script src="index.js"></script> 这种情况下 JS 会阻塞 dom 渲染，浏览器必须等待 index.js 加载和执行完成后才能去做其它事情 2.async 模式 <script async src="index.js"></script> async ......