幻灯片 幻灯impress js

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 解析、符号处理引擎等。 解释器模式常用于对简单语言的编译或分析实例中,为了掌握好它的结构与实现,必须先了解编译原理中的“文法、句子、语法 ......
解释器 设计模式 语言 模式 Python

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 ......
函数 教程 sleep WPS

Three.js教程:第一个3D场景

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

js 原型和原型链

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

Vue.js router-link的replace属性

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

js this是什么?

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

js显示用户输入的字数

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

JavaScript JS获取url地址后面参数的方法

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

js new运算符

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

JS调用方式

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

js-函数记忆

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

Vue.js 路由的props配置

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

js加载的六种方式

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

网页单位为(rem)时,js控制自适应字体大小

// js部分:屏幕大小决定根元素字体大小 (function flexible(window, document) { function resetFontSize() { const size = (document.documentElement.clientWidth / 1920) * 1 ......
字体 大小 单位 网页 rem

全网最详细中英文ChatGPT-GPT-4示例文档-场景问题智能生成从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT拥有大量的知识库,并且能够在不断学习的过程中,根据实际情况生成真实有效的问题。这使得ChatGPT在面试准备和访谈方面变得特别有价值,它可以理解具体领域中的特定术语,帮助用户对专业问题有更快速和深入的了解,最终根根据用户的特定要求提出合适的问题,以便帮助用户获得最有价值的信息。 ......
场景 全网 示例 源代码 ChatGPT-GPT

全网最详细中英文ChatGPT-GPT-4示例文档-智能多功能学习机从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT还能成为你的多功能学习工具,让用户节省大量的时间,提高学习效率,更好地掌握所学知识,为用户提供更有效的学习支持。比如,用户输入一个研究主题,ChatGPT就可以产生详细的学习笔记,这将极大帮助用户组织、解决和完成其学习任务,有效地提高用户的学习效率。博主相信,未来不久,ChatGPT将... ......

全网最详细中英文ChatGPT-GPT-4示例文档-智能评论创建从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.js/curl命令源代码,小白也能学)

ChatGPT作为一个智能的自动文本处理工具,可以帮助用户将少量的文本扩大和完善,使文本更加容易理解和记忆。比如用户可以输入1-2行的特定的话语或几个关键词,ChatGPT就可以根据用户的输入,生成更加详细和丰富的文本。这个功能可以应用在很多行业,比如电影评论、美食评论、产品评论等领域。 ......
全网 示例 源代码 ChatGPT-GPT 中英

JS-轮播图(圆点点击,左右侧按钮切换,自动播放)

//放入数据 //点击小圆圈,可切换对应图片,小圆圈的样式也跟随变动 //点击左右侧按钮,可来回切换图片,小圆圈样式跟随变动 //可自动切换轮播图,鼠标移入后不在自动滚动 (function(){ var date = [ { img : './image/banner.jpeg' }, { img ......
左右侧 圆点 按钮 JS

自己手写一个js的双向绑定

今天研究了一下JS的双向绑定。 发现这东西最核心的是浏览器内置的Object.defineProperty方法或者Object.defineProperties,前者只能定义对象的一个属性与相应的元素进行绑定,后者可以定义一组进行绑定。 不废话了,直接上代码: // 代码的效果:定时修改对象中的me ......
双向

js中的proxy基本理解

基本概念 Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”; let proxy = new Proxy(target,handle); Proxy 对象的所有用法,都是上面这种形式,不同的只是handle参数的写法。 其中,new Proxy()表示生成一个P ......
proxy

js 8种数据类型

1、ES6之前共6种:number\string\Boolean\null\undefined\object; ES6增加symbol:这种类型的对象永不相等,可以解决属性名冲突的问题,做为标记。 ES11增加bigint:写法:1234555n,是指安全存储、操作大整数(不可用于浮点数操作); 2 ......
类型 数据 js

js 检测代码运行时间

// 开始时间 console.time("taskData"); // 需要检测的代码 ... // 结束时间 console.timeEnd("taskData"); ......
代码 时间 js

JS上下文和作用域链

开发中我们可能会不小心将写多个相同名称的变量,也经常会写一个递归调用的方法, 上述示例中程序执行顺序如下图,程序会按照顺序执行第一个子元素内部所有的程序,当最底层执行结束后,会逐渐抛出返回值,然后执行第二个子元素的程序 要解释清楚上述原因,除了JS的单线程顺序执行外,还需要了解什么是上下文和作用域链 ......
上下文 上下 作用

selenium+JS网页免弹框上传图片or文件

这里以上传图片为例 找到上传按钮附近的input元素下type=file selenium直接执行代码 file_path = r'C:\Users\Administrator\Desktop\imge\xxxxxx.jpg'需要上传的图片路径 upload_div_loc = 'input[typ ......
selenium 网页 文件 图片 JS

js如何引入高德地图API?

准备 成为开发者并创建 key 1、登录控制台 登录 高德开放平台控制台,如果没有开发者账号,请 注册开发者。 2、创建 key 进入应用管理,创建新应用,新应用中添加 key,服务平台选择 Web端(JS API)。 3、获取 key 和密钥 创建成功后,可获取 key 和安全密钥。 快速上手 1 ......
地图 API

uni-app:npm安装js-md5第三方库(hbuilderx 3.7.3 / npm 9.5.0)

一,安装js-md5第三方库: 1,执行npm命令: liuhongdi@liuhongdideMacBook-Pro poem % npm install --save js-md5 added 1 package in 460ms npm notice npm notice New minor ......
第三方 npm hbuilderx uni-app js-md

直播平台源代码,js 时间戳转为日期格式

直播平台源代码,js 时间戳转为日期格式 js把时间戳转为普通日记格式 第一种 function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); } ......
源代码 日期 格式 时间 平台