人脸javascript情绪
JavaScript的一些特殊语法
代码示例，JavaScript语言中，给function前加上感叹号!的作用是什么呢？ !function () {}(); 添加“！”的目的JavaScript 中的函数之前是将其转换为函数表达式并立即调用它。这也称为立即调用函数表达式 (IIFE) 参考：javascript - What do ......
JavaScript环境
JavaScript环境 JavaScript环境概念 脚本运行在不同窗口的JavaScript环境 . 例如 , 应用中每个窗口都拥有属于自己的全局对象以及全局结构( Array , Object) . 多数浏览器惯用做法以及好的处理方式 , 如下: 对象属性替换 , 库扩展或者简单脚本(如Pro ......
保护JavaScript源代码
保护JavaScript源代码 应用中JavaScript源代码能够编译为本地代码进行保护 , NW.js能够加载编译之后的代码 . 应用作为产品发布时可以将代码进行编译 . 编译 JS源代码编译为本地代码需要使用 nwjc工具 , 同时需要提供SDK构建方式的NW . nwjc source.js ......
JavaScript
# JavaScrpt ## 基本概念 定义：一种直译式、基于对象、基于事件驱动、弱类型的**脚本语言** - 直译：不需要像C、C++一样先编译后执行，JS逐行运行 - 基于对象：用于操作网页上的操作按钮、下拉框 - 基于事件驱动：点击按钮、悬浮触发 作用：给网页增加动态特效，实现交互，美化网页页 ......
javascript - 将 es5 迁移到 es6 export default
我正在尝试将代码从 es5 迁移到 es6，我在这两个方面都很新，如果有人能帮助我，我将非常感激。 es5版本: lib.js module.exports = { foo1: function () { this.foo2() { ... } }, foo2: function () { ... ......
【校招VIP】前端JavaScript语言之跨域
考点介绍： 什么是跨域？浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。跨域是前端校招的一个重要考点，在面试过程中经常遇到，需要着重掌握。本期分享的前端算法考点之大数据相关，分为试题、文章以及视频三部分。 答案详情解析和文章内容可点击下方链接即可查看 一、考点题目 ......
JavaScript – 小技巧 Tips
1e6 等价于 1 + 后面 6 个零 console.log(1e6 1_000_000); 模拟 C# 的 Record Deconstruct class Size implements Iterable<number> { constructor( public width : number ......
JS基础-初识JavaScript
前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。 | | 语言 | 功能 | | | | | | 结构层 | HTML | 搭建结构、放置部件、描述定义 | | 样式层 | CSS | 美化页面、实现布局 | | 行为层 | Jav ......
学习JavaScript的路径
学习JavaScript的路径可以按照以下步骤进行： 了解基本概念：首先学习JavaScript的基本概念，包括变量、数据类型、运算符、数组、对象、循环和条件语句等。可以通过阅读相关的教材、在线课程或者参考W3Schools和MDN文档等来学习。 学习控制DOM元素：学习如何使用JavaScript ......
JavaScript Map.groupBy All In One
JavaScript Map.groupBy All In One
......
javascript: confirm alert box costomer style
// JavaScript Document /* 參考資源: https://developer.mozilla.org/en-US/docs/Web/API/Window/alert https://developer.mozilla.org/en-US/docs/Web/API/Window/ ......
JavaScript—DOM
传统获取方式 传统方式元素获取方式 <body class="mybody"> <input type="button" value="点击" id="btn"> <div id="dv1" name="mydiv" class="cls"> <p>111</p> <p>222</p> </div> ......
JavaScript—节点
节点的概念 节点：网页中的所有内容都是节点，例如标签、属性、文本、注释、回车、换行、空格等。 节点属性：可以用标签--元素.出来，可以使用属性节点.出来,文本节点.点出来。 nodeType: 节点的类型： 1-标签DIV-1 2-属性:class 3-文本:innerText nodeName:节 ......
JavaScript—BOM
概念 BOM(Browser Object Model)是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BdM的方式进 ......
JavaScript—轮播图
概念 轮播图（Carousel）是一种常见的网页设计元素，用于展示多张图片或信息。它通常由一个容器和一组水平排列的图片或内容组成。轮播图中的图片会按照一定的规律（例如自动轮播、点击切换或滑动切换等）进行切换，以便在有限的空间内展示多个内容。 HTML元素 网页元素 <div class="wrap" ......
JavaScript—数组
数组的概念 数组是指一组数据的集合，其中的每一个数据称作元素在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的方式。 创建数组 创建数组 var arr = new Array();// 使用new 创建一个空数组 var arr0 = []; //利用数组字面量创建数组 v ......
JavaScript—函数
函数的概念 在js里面，可能会定义非常多的相同代码或功能相似的代码，这些代码需要大量重复地使用。 函数就是封装了一段可被重复调用的代码块。通过代码块实现大量代码的重复使用。 函数示例 //常规方法 var sum = 0; for (var i = 1; i <= 100; i++) { sum + ......
JavaScript—作用域
JavaScript作用域： 就是代码名字（变量）在某个范围内起作用和效果。目的是/为了提高程序的可靠性同时减少命名冲突。 JavaScript作用域在（es6）之前：全局作用域和局部作用域。 全局作用域：整个Script标签或者一个单独的js文件。 局部作用域：在函数内部就是局部作用域。这个代码名 ......
JavaScript—预解析
预解析口诀：先声明再调用 JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 预解析的变量问题 /*console.log(unknow);*/ // 报错:使用了未定义的变量 cons ......
JavaScript—对象
为什么需要对象 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息（信息面板）呢？ 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成。 属性：事物的特征，在对象中用属 ......
JavaScript—内置对象
内置对象是什么 JavaScript中的对象分为三种：自定义对象，内置对象和浏览器对象。 前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的。 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）。 ......
JavaScript—运算符
算术运算符 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 运算符 描述 例子 + 加 1+1-2 - 减 1-1=0 * 乘 1*1=1 / 除 1/1=1 % 取模（取余数） 1%1=0 算数运算符 console.log(1 + 1); console.log(1 - 1); co ......
JavaScript—流程控制（分支）
流程控制 在程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。通常需要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解：流程控制就是控制我们的代码按照什么结构顺序来执行。 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行顺序。 顺序流程控制 ......
JavaScript—标识符命名规范
标识符的语法规范 变量、函数必须要有意义 变量名名称一般用名词 函数的名称一般用动词 操作符规范 操作符两边各保留一个空格 单行注释规范 单行注释前有个空格。（如图红框处） 注释规范图 其他规范 如图所示红框处空格 其他规范图 ......
JavaScript—简单类型与复杂类型
简单数据类型的内存分配 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。 （简单）值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型：string，number，boolean，undefined，null。 简单数据类型存放在栈里面 查看代码 var t ......
JavaScript—转换为布尔类型
方式 说明 案例 Boolean()函数 其他类型转为布尔类型 Boolean('true') 代表空、否定的值会被转换为false，如 '' 、0、NaN 、null 、undefined 其余值都转换为ture 布尔转换 console.log(Boolean('')); console.log ......
JavaScript—计算年龄、简单加法器
计算年龄： 弹出输入框prompt，提示用户输入出生年份。 把输入内容保存起来，用今年的年份减去变量，得到现在的年龄。 利用弹出窗口（alert）输出结果。 计算年龄 var year = prompt('请输入你的出生年份：'); var age= 2023 - year; alert('你的年龄 ......
JavaScript—标识符、关键字、保留字
标识（zhi）符：是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字 关键字：是指JS本身已经使用的字，不能再用它充当变量名或方法名。 包括 break、case、catch、continue、dfault、delete、do、else、do、else、finally、for、 ......
JavaScript—parselnt、parseFloat、Number、隐式转换
方式 说明 案例 parselnt(string) 把string类型转为数值类型 parselnt（'78'） parseFloat(string) 把string类型转换为浮点型 parseFloat(78.21) Number()强制转换函数 把string类型转换为数值类型 parseFlo ......
Javascript的作用域
#var ”变量提升“现象，只是声明的提升，定义或者赋值不提升 代码例子1： // var 的情况 console.log(foo); // 输出undefined var foo = 2; 等效于 // var 的情况 var foo; console.log(foo); // 输出undefin ......