1.定义简介setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 function foo(){}; var id = setTimeout(foo,1000); //返回一个大于0 的整数。表示id 当我清楚定时器的时候 传这个id就可以。 2. 试题引发的思考setTimeout(function(){
console.log
转载
2024-07-16 10:38:24
47阅读
一、背景最近在翻看以前的老书《node.js开发指南》，恰好碰到 for 循环 + setTimeout 的经典例子，于是重新梳理了思路并记录下。二、写在前面，setTimeout 和 setInterval 的执行机制在日常编码中，你会发现，给 setTimeout 和 setInterval 设定延迟时间往往并不准，或者干脆 setTimeout(function(){xxx},0) 也不是立
转载
2024-10-05 11:49:24
75阅读
一箭头函数ES6 允许使用“箭头”（=>）定义函数： 注意：=> 是一个完整的运算符，不能拆开 = >箭头函数一定是匿名函数，要使用“=”赋值接收某一个匿名的箭头函数，来给这个匿名的箭头函数命名。函数的扩展
1【function的基本简化】 之前定义函数要写function关键字：const sum = function(a , b){
return a + b;
}现在
转载
2024-10-14 11:07:40
71阅读
ES6中class类教程（基础部分）一、constructor（构造器）（今后用的多）constructor构造器的作用就是，每当 new 这个类的时候，必会优先执行constructor构造器中的代码；传统构造函数：function Animal (name, age) {
//实例属性
this.name = name;
this.age = ag
顺序结构 程序从上到下逐行地执行，中间没有任何判断和跳转。 分支语句 1、if-else语句 if语句的三种格式 if语句第一种格式：（适合一种判断） if(关系表达式) {
语句体;
} 首先判断关系表达式看其结果是true还是false：如果是true就执行语句体；如果是false就不执行语句体。 2、if
JS的this总结(下)-ES6箭头函数this指向 在讲this之前,首先简单了解一下ES6箭头函数 最近在学习ES6的过程中,接触到了ES6中最受人们关注的一个特性:箭头函数,然后学习下去的时候,遇到了一个比较困惑的问题:箭头函数的this指向 然后上网查了一下资料,总结了一下 首先有一个值得注意的地方是: => 箭头函数没有一个自己的 this 在平常新定义的函数中,都有他们自己的t
转载
2024-03-19 21:37:33
29阅读
为class绑定多个值 普通写法 其他 一个值判断a或者判断b 普通写法 其他 引用一个组件 普通写法 node写法 V FOR渲染 一般 解构赋值 CSS私有化 一般 设置比较长的class类名区分，或者使用BEN等命名方法 css module style样式会存在$style计算属性中 缺点：
转载
2018-12-27 16:05:00
101阅读
2评论
传统的 javascript 中只有对象，没有类的概念。它是基于原型的面向对象语言。 原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向 对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！首先大家要明白，为什么要出现 class ？首先回顾我们的 JavaScript 编程思想的发展史。 从 JS 诞生之时，刚开始做的就是面向过程的编程，把一个问题给解释清楚了， 几行 j
script标签中的importmap<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
}
}
</script>这个写法是 Import Maps，它是一种浏览器原生支持的机制，用于定义模块导入路径的映
jquery介绍：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A
reactjs是目前最火的单页面框架，面向ES6语法，使用JSX语法进行组件化开发。
JSX语法是把js和html混合起来编写代码，其核心就是以“<”“>”包裹html，以“{ }”来包裹js语法。
只需要多写几遍就行，个人觉得没必要专门学习什么是jsx。
reactjs语法非常简单，难的是把reactjs和其他的一系列东西混合起来如何使用。
这篇博客只针对reactjs语法，而对
在编程的过程中有同学遇到不太清楚ES6中this指向的问题，代码抽象如下：function myFunction(){ var mthis = this; setTimeout(()=>{ // this=mthis console.log('setTimeout中的this:', this) },100)}this是什么，是全局上下文w
原创
2022-11-19 13:51:32
201阅读
一，定义变量let(类似var)在js一直有一个bug是var：1、var 声明的变量会有变量提升 console.log(name); //jhon
var name = 'jhon'; 2、var 没有块级作用域 var name2 = 'jjjon';
{
var name2 = 'tom';
}
console.log(name2); //tom 3、var 可以
转载
2024-03-25 12:44:08
38阅读
背景最近研究jquery发现jq很早就有类似promise的功能了，我jq用的比较少，主要拿来学习设计思想。这个jq的$ajax自1.5以后会返回延迟对象，可以使用.done之类的延迟对象使用的方法来进行后续操作。主要还是看$.deferred这个函数，这个函数其实是基于$.callback这个来实现的。我们把deferred进行简化一下，看这玩意跟promise到底有啥区别。使用var wait
转载
2023-11-13 10:47:01
84阅读
文章目录1. 概述2. 声明调用3. 类的本质4. 类的继承5. 对父类方法的重写 1. 概述ES6 提供了更接近语言的写法，引入了Class（类）这个概念，作为对象的模版。 通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面对对象编程的语法而已。2. 声明调用语法：<
转载
2024-04-01 08:11:48
92阅读
在当前的前端开发中，很多开发者希望将项目中的功能迁移到现代 JavaScript（ES6）语法，以减少依赖并提高代码的可维护性。其中，jQuery 是一个流行而广泛使用的 JavaScript 库，虽然它在过去的开发中提供了许多便利，但在 ES6 的时代，原生 JavaScript 引入了许多新的特性，这使得一些 jQuery 的功能可以用更简单、性能更好的代码来替代。
## 版本对比
###
强烈推荐30个原生JavaScript的demo，包括canvas时钟特效、自定义视频播放器、搜索栏快速匹配、fetch访问资源、console调试技巧等，先fork后学习，详见链接前言和map类似，Array的filter也接收一个函数。但是和map不同的是， filter把传入的函数依次作用于每个元素，然后根据返回值是 true 还是false决定保留还是丢弃该元素。实例介绍例如，在一个Arr
转载
2024-10-28 10:56:30
68阅读
Ⅰ. vue3 的 JSX 写法对于熟悉react 的小伙伴, 可以通过 jsx 来 做 vue3让我们一起来踩坑 ? 文章目录Ⅰ. vue3 的 JSX 写法Ⅱ. JSX 安装和配置1. 通过 webpack2. 通过 viteⅣ. JSX 的 在vue 的应用1. JSX => 两种写法2.JSX => 父子组件通信 3. JSX => 用v-if 、v-show 4. JS
1 注意事项最新版是1.1.4，我们项目组用的是1.1.0。从npmjs可以看出，两个版本中间的版本都是不可用的，下载量为0.除此之外还可以参考的类似工具：https://www.npmjs.com/package/vue-esignature vue-esignaturehttps://www.npmjs.com/package/vue3-esign vue3-esign2 链接地址https:
Code Is Never Die !今天我们一起揭开JS中ES6的神秘面纱！1. ES6相关概念（★★）1.1 什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。1.2 为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身
转载
2024-01-22 09:02:30
34阅读
