张筱菓

2025年2月10日

摘要：解构可以用于对象 let{name,age}={name:"iwen",age:20}; 温馨提示：对象的属性没有次序，变量必须与属性同名，才能取到正确的值 let {age，name}={name:"mingzi",age:20}; age//20 let{sex,age,name}={name: 阅读全文

posted @ 2025-02-10 14:34 张筱菓阅读(16) 评论(0) 推荐(0)

002 C0nst 命令

摘要： const声明一个只读的常量。一旦声明，常量值就不能改变 cont PI =3.1415； PI//3.1415 PI=3 //TypeError:Assignment to constant variable. const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不阅读全文

posted @ 2025-02-10 11:00 张筱菓阅读(20) 评论(0) 推荐(0)

001 Let 命令

摘要： ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 1、let块级作用域 { let zifuchuan=10; var sxt =1; } zifuchuan//ReferenceError: zifuchuan is not defi 阅读全文

posted @ 2025-02-10 10:34 张筱菓阅读(12) 评论(0) 推荐(0)

2025年2月7日

ES6-3 Babel转码器

摘要： Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在老版本的浏览器执行。这意味着你可以用ES6的方式编写程序，又不用担心现有的环境是否支持浏览器支持性查看：https://caniuse.com/ Babel官网：https://babeljs.io/ 1、转码示例原始阅读全文

posted @ 2025-02-07 18:51 张筱菓阅读(108) 评论(0) 推荐(0)

ES6-2 Nodejs环境安装

摘要：本节课为前置课程，在接下来的ES6课程中，我们需要安装Nodejs环境 1、Nodejs简介 Nodejs诞生于2009年，主攻服务器方向，使得利用JavaScript也可以完成服务器代码编写 2、Nodejs安装 Nodejs官网 http://nodejs.org/en/ Nodejs的安装与一阅读全文

posted @ 2025-02-07 13:10 张筱菓阅读(18) 评论(0) 推荐(0)

ES6-1 ECMAScript简介

摘要： ECMAScript和JavaScript的关系 ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现，常场合，这两个词都是可以互换的。 1、名称详解 ECMASCRIPT6(以下简称ES6)是JavaScript语言的标准，在2015年6月发布。它的目标，是使阅读全文

posted @ 2025-02-07 12:40 张筱菓阅读(23) 评论(0) 推荐(0)

JS-56 命令行工具

摘要：在正式讲解ES6新特性之前，我们需要了解一些命令工具，在日后的课程中，我们会经常用到命令行常用命令工具有两种：①CMD命令工具②PowerShell命令行工具一、CMD命令行 ①打开命令行窗口 1、win：左下角开始，找到运行，点击，输入cmd，回车 2、win：win+r快速打开命令窗口 3、阅读全文

posted @ 2025-02-07 11:08 张筱菓阅读(39) 评论(0) 推荐(0)

JS-55 节流（throttle）

摘要：节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死继续思考，使用上面的防抖方案来处理问题的结果是如果在限定时间段内，不断触发滚动事件（比如某个用户闲着无聊，按住滚动不断的拖来拖去），只要不停止触发，理论上就永远不会输出当前距离顶部的距离但是阅读全文

posted @ 2025-02-07 09:30 张筱菓阅读(21) 评论(0) 推荐(0)

2025年2月6日

JS-54 防抖（debounce）

摘要：防抖严格算起来应该属于性能优化的知识，但是实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。从滚动条监听的例子说起 function showTop(){ var scrollTop=document.documentElement.scrollTop; console.log(' 阅读全文

posted @ 2025-02-06 20:48 张筱菓阅读(24) 评论(0) 推荐(0)

JS-53 定时器之setlnterval（）

摘要： setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 var time=setInerval(function(){ console.log(2); },1000) 通过setInterval方法阅读全文

posted @ 2025-02-06 17:22 张筱菓阅读(23) 评论(0) 推荐(0)

公告