javascript魅力
javascript数组合并效率对比
1、数组元素量级大而合并次数少时，性能对比： concat() > push() > […array1,…array2] 2、数组元素少但合并次数多时，性能对比： push() > concat() > […array1,…array2] 参考资料：http://www.seozhijia.net/ ......
JavaScript this 绑定详解
函数内 this 绑定 函数内this的绑定和函数定义的位置没有关系，和调用的方式和调用位置有关系，函数内的this是在被调用执行时被绑定的。 this的具体绑定规则 this 绑定基本包含下面4种绑定规则，以及一些其它的特殊绑定规则： 默认绑定 隐式绑定 显式绑定 new绑定 默认绑定 独立的函数 ......
JavaScript apply、call、bind 函数详解
apply和call apply和call非常类似，都是用于改变函数中this的指向，只是传入的参数不同，等于间接调用一个函数，也等于将这个函数绑定到一个指定的对象上： let name = 'window' function getName(param1, param2) { console.lo ......
JavaScript——深拷贝和浅拷贝
浅克隆有别于直接赋值，而是克隆原始对象中的属性并填充到一个新的对象中。克隆前后的两个对象中的属性能够共享数据但不共享内存，从而达到修改其中一个对象的属性值不会影响到另一个对象的属性。还有一点要强调，克隆除了克隆数据，还得克隆类型 不废话了，直接写浅克隆的逻辑： function shallowClo ......
前端javascript高级-语言特性
js高级-语言特性-1 第0章 课程回顾 0.1 JS语法基础-复习 变量：变量的声明及命名规则 数据类型：数值、字符串、布尔、undefined、null、对象 运算符：+ - * \ == != < > ?: && || 流程控制结构： if else 、 switch case 、while ......
Github 3W+ Star绘图神器！如此惊人的魅力，千万不容错过！
大家好,欢迎来到程序视点，我是小二哥！ 前言 身为一名优秀的前端工程师，大家肯定都使用过Canvas吧。Canvas API提供一个通过JavaScript和HTML的canvas元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。Canvas提供了很好的ca ......
JavaScript——函数的call、apply、bind方法
JavaScript的函数拥有三个方法： call apply bind 这三个方法都可以改变函数被调用时，函数内部this的指向。至于区别，阅读下面代码即可一目了然： function myCall(context) { const args = [...arguments].slice(1) l ......
创意无限：火星文和变异字体的魅力世界
在互联网的浩瀚星空里，火星文和变异字体如同璀璨的繁星，照亮了网络世界的角落。它们以独特的创意和视觉冲击力，吸引着无数网友的目光。让我们一起走进这个充满创意和想象力的世界，感受火星文和变异字体的无限魅力。 火星文生成器 | 一个覆盖广泛主题工具的高效在线平台(amd794.com) https://a ......
JavaScript——数组的归并方法
JavaScript的reduce和reduceRight的作用是通过遍历数组得到一个结果，原理如下： function myReduce(execute, initValue) { const length = this.length let result for (let i = 0; i < ......
JavaScript——instanceof操作符的原理
instanceof操作符的用法： instance instanceof Constructor 不啰嗦，一句话阐述instanceof操作符的原理：instance的原型链中是否包含Constructor的原型对象？ // 使用递归的方法更方便 function myInstanceof(ins ......
几个JavaScript 技巧
对象解构：将对象和数组中的值提取到不同的变量中 展开运算符 (…)：合并数组、复制对象、扩展迭代以及动态传递参数 关闭：在函数内创建私有变量和函数，从而实现数据封装和函数模式 功能组成：组合函数来创建新函数，提高代码的可重用性和可读性 ......
javascript 随机生产小数
function random(maxNum, minNum, decimalNum) { var max = 0, min = 0; minNum <= maxNum ? (min = minNum, max = maxNum) : (min = maxNum, max = minNum); sw ......
Javascript(5)
1.const 的本质: const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。但是我们不能对常量对象重新赋值(整体修改对象、数组） 2.在相同的作用域或块级作用域中，不能使用 const 关键字来重置 var 和 let关键字声 ......
百度地图JavaScript API v2.0创建地图
接口文档： https://lbsyun.baidu.com/index.php?title=jspopular3.0 https://lbs.baidu.com/faq/api?title=webapi 地图创建代码： <!DOCTYPE html> <html> <head> <meta htt ......
汉字的音韵之美：中文拼音的魅力之旅
导语：中文拼音作为汉字的语音表达方式，已经深入人心。它不仅有助于汉字的学习与传播，还为汉语的国际化铺平了道路。本文将为您详细介绍中文拼音的起源、发展及其在我国教育、科技、文化等方面的广泛应用，带您领略这一古老而又现代的语音体系的独特魅力。 汉字拼音 | 一个覆盖广泛主题工具的高效在线平台(amd79 ......
javascript面试题，实现链式调用
// 实现一个链式调用 // hello.name("George").sleep(3).like("sports"); // log：I'm George // 3s后log：sleep after 3s // log：I like sports 根据要求构建new一个对象 const hello ......
JavaScript Magic Trick: Manipulating URLs
This article showcases two uncommon JavaScript programming Trick: manipulating browser windows and changing the URLs of parent and child windows. 1.Mo ......
js、JavaScript进制转换
function baseConverter(decNumber, base) { var remStack = new Stack(), rem, baseString = '', digits = '0123456789ABCDEF'; //{6} while (decNumber > 0) { ......
uniGUI学习之脱离Delphi直接写ExtJS从入门到精通10基本JavaScript_<input>与ExtJS无关
...HTML 中的 input 标签,看这一篇就够了_html input ......
uniGUI学习之脱离Delphi直接写ExtJS从入门到精通09基本JavaScript与ExtJS无关
<script type="text/javascript"> function removeOption() { var x=document.getElementById("mySelect"); x.remove(x.selectedIndex); } </script> <select id ......
JavaScript forEach 方法跳出循环
for循环 JavaScript中，for循环可以使用 break 和 continue 来跳出： continue：跳出本次循环 break：结束循环 for (let i = 0; i < 10; i++) { if (i 1) { // 跳出本次循环，不会打印1 continue } if ( ......
JavaScript
溢出属性 p { height: 100px; width: 50px; border: 3px solid red; /*overflow: visible; !*默认就是可见 溢出还是展示*!*/ /*overflow: hidden; !*溢出部分直接隐藏*!*/ /*overflow: sc ......
JavaScript新加入的**运算符，哪里有些不一样呢？
JavaScript语法(四)：新加入的**运算符，哪里有些不一样呢？ 上一节课我们已经给你介绍了表达式的一些结构，其中关于赋值表达式，我们讲完了它的左边部分，而留下了它右边部分，那么，我们这节课一起来详细讲解。 在一些通用的计算机语言设计理论中，能够出现在赋值表达式右边的叫做：右值表达式（Righ ......
JavaScript基础(二) - 函数与Document对象
一、函数 定义 函数是一段可以被重复调用的代码块。通过使用函数，可以把一些常用的代码放在一起，以便在其他地方重用。这样既简化了代码，提高了可读性，也减少了代码的重复编写。 作用 函数的主要作用是简化代码，提高代码的可重用性。它使得我们可以把一些复杂的操作封装起来，然后在需要时调用。这有助于提高代码的 ......
JavaScript基础（一）
一、JavaScript简介 JavaScript 是一种广泛应用于 web 开发领域的编程语言，主要用于增加网页的交互性、动态性。与 HTML 和 CSS 一样，JavaScript 在创建网页的过程中起到了举足轻重的作用。 JavaScript 用途 JavaScript 能够为网页添加各种功能 ......
中文数字的魅力：古今中外的传承与创新
一、引言 中文数字，作为世界上最古老、最具特色的数字系统之一，已经伴随着中华文化走过了几千年的历史。它既是我们祖先智慧的结晶，也是现代生活中不可或缺的元素。本文将从各个方面介绍和解释中文数字的用途，带领大家领略中文数字的魅力。 中文数字-阿拉伯数字转换 | 一个覆盖广泛主题工具的高效在线平台(amd ......
JavaScript调用系统邮件快速分享
在前端使用邮件分享进行快速分享~，详情参考->MDN 自定义参数 subject：主题 cc：抄送到次要收件人(与邮件有关但无需做出应答的个人或组织) bcc：密送到其他收件人(主要、次要收件人不应该获得密送收件人的身份) body：邮件内容 注：每个字段的值都必须进行编码 (也就是, 带有非印刷字 ......
JavaScript元素根据父级元素宽高缩放
/** * 等比缩放 * @param wrap 外部容器 * @param container 待缩放的容器 * @returns {{width: number, height: number}} * 返回值：width:宽度, height:高度 */ aspectRatio(wrap: an ......
高级的JavaScript10个技巧
提升开发技能：10个高级的JavaScript技巧 前言 在这个快速发展的数字时代，JavaScript作为一种广泛应用的编程语言，其重要性愈发凸显。为了在竞争激烈的开发领域中保持竞争力，不断提升自己的技能是至关重要的。本文小编将您介绍10个高级的JavaScript技巧，旨在帮助开发者们在编码过程 ......
JavaScript改变this指向的三种方法
JavaScript call() 方法 它可以用来调用所有者对象作为参数的方法。通过 call()，您能够使用属于另一个对象的方法。 var person = { fullName: function() { return this.firstName + " " + this.lastName; ......