![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 60
x² (y²-x²)²=1
倘若深情已被辜负,余生尽予孤独又何妨!
展开
-
结合JavaScript编译原理谈谈为什么let/const能实现块级作用域和阻止变量提升
那么,还是先来一道“开胃菜“:console.log(name1);var name1 = "demo1";console.log(name2);let name2 = "demo2";来,控制台要输出什么?很显然,控制台将第一次输出undefined。第一次非常容易理解:使用var 声明的变量会变量提升,控制台输出将在变量赋值之前,你可以理解成是下面这样的代码:var name1 ;console.log(name1);name1 = "demo1";第二次将直接报错,原因是es原创 2022-04-14 08:44:16 · 738 阅读 · 0 评论 -
js模块化:详解与面试
JS模块化1. 不得不说的历史背景JS本身简单的页面设计:页面动画 + 表单提交并无模块化 or 命名空间的概念但是因为JS的模块化需求日益增长幼年期: 无模块化开始需要在页面中增加一些不同的js:动画、表单、格式化多种js文件被分在不同的文件中不同的文件又被同一个模板引用 <script src="jquery.js"></script> <script src="main.js"></script> <scrip原创 2022-01-11 10:08:53 · 611 阅读 · 0 评论 -
js在字符串里面截取数字
js提取字符串中的数字方法很多,今天讲几种常用的方法。js提供的方法获取js字符串转换数字。方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。parseInt方法var str ="4500元";var num = parseInt(str);alert(num);//4500//此种并非所有字符串通用,如果在字符串前面有非法字符或非数字字符,就行不通了。var str ="价格:4500元";var num = parseInt(str);alert(num);//Na转载 2021-10-14 11:25:51 · 1420 阅读 · 0 评论 -
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
JavaScript本地储存:localStorage、sessionStorage、cookie的使用JAVASCRIPTjavaScript有三种数据存储方式,分别是:sessionStorage localStorage cookier1.sessionStoragesessionStorage 仅在当前会话下有效,关闭页面或浏览器后被清除;setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear()原创 2021-06-23 19:42:15 · 207 阅读 · 1 评论 -
面向对象和面向过程和call apply方法
对象内置对象 String Date Math Array Object ...自定义对象 函数 Function function f(){} f就是Function的实例面向对象编程面向对象编程 1)用抽象的方式创建基于现实世界模型的一种编程方式 2)将需求抽象为一个对象,在这个对象上分析他的属性和方法 3)将对函数的封装转化为对对象的封装面向过程编程 分析问题所需的步骤,用函数将这些步骤一步一步实现函数式编程创建的对象的常见的六种方法1.自变量方式创建原创 2021-04-20 09:07:31 · 86 阅读 · 0 评论 -
this的指向问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2021-04-01 19:00:14 · 78 阅读 · 0 评论 -
模拟京东放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do原创 2021-03-25 08:29:43 · 177 阅读 · 1 评论 -
阻止事件冒泡
常见事件对象的属性和方法阻止冒泡 dom 推荐的标准是 stopPropagation()stopPropagation() 停止传播的意思cancelBubble 取消泡泡的意思 这是一个非标准的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2020-12-30 14:46:09 · 73 阅读 · 0 评论 -
js事件机制
捕获阶段和冒泡阶段想要看到效果需要把script里面的捕获或者冒泡暂时注释因为 JS 代码中只能执行捕获或者冒泡其中的一个阶段// dom 事件流 三个阶段// JS 代码中只能执行捕获或者冒泡其中的一个阶段。// onclick 和 attachEvent(ie) 只能得到冒泡阶段。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2020-12-30 14:41:22 · 76 阅读 · 0 评论 -
js内置对象Math、 Date 、Array、String
1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发 JavaScript 提供了多个内置对象:Math、 Date 、Array、String等1原创 2020-12-14 10:12:14 · 121 阅读 · 1 评论 -
js闪耀表格
闪耀表格<script> document.write('<table border="1" width="1200" height="300">'); for (var i = 0; i < 10; i++) { document.write('<tr>'); for (var j = 1; j < 10; j++) { document.wri原创 2020-12-11 15:09:42 · 68 阅读 · 0 评论 -
js时间电子表
动态时间电子表<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #time{ width:370px; height:60px; background:blue; color:white; margin: 120px auto; line-height原创 2020-12-09 16:04:18 · 182 阅读 · 0 评论