reactjs是目前最火的单页面框架，面向ES6语法，使用JSX语法进行组件化开发。
JSX语法是把js和html混合起来编写代码，其核心就是以“<”“>”包裹html，以“{ }”来包裹js语法。
只需要多写几遍就行，个人觉得没必要专门学习什么是jsx。
reactjs语法非常简单，难的是把reactjs和其他的一系列东西混合起来如何使用。
这篇博客只针对reactjs语法，而对
文章目录1. 概述2. 声明调用3. 类的本质4. 类的继承5. 对父类方法的重写 1. 概述ES6 提供了更接近语言的写法，引入了Class（类）这个概念，作为对象的模版。 通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面对对象编程的语法而已。2. 声明调用语法：<
转载
2024-04-01 08:11:48
95阅读
顺序结构 程序从上到下逐行地执行，中间没有任何判断和跳转。 分支语句 1、if-else语句 if语句的三种格式 if语句第一种格式：（适合一种判断） if(关系表达式) {
语句体;
} 首先判断关系表达式看其结果是true还是false：如果是true就执行语句体；如果是false就不执行语句体。 2、if
类的概念：可以通过类实例化一个具体的对象。在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。它不可重复声明类定义不会被提升，这意味着必须在访问前对类进行定义，否则就会报错类的定义：ES6的类中不能直接定义变量，变量被定义在constructor中。constructor** 方法是类的默认方法，创建类的对象时被调用。也被称为类的构造方法（构造函数、构造器）。一
转载
2024-09-26 10:06:33
29阅读
script标签中的importmap<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
}
}
</script>这个写法是 Import Maps，它是一种浏览器原生支持的机制，用于定义模块导入路径的映
1.定义简介setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 function foo(){}; var id = setTimeout(foo,1000); //返回一个大于0 的整数。表示id 当我清楚定时器的时候 传这个id就可以。 2. 试题引发的思考setTimeout(function(){
console.log
转载
2024-07-16 10:38:24
47阅读
jquery介绍：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A
传统的 javascript 中只有对象，没有类的概念。它是基于原型的面向对象语言。 原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向 对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！首先大家要明白，为什么要出现 class ？首先回顾我们的 JavaScript 编程思想的发展史。 从 JS 诞生之时，刚开始做的就是面向过程的编程，把一个问题给解释清楚了， 几行 j
为class绑定多个值 普通写法 其他 一个值判断a或者判断b 普通写法 其他 引用一个组件 普通写法 node写法 V FOR渲染 一般 解构赋值 CSS私有化 一般 设置比较长的class类名区分，或者使用BEN等命名方法 css module style样式会存在$style计算属性中 缺点：
转载
2018-12-27 16:05:00
101阅读
2评论
背景最近研究jquery发现jq很早就有类似promise的功能了，我jq用的比较少，主要拿来学习设计思想。这个jq的$ajax自1.5以后会返回延迟对象，可以使用.done之类的延迟对象使用的方法来进行后续操作。主要还是看$.deferred这个函数，这个函数其实是基于$.callback这个来实现的。我们把deferred进行简化一下，看这玩意跟promise到底有啥区别。使用var wait
转载
2023-11-13 10:47:01
86阅读
一，定义变量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阅读
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:
Ⅰ. 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
在当前的前端开发中，很多开发者希望将项目中的功能迁移到现代 JavaScript（ES6）语法，以减少依赖并提高代码的可维护性。其中，jQuery 是一个流行而广泛使用的 JavaScript 库，虽然它在过去的开发中提供了许多便利，但在 ES6 的时代，原生 JavaScript 引入了许多新的特性，这使得一些 jQuery 的功能可以用更简单、性能更好的代码来替代。
## 版本对比
###
一、背景最近在翻看以前的老书《node.js开发指南》，恰好碰到 for 循环 + setTimeout 的经典例子，于是重新梳理了思路并记录下。二、写在前面，setTimeout 和 setInterval 的执行机制在日常编码中，你会发现，给 setTimeout 和 setInterval 设定延迟时间往往并不准，或者干脆 setTimeout(function(){xxx},0) 也不是立
转载
2024-10-05 11:49:24
75阅读
强烈推荐30个原生JavaScript的demo，包括canvas时钟特效、自定义视频播放器、搜索栏快速匹配、fetch访问资源、console调试技巧等，先fork后学习，详见链接前言和map类似，Array的filter也接收一个函数。但是和map不同的是， filter把传入的函数依次作用于每个元素，然后根据返回值是 true 还是false决定保留还是丢弃该元素。实例介绍例如，在一个Arr
转载
2024-10-28 10:56:30
68阅读
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阅读
一、类的支持1、简介ES6中添加了对类的支持，引入了class关键字。JS本身就是面向对象的，ES6中提供的类实际上只是JS原型模式的包装。现在提供原生的class支持后，对象的创建，继承更加直观了，并且父类方法的调用，实例化，静态方法和构造函数等概念都更加形象化。JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。function Point(x, y) {
转载
2024-04-18 07:26:11
44阅读
众所周知，JS并没有类(class)的概念,虽然说ES6开始有了类的概念，但是，这并不是说JS有了像Ruby、Java这些基于类的面向对象语言一样，有了全新的继承模型。ES6中的类，仅仅只是基于现有的原型继承的一种语法糖，下面我们好好分析一下，具体是如何实现的 面向对象思想
面向对象编程（OOP）?类：定义某一事物的抽象特点，包含属性和方法，举个栗子，狗这个类包含狗的一些基础特征，如毛皮颜色，吠
转载
2024-08-02 15:07:43
35阅读
class Circle {
constructor(radius) {
this.radius = radius;
Circle.circlesMade++;
};
static draw(circle, canvas) {
// Canvas绘制代码
};
转载
2024-10-27 11:20:55
9阅读
