我的javascript学习之路(代码片段)

李元芳芳芳 李元芳芳芳     2023-01-13     421

关键词:

1.初识Javascript

1.简介
JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)
脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行
现在也可以基于Node.js技术进行服务器端编程
2.JavaScript的作用
表单动态校验(密码强度检测)(JS产生最初的目的)
网页特效
服务端开发(Node.js)
桌面程序(Electron)
App(Cordova)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)
3.HTML/CSS/JS的联系
HTML/CSS 标记语言—描述类语言
JS脚本语言—编程类语言
4.浏览器执行JS简介
浏览器分为两部分 渲染引擎和JS引擎
渲染引擎:用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit
JS引擎:也称为JS解释器,用来读取网页中的JavaScript代码,对其进行处理后运行,比如chrome浏览器的V8
浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行
5.JS的组成




6.JS初体验
三种书写位置:行内、内嵌和外部



2.变量的使用

1.声明变量

//声明变量
var age;

2.赋值

age = 10;

3.变量的初始化

var myname = '李元芳';

4.变量语法扩展
1)更新变量
一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准
2)同时声明多个变量

var age = 18,address = '石家庄',gz = 2000;


5.变量命名规范

3.数据类型

3.1介绍
JS把数据类型分为两类:
简单数据类型(基本数据类型)
复杂数据类型

3.2数字型 Number




3.3 字符串型 String






3.4 布尔型


3.5 关键字typeof

typeof num//直接加变量名

4.数据类型转换




5.算术运算符


6.数组


7.函数

7.1 arguments的使用
当我们不确定有多少个参数传递的时候,可以用arguments来获取。在JS中,arguments实际上它是当前函数的一个内置对象,所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参
arguments展示形式是一个伪数组,因此可以进行遍历,伪数组具有以下特点:
具有length属性
按索引方式储存数据
不具有数组的push、pop等方法

jquery学习之路-选择器

...始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery  jQuery是什么?  jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write... 查看详情

我的学习之路_第二十六章_javascript

Javascript【DOM操作】获取元素 varobj=document.getElementById("id值"); 获取值 obj.value; 设置值 obj.value=值; 获取标签体内容 obj.innerHtml; 设置标签体内容 obj.innerHtml=值; 使用正则表达式校验数据 1.编写正则表达式 1.用户名的正则:/^[a-z0-9_... 查看详情

#java学习之路——基础阶段二(第九篇)(代码片段)

我的学习阶段是跟着CZBK黑马的双源课程,学习目标以及博客是为了审查自己的学习情况,毕竟看一遍,敲一遍,和自己归纳总结一遍有着很大的区别,在此期间我会参杂Java疯狂讲义(第四版)里面的内容。前言:此随笔主要是J... 查看详情

前端小小白的学习之路javascript常用代码书写规范

javascript代码规范代码规范我们应该遵循古老的原则:“能做并不意味着应该做”。全局命名空间污染总是将代码包裹在一个立即的函数表达式里面,形成一个独立的模块。不推荐varx=10,y=100;console.log(window.x+‘‘+window.y);推... 查看详情

javascript高手之路:封装抽奖效果(代码片段)

通过前面6篇文章的介绍,我相信读者大概对JavaScript的对象有了初步了解。那么这篇文章我们继续对前面学习的知识进行总结和实战,用面向对象思维来封装抽象效果,本文要达到的效果如图所示。如图所示,蓝... 查看详情

javascript高手之路:原型和原型链(代码片段)

原型和原型链是JavaScript进阶重要的概念,尤其在插件开发过程中是不能绕过的知识点,这篇文章就带你抽丝剥茧的学习这一过程。由一个例子开始说起在写博客过程中,我比较倾向和习惯从一个按例开始说起,以... 查看详情

typescript入门学习之路(代码片段)

...ript中的数据类型typescript中的函数typescript中类的定义继承javascript中的继承typescript中的继承typescript类的静态属性和静态方法typescript类的多态typescript的抽象类typescript中的接口typescript中的泛型TypeScript学习之路安装typescript环境npmins... 查看详情

vue学习之路7-v-on指令学习之简单事件绑定(代码片段)

前言在JavaScript中任何一个DOM元素都有其自身存在的事件对象,事件对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置和鼠标按钮的状态等。事件通常与函数结合使用,函数不会在事件发生前被执... 查看详情

springboot的学习之路(01):缘起(代码片段)

...者,彻底改变了Java应用开发的模式。2017年,SpringBoot闯入我的生活,也让我迎来了又一春我开始接触SpringBoot的时候,是在2017年,是公司同事在开始学。我也网上查找了些资料,发现SpringBoot相比传统SpringMVC在xml配置上有很大的一... 查看详情

我的java工程师之路——javascript篇

...要了解一些前端页面上的技术的。比如:html,css,还有JAVAScript,jQuery,ajax。特别是后三项对于来说,后端程序员是必须要会的技术。学习javaScript的总结1、学习一门技术之前,首先当然要知道它是干什么的,有什么作用。javaScr... 查看详情

javascript高手之路:全选不选反选效果(代码片段)

前几个章节已经讲述了JavaScript对象定义的几种方式,并且用构造函数方式和字面来嗯方式来封装了一些数学相关的类和一些简单的特效,相信读者对JS面向对象编程有个大概轮廓了。所以,接下来的几个章节,每... 查看详情

flume学习之路flume的source类型(代码片段)

...就可以创建分层采集的拓扑结构。官网说的比较绕,当然我的翻译也很弱,其实就是flu 查看详情

vue学习之路(基础篇)(代码片段)

...学的学习路线:java自学的学习路线一.Vue引言渐进式JavaScript框架--摘自官网#渐进式1.易用htmlcssjavascript上手比较容易2.高效开发前端页面非常高效3.灵活开发灵活多样性4.渐进式:a.易用vue.js上手非常快b.灵活vue生态系统非常... 查看详情

javascript速成之路javascript函数(代码片段)

...人主页:「小杨」的csdn博客🔥系列专栏:【JavaScript速成之路】🐳希望大家多多支持🥰一起进步呀!文章目录前言1,函数基础1.1,函数概念1.2,函数使用1.3,函数参数1.4,函数返回值2&... 查看详情

javascript速成之路javascript流程控制(代码片段)

...人主页:「小杨」的csdn博客🔥系列专栏:【JavaScript速成之路】🐳希望大家多多支持🥰一起进步呀!文章目录前言1,流程控制2,分支结构2.1,if语句2.2,if...else语句2.3,if...elseif语句2.4... 查看详情

vue学习之路第十篇:简单计算器的实现(代码片段)

...高,纯粹是为了加深掌握所学知识。学前准备:需要掌握JavaScript的eval()函数,其主要是用来计算某个字符串,并执行其中的JavaScript代码。直接上代码(vue.min.js第一篇有下载链接):<!DOCTYPEhtml><htmllang="en"><head><met... 查看详情

javascript速成之路一文带你初识javascript(代码片段)

...人主页:「小杨」的csdn博客🔥系列专栏:【JavaScript速成之路】🐳希望大家多多支持🥰一起进步呀!文章目录前言1,JavaScript1.1,JavaScript概述1.2,JavaScript历史1.3,JavaScript特点1.4,JavaScr... 查看详情

javascript速成之路javascript数据类型转换(代码片段)

...人主页:「小杨」的csdn博客🔥系列专栏:【JavaScript速成之路】🐳希望大家多多支持🥰一起进步呀!文章目录前言数据类型转换1,转换为字符串型1.1,利用“+”拼接转换成字符串1.2,利用S... 查看详情