JavaScript - 第15页 - 网站分类

JavaScript进阶

闭包闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。 <body> <script> // 闭包 : ...

前端计算数字精度丢失问题解决方法记录

在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！具体请看下面截图如图所示，在JavaScript进行浮点型数据计算当中，会出现计算结果“不正确”的现象。我们知道浮点型数据类型主要有：单精度float、双精度double。浮点型简单来说就是表示带 ...

[JavaScript进阶] 路由跳转原理之 Hash 模式

路由跳转原理之 Hash 一. 路由跳转的原理首先讲讲路由跳转的原理, 其实没有什么神秘的, 以变量类比: // 首先定义一个变量名为 container , 赋予初始值 'index' let container = 'index'; // 监听一个点击事件 window.addEventLi ...

前端如何防止数据被异常篡改并且复原数据

每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。所以，最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合中文文 ...

前端常用设计模式

什么是设计模式？设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；使用设计模式是为了可重用代码，让代码更容易被他人理解，保证代码可维护性。设计模式不区分编程语言，设计模 ...

JavaScript string对象（属性，方法）获取图片后缀案例输入和输出结果转换形式案例

一、创建string对象 var strOb = new String("abcefg"); var strOb = String("abcefg"); var strOb = "abcefg"; 二、属性 length (字符串长度) var str = 'hello'; console.log( ...

JavaScript--Web API

DOM DOM(Document Object Model —— 文档对象模型) 是用来呈现以及与任意 HTML 或 XML 文档交互的 API。 DOM 是浏览器提供的一套专门用于操作网页内容的功能作用：开发网页内容特效和实现用户交互 DOM树 DOM 节点节点是文档树的组成部分，每一个节点都 ...

微前端无界机制浅析

随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架，我们对其运行机制进... ...

JavaScript复习——03 函数

函数在JS中也是一个对象，它具有其它对象的所有功能，函数中可以存储代码，且可以在需要的时候调用这些代码函数的操作函数的定义函数声明 function 函数名([参数列表]) { // 函数体 return 返回值; } 函数表达式 const 函数名 = function([参数列表]) { ...

JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例

一、变量的生命周期 JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。二、自执行函数执行函数通常都是定义之后立即执行，以后都不再会调用，所以声明时可以省略函数名，因此自执行函数又叫匿名函数。通用的自执行函数方式有两种： ...

1 JavaScript的基础语法

JS概念 javaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言; 特点是基于对象的弱类型语言弱类型语言：是一种弱类型定义的语言，某一个变量被定义类型，该变量可以根据环境变量自动进行转 ...

JavaScript Array对象（属性、方法）留言板案例

一、创建数组对象的方式 var arrOb=new Array(值,........) var arrOb=Array(值,.......) var arrOb=[值,.........] var arrOb=new Array(n); arrOb[0]=值1; arrOb[1]=值2; 二、数组的 ...

JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析

一、函数及函数的构造函数是一个可重用的代码块，用来完成某个特定功能。每当需要反复执行一段代码时，可以利用函数来避免重复书写相同代码。函数包含着的代码只能在函数被调用时才会执行，就可以避免页面载入时执行该脚本简单来说就是一个封装,封装的是一个特定的功能,重复使用函数的三种定义方法： Funct ...

JavaScript 其他循环语句和跳转语句

一、while语句 While 循环会在指定条件为真时循环执行代码块。 While循环，先进行条件判断，再执行循环体的代码 while (条件表达式){ 循环体 } 如果条件不满足，则不会执行循环体，一次都不会案例： var i= 1; while(i<=10){ console.log(i); ...

JavaScript for循环语句的特殊案例，用代码解决数学中的问题

案例一: 一百个和尚分一百个馒头，大和尚一人分三个，小和尚三人分一个，正好分完。问大、小和尚各几人？ var num = 100; var people = 100; var big,small; for(big=0;big<=33;big++){ small=people-big; if(big* ...

QQ空间自动点赞js脚本

QQ空间自动点赞评论脚本 F12 控制台对于主页用以下代码 var x=5,y=10; function autoClick() { y=y+10+Math.floor(Math.random()*10); var zan = document.getElementsByClassName('it ...

JavaScript基础

引入方式 JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。内部引入写在 body 结束标签的上方。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ...

JavaScript for循环控制语句

1、什么是for循环在JavaScript中，for循环是一种常用的控制流语句，用于重复执行一段代码指定的次数。 for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) { 循环体} 初始化表达式：只在循环开始时执行一次，通常用于初始化循环控制变量。条件表达式：每次循环开始前都 ...

JavaScript条件判断if 语句

一、if语句的分支分类：单分支，双分支，多分支，分支嵌套 ()中可以是一个值，也可以是一个表达式 // 单分支 if (条件表达式){ 代码段 } // 双分支 if (条件表达式) { 代码段1 }else { 代码段2 } // 多分支 if (条件表达式1){ 代码段1 } else if ...

JavaScript运算符及优先级

一、算数运算符算术运算符（+，-， *，/，%【重要】，++【重要】，--）其中 + 的左边和右边有 " ", 表示拼接 i++，表示先赋值后+1 ++i ，表示先+1后赋值同理减法也是如此算数运算中，+ 可以进行隐式迭代，将字符串数字转化为Number类型 alert(typeof(+'5 ...