526互联

幻灯片 幻灯impress js

字节前端--深入JS

首先先介绍JS的基本概念： 比如是单线程，动态，弱类型等等。 除了这些东西之外还有： 下面的一些基础概念： JavaScript 是一种脚本语言，通常在网页上运行。 JavaScript 不需要编译，因为它是一种解释性语言。 在网页上添加 JavaScript 的方式有多种，包括内联脚本、嵌入式脚本 ......
前端 字节

JS 数组 group by 分组

扩展数组方法 Array.prototype.groupBy = function groupBy(key) { const hash = {}, result = []; for (const el of this) { if (hash[el[key]]) { hash[el[key]].pus ......
数组 group JS by

js [ IntersectionObserver ]滑动监听是否进入视野的方法

const intersectionObserver = new IntersectionObserver((entries) => { // 如果 intersectionRatio 为 0，则目标在视野外， // 我们不需要做任何事情。 if (entries[0].intersectionRa ......
IntersectionObserver 视野 方法 js

js实现录屏功能

原文连接：https://blog.csdn.net/weiguang102/article/details/123083770?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168258601016800213082578%2522 ......
功能

js复制文本内容并粘贴到短信模板时参数缺失

基本知识 知识点1：复制文本内容 vue中提供了vue-clipboard2是前端能够调用剪切板的一个插件。 知识点2：移动端拉起本地短信功能，并填充内容 安卓 sms:?body=内容 苹果 sms:&body=内容 问题： 针对苹果系统： 当内容中携带链接时，而链接需要携带多个参数时，我们正常的 ......
缺失 文本 模板 参数 短信

JS中原型、原型链的理解

1.构造函数 构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。 另外就是调用方式的不同，普通函数是直接调用，而构 ......
原型

Day 28 28.1 JS进阶之三元运算符

JS工具之三元运算符 【1】格式 三元运算符: 条件表达式?语句1:语句2; let a = 10; let b = 20; let d = a > b? a: b console.log(d); 注释： 条件运算符在执行时，首先对条件表达式进行求值， 如果该值为true，则执行语句1，并返回执行结 ......
运算符 28 28.1 Day

Day 28 28.2 JS进阶之eval和hook函数

JS进阶之eval函数和hook函数 【一】eval eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。 如果参数是一个表达式，eval() 函数将执行表达式。 如果参数是Javascript语句，eval()将执行 Javascript 语句。 eval(string ......
函数 28 28.2 eval hook

Day 28 28.3 JS-Function对象之call和apply方法

JS-Function对象之call和apply方法 call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的， 因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。 既然 ......
JS-Function Function 对象 方法 apply

Day 27 27.2 JS进阶之window对象

JS-Function对象之window对象 window 是客户端浏览器对象模型的基类， window 对象是客户端 JavaScript 的全局对象。 一个 window 对象实际上就是一个独立的窗口，对于框架页面来说，浏览器窗口每个框架都包含一个 window 对象。 （1）全局作用域 在客户 ......
对象 window 27 27.2 Day

Day 27 27.1 JS进阶-Function对象之prototype对象

JS-Function对象之prorotype原型对象 案例1: // 创建方式1 var foo = new Function("console.log('hello world!')") foo() // 创建方式2 function Person() { console.log("hello ......
对象 prototype Function 27 27.1

Day 27 27.3 JS进阶之ES6新语法

JS进阶之ES6新语法 1. var、let以及const ES6 中引入了关键字 let 和 const 作为 var 的替代。 它们非常有用，如今几乎每个 JavaScript 开发人员都在使用它们。 与关键字 var 不同，这两个关键字具有块作用域。 这意味着当你在块中声明它们时，它们只能在该 ......
语法 27 27.3 Day ES6

Day 27 27.3 JS进阶之ES6新语法

JS工具之三元运算符 【1】格式 三元运算符: 条件表达式?语句1:语句2; let a = 10; let b = 20; let d = a > b? a: b console.log(d); 注释： 条件运算符在执行时，首先对条件表达式进行求值， 如果该值为true，则执行语句1，并返回执行结 ......
语法 27 27.3 Day ES6

js实现H5网页飘窗

1.<div style="z-index: 1000; position: absolute; filter: Alpha(opacity = 90); width: 100px;padding: 10px; border: 1px solid #333" id="img" align="cent ......
网页

js 一个页面import 相同的模块多次，但是真正只会执行一次，但是不影响正常导出效果

......
模块 效果 页面 import js

JS 数组方法

一、创建数组 1、使用数组字面量表示法 var arr = []; //创建一个空数组 var arr1 = [1]; //创建一个包含1项数据为1的数组 var arr2 = ['a','b','c']; //创建一个包含3个字符串的数组 2、使用 Array 构造函数 var arr1 new ......
数组 方法 JS

JS通过axios提交application/x-www-form-urlencoded类型的数据

使用axios提交类型为application/x-www-form-urlencoded数据的正确姿势： let formData = new URLSearchParams() formData.append('param1', param1) formData.append('param2', ......
x-www-form-urlencoded application urlencoded 类型 数据

js 获取对象的key value，放到数组对象中

let arr = []; if (res.data && res.data.havePowerComCodes) { for (const [key, value] of Object.entries(res.data.havePowerComCodes)) { const obj = { lab ......
对象 数组 value key js

== vs === in js

== vs in js In JavaScript, == and are comparison operators that are used to compare two values. However, they have different behaviors and are used in ......
vs in js

JS中的promise返回的resolve()和reject()的理解附代码展示

在JavaScript中，Promise是一种处理异步操作的方式。Promise对象有两个重要的方法：resolve()和reject()。 resolve()方法用于将Promise对象的状态从“未完成”变为“成功”，并将成功的结果作为参数传递给then()方法。例如： let promise = ......
promise resolve 代码 reject

vue中实际代码模拟JS中promise调接口的运行流程

假设我们有一个需要调用接口的场景，我们可以使用Vue中的axios库来发送请求。以下是一个简单的例子： // 引入axios库import axios from 'axios' // 定义一个函数，用于发送请求 function fetchData() { // 返回一个Promise对象 retu ......
接口 实际 流程 promise 代码

原生JS实现列表内容自动向上滚动效果

参考链接：https://www.mianshigee.com/note/detail/53521omy/ 1. html结构：核心是ul > li，ul外层包裹着div。因为想要内容循环滚动无缝衔接，所以在原有ul后面还要有一个一样内容的ul。如下图： （红色边框为可视区域div，此处为了方便查看 ......
效果 内容

原生JS模拟超链接在新窗口打开链接

可用于点击 <li>、<span> 等元素动作 1 function openNewWindow(url) { 2 var a = $("<a href='" + url + "' target='_blank'>" + url + "</a>").get(0), 3 e = document.cr ......
链接

前端隐藏和显示div的方式js和beetle：

方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
前端 方式 beetle div

【单例设计模式原理详解】Java/JS/Go/Python/TS不同语言实现

简介 单例模式（Singleton Pattern）属于创建型设计模式，这种模式只创建一个单一的类，保证一个类只有一个实例，并提供一个访问该实例的全局节点。 当您想控制实例数目，节省系统资源，并不想混用的时候，可以使用单例模式。单例有很多种实现方式，主要分为懒汉和饿汉模式，同时要通过加锁来避免线程安 ......
设计模式 原理 语言 模式 Python

Node.js Buffer All In One

Node.js Buffer All In One Buffer.from https://nodejs.org/api/buffer.html#buffer ArrayBuffer https://developer.mozilla.org/en-US/docs/Web/JavaScript/Re ......
Buffer Node All One In

How to use axios.js instead of request.js to get data as a buffer All In One

How to use axios.js instead of request.js to get data as a buffer All In One 如何使用 axios.js 代替 request.js 获取数据作为缓冲区 ......
instead request buffer axios to

How to decompose combined emoji using js All In One

How to decompose combined emoji using js All In One 如何使用 js 分解组合的表情符号 ......
decompose combined emoji using How

jsx中使用js表达式

// 在jsx中使用 js 表达式 /// 通过一个 {} 展示变量即可 vue 中使用 {{}} 展示js表达式 // 什么是js表达式 有结果的 import reactDom from "react-dom" // 函数也是表达式 // syntaxError 语法错误 const sayHi ......
表达式 jsx

原生js自动触发点击事件

主动触发事件：使用dispatchEvent方法 该方法能模拟用户行为，如点击（click）操作等。 标准使用dispatchEvent方法，IE6/7/8则使用fireEvent方法。 1 var btn=document.getElementById("myBtn"); 2 var event ......
事件
共3440篇  :89/115页 首页上一页89下一页尾页