在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!
TypeScript,Type(类型),也就是说它与JavaScript相比更加注重类型,Script则说明TypeScript是在JavaScript基础上实现的。
上下文环境的初始化在代码执行前完成 JS有三种作用域:全局作用域、函数作用域、eval作用域(不常用,不做介绍)。 在JS代码执行前,首先会对这三种作用域进行上下文环境的准备工作,准备内容如下: 全局作用域的上下文准备工作 将全局变量设为undefined 将函数表达式的值设为undefined 为函数声明直接赋值 将window对象赋给this 函数作用域的上下文准备工作 确定自由变量的作用域 为函数的参数和arguments对象赋值 将局部变量的值设为undifined 将函数表达式的
* JavaScript:简称JS(最初的设计目的:解决浏览器和用户之间的交互问题)
程序设计的概念:一段程序代码中所用到的名字并不总是有效/可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。
本文主要讲解TypeScript的基本数据结构,主要包括JS基本数据类型以及TS特有的数据类型。
(1)JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率。
在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护。
2、使用函数表达式无须对函数命名,从而实现动态编程,也即匿名函数。有了匿名函数,JavaScript函数有了更强大的用处。
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。
当代码出现有规律的重复之后,可以利用函数,定义变量,调用方法,不用去重复的改动代码,只需要进行函数的修改。基本上所有的高级语言都支持函数,javascript也不例外,它可以像变量一样被使用,方便且强大,因此本文对js函数进行系统的学习,并在学习过程中做了详细的笔记以及样例。
1. var b=true;//定义布尔变量b,并赋值为true,js注释与C/C++完全相同,此处不详述
js不需要像C语言一样显式的指定具体类型,如int,double等,统一使用var关键字声明变量。
如果直接使用字面量的话,比较麻烦。比如说,多个地方要用到同一个字面量,还不如事先定义一个变量,用来保存字面量。
JS 由于语言设计的缺陷(工期不够?),里面有一些堪称神奇的特性,初学者碰到后可能会满脸黑人问号,今天要介绍的就是其中的一个特性:声明提升(Hoisting)。
声明a=1;a属于number类型,但是number类型又是number对象,有着以下方法:
变量作为js中最常见也是我们最早接触的js知识点,相信大家都不陌生,变量几乎存在于所有的编程语言中,百度百科中对于变量的解释为 「变数或变量,是指没有固定的值,可以改变的数。变量以非数字的符号来表达,一般用拉丁字母。」 而JavaScript中的变量是松散类型(弱类型)的,所谓松散类型就是可以用来保存任何类型的数据,在声明变量时无需指定变量的类型。所以,当我们声明一个变量之后,可以存储任意类型的数据。
官方手册:https://www.kancloud.cn/manual/think-template/#/catalog
JavaScript 是世界上最流行的编程语言。是一种轻量级的编程语言,可插入HTML页面的编程代码。
这里我们可以看到, 第一行中的a虽然还没声明, 但是我们用起来却不会报错。这种情况, 就是变量声明的提升。
关于javascript中的函数: 1、预解析:把所有的函数定义提前,所有的变量声明提前,变量的赋值不提前 2、执行 :从上到下执行,但有例外(setTimeout,setInterval,ajax中的回调函数,事件中的函数需要触发执行)
Hello小可爱们,今天我们又要回到学习主题咯,前面学习了HTML和CSS的用法,今天我们就要为Web页面注入生命啦,那就是JavaScript,通过JavaScript我们可以让我们的页面动起来,这也是Web开发中的一座大山。
var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。
简称JS,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行。主要用来实现网页的动态效果,用户交互及前后端的数据传输等。
JavaScript是一门编程语言,但凡是编程语言,其在基本语法上都是大同小异的。
当一个块或函数嵌套在另一个块或函数中时,就发生了作用域的嵌套。作用域嵌套的查询规则:
JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过 script 标签(<script> js代码<script>)将 JavaScript 代码引入到 HTML 中,有两种方式:
本文介绍了技术社区在内容编辑人员工作中需要注意的五个关键点,分别是:1)正确性,确保内容准确无误;2)简洁性,让内容易于理解;3)一致性,遵循统一的写作风格;4)可阅读性,使用简单易懂的语言;5)可传播性,内容易于分享和流传。同时,还探讨了技术社区中常见的几种内容类型,如FAQ、知识库、教程、指南、实战案例和技术新闻等,以及如何进行内容整合和优化,以提高技术社区的活跃度和用户满意度。
2.BOM: (browser object model)浏览器对象模型,提供了一套操作浏览器的API如:打开关闭浏览器窗口,前进go1后退(go-1)
最近在学flutter,发现flutter的编程语言Dart和Javascript有诸多相似,对于前端开发者而已好处在于有JavaScript经验学习Dart会快一些,缺点在于容易搞混这两种语言。因此在学习的过程中记录了一下Javascript和Dart的对比,方便记忆。
1、代码块 定义:JavaScript中的代码块是指由<script>标签分割的代码段。 示例: <script> 代码块一 </script> <script> 代码块二 </script> 定义:JS是按照代码块来进行编译和执行的,代码块间相互独立,但变量和方法共享。 示例: <script> var str = "代码块一"; function show(){ console.log("我是代码块一中的方法"); } console.log(a);// 浏览器报错 </scr
附录A 名词解析: const:声明常量,常量的值不能通过重新赋值来改变,并且在初始赋值后,不能重新声明、重新赋值了。 即:同一作用域中,常量名不能与其他变量或函数名重名。值也不能修改了。 “常量是块级作用域,很像使用let语句定义的变量。” 只读的常量,就是只能读一读,不可以通过赋值改变其值,也不可以在脚本运行时重新声明,他必须被初始化某个值。 作用域规则和let块级作用域变量相同,若省略const,则被视为变量。 在同一作用域中,不能使用与变量名或者函数名相同的名字来命名常量:很好理解,常量设定后就不能
在家办公已有两周,家里幽静,适合悟道,想想入行三年多,每天在每天都在疲于技术的追求,去学习各种框架,库,却不知,他们都是脱胎于JavaScript,虽然感觉自己每天都在学习,但最终发现却只是工作中的实践和平时零散的学习,虽觉得自己都什么都知道点皮毛。却终不得章法,于是在去年的面试试炼中所有问题暴露无遗。
在当前作用域下,JS 运行之前,会把带有 var 和 function 关键字的事先声明,并在内存中安排好。(这个过程也可以理解为变量提升)然后再从上到下执行 JS 语句(预解析只会发生在通过 var 定义的变量和 function 上)
JavaScript语句的编写十分自由,每行可以编写一句语句也可以编写多句语句。需要注意,如果开发者要在一行中编写多句语句,需要使用分号进行分割,示例如下:
对于LHS和RHS,从字面意思来说是Left Hand Side和Right Hand Side即左手边和右手边,一般可以理解为赋值操作的左侧和右侧,然而不能片面的用=号左边还说右边去判断是LHS还是RHS
解构代表分解数据结构,赋值指的是为变量赋值,ES6中,允许我们按照一一对应的位置,从数组或者对象当中提取值,再将提取出来的值赋值给变量,解构变量可以让我们更加简便的从数组或者对象当中提取值.
以上的sum函数,可以这样调用:sum(),没有传任何实参的时候a和b变量没有赋值,则a和b都是undefined。也可以这样调用sum(10),这样就表示a变量赋值10,b变量仍undefined。还可以这样调用:sum(1,2),这样则表示a是1,b是2。
typeof 运算符把对象、数组或null返回 object typeof 运算符不会把函数返回 object ps:因为JavaScript中数组即是对象,所以 typeof [数组] 返回为”object“
数据类型 概述 类型声明是 TS 非常重要的一个特点 通过类型声明可以指定 TS 中变量(参数、形参)的类型 指定类型后,当为变量赋值时,TS 编译器会自动检查值是否符合类型声明,符合则赋值,否则报错 简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值 Snipaste_2021-05-18_14-09-22.jpg TypeScript 中的数据类型分为两大类 原始数据类型(基本数据类型) 对象类型(复杂数据类型) 常用的基本数据类型:number / string / boolean /
Number, String, Boolean, Undefined, Null, Symbol, BigInt
要表示真正的整数,需要用 bigint,数字的结尾用 n 表示它是一个 bigint 类型
我不是搞前端,而是搞后端的。本命编程语言是java。学习js的嘛,因为看到室友能做出动态网页,而我只能做出静态网页,再加上下个学期要学所以提前来学习学习。
定义一个函数的方法主要有三种 函数声明、函数表达式、new Function构造函数,函数声明与函数表达式定义的函数较为常用,构造函数的方式可以将字符串定义为函数。
// 注意在上方中并不会对静态的,进行检查。只会对非静态的部分,即非构造函数部分进行检查
工作中发觉原生 js 还有待加强,只好再啃一遍高程3了。 ECMAScript的变量是松散类型的,所谓松散类型就是(变量)可以用来保存任意类型的数据。换句话说每个变量仅仅是在特定的时间内保存值的占位符而已。 所谓特定的时间就是变量的生命周期。 关于生命周期就要说到‘作用域’,进而得说‘作用域链’。此处只做简单介绍,后面会详细介绍作用域和作用域链。 js中没有块状作用域( if语句 ),只有全局作用域和函数作用域。 (var定义的变量将称为该作用域中的局部变量 即全局下就是全局变量,函数内就是局部变量) 全局
在实际的开发工作中也确实如此,除了在面试的场景下,或其它几个少数特定的场景下(如“防抖节流”函数),咱意识到了 —— 这就是“闭包”!其它时候基本不用,或者是用了却不知道。
JavaScript可以被嵌入到HTML文件中,不需要经过Web服务器就可以对用户操作作出响应
但为了确保文件内容只含有标准的 JavaScript 代码,.js文件按照 ES 语法规范来检查,因而不允许出现 TypeScript 类型标注:
代码在内存中的'形状' http://zoo.zhengcaiyun.cn/blog/article/code-shape
领取专属 10元无门槛券
手把手带您无忧上云