您的当前位置:首页正文

菜鸟javascript基础资料整理3正则_基础知识

2023-12-03 来源:帮我找美食网

1.js正则表达式(RegExp对象) RegExp 对象有 3 个方法:test()、exec() 以及 compile()。 ①test()方法 //test() 方法检索字符串中的指定值。返回值是 true 或 false。 var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free")); ②exec()方法 //exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。 var patt1=new RegExp("e"); document.write(patt1.exec("The best things in life are free")); 未完待续。

小编还为您整理了以下内容,可能对您也有帮助:

学习Web前端要知道的JavaScript基础语法规则

今天小编要跟大家分享的文章是关于学习web前端要知道的JavaScript基础语法规则。俗话说,“无规矩不成方圆”。用在计算机语言上也同样使用。每种计算机语言都有自己的语法规则,只有遵循语法规则才能写出符合要求的代码。JavaScript也不例外,在使用JavaScript语言时,需要遵循某些语法规则,如执行顺序、大写和注释规范。下面我们就以来介绍下,JavaScript基础语法规则。

1.按从上到下的顺序执行

JavaScript程序按照在HTML文档中的排列顺序逐行执行。如果代码(例如函数、全局变量等)需要在整个HTML文件中使用,最好将这些代码放在HTML文件的标记中。

2.区分大小写字母

JavaScript严格区分字母大小写。也就是说,在输入关键字、函数名、变量以及其他标识符时,都必须采用正确的大小写形式。例如,变量username与变量UserName是两个不同的变量。

3.每行结尾的分号可有可无

JavaScript语言并不要求必须以分号“;”"作为语句的结束标记。如果语句的结束处没有分,JavaScript会自动将该行代码的结尾作为整个语句的结束。例如,下面两行示例代码,虽然第一行代码结尾没有写分号,但也是正确的。(注意:书写JavaScript代码时,为了保证代码的严谨性、准确性,最好在每行代码的结尾加上分号。)

alert

alert

4、注释规范

使用JavaScript时,为了使代码易于阅读,需要为

JavaScript代码加一些注释。JavaScript代码注释和CSS代码注释方式相同,也分为单行注释和多行注释,示例代码如下:

//我是单行注释

/*

我是多行注释1

我是多行注释2

我是多行注释3

*/

以上就是小编今天为大家分享的关于学习web前端要知道的JavaScript基础语法规则的文章,希望本篇文章能够对正在从事会计相关工作的小伙伴们有所帮助。想要了解更多会计相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利成为一名优秀的web前端工程师!

菜鸟程序员需要学习哪些基础知识

java学习是由简入难的学习过程,不要一开始就学习太过于复杂的,也不要好高骛远,java的基础很重要,所以一定要由最基础的学起,抓实基础。下面是昌平北大青鸟java培训小编结合大部分情况为大家总结下:菜鸟程序员需要学习哪些基础知识。

首先要学习java的基础知识。

不要被新技术迷惑,所谓万变不离其宗,新技术都是基于java的基础之上,如果基础不扎实,对于这些新技术的理解也是一知半解,学不到根源。

1、web开发

全面的JEE的web开发知识:Servlet+JSP+javaBean+TagLib,到这里做一个完整的web应用项目开发。

2、J2EE基础

j2ee说白了就是做网页,这时候你要从先从java里脱身出来,学些跟网页有关的东西:

html:很简单的东西不是太笨的话半天左右即可搞定

js:易学难精,想速度找工作不必花太多时间,随便买本javascript书略读并备查推荐:JavaScript高级程序设计;JavaScript权威指南

数据库:如果没有基础的话,建议多花时间,至少一个月,开始建议用mysql,然后是oracle,然后是sqlserver,这段时间最关键的就是sql语言的编写。

xml就是一种封装数据的格式,没啥好学的,练习一下怎么用dom4j或者jdom读写xml即可。

jsp,servlet,tomcat:这段时间说白了就是用jsp来做个网站。

3、EJB开发

包含全面的EJB知识:1)EJB入门和无状态会话Bean;2)有状态会话Bean;3)BMP和CMP是实体Bean;4)jms和MessageDrivenBean;5)事物和安全(JTA、JTS和JAAS);6)WebService的开发和应用;

要会使用主流框架

框架其实就是一些公共的工具和方法,被封装到一个盒子中供您随时调用,框架也是别人用java编写的,相当于你调用别人写好的公共模块,可以节省时间和效率。

主要是3大框架:

mvc框架:struts,struts2,jsf

or映射框架:hibernate,ibatis

业务框架:spring

重量级框架:ejb

这些都是java技术的学习知识点,和学习流程,先简单后复杂,由一个点展开,开始更广更深入的学习。这些都掌握了以后,你就学会了java,具备了基本编程的能力,但不代表你就能做出优良的产品,所以接下来,你就需要学习软件工程和算法,进一步的提升自己。想更快更扎实的学习java知识吗?赶紧到昌平北大青鸟java培训机构报名吧,选择昌平北大青鸟,你绝不后悔!

详解JavaScript基础知识(JSON、Function对象、原型、引用类型)

1、JSON
概念:JavaScript
对象表示法(JavaScript
Object
Notation),是一种轻量级的数据交换格式
特点:易于程序员编写和查看;易于计算机解析和生成
数据结构:Object对象格式  
{
key:
value
,
key:
value
}
Array数组格式  
[
value
,
value
]
Eg: 
var
json
=

{
“  

:
‘' 
‘'
}
'   
(内部双引号,外部单引号)
 *
JSON
-
支持独立的".json"文件;  
允许嵌套
JSON格式在主流开发语言中几乎都支持---
各个语法语言的共识就是字符串
JSON中的字符串只能使用双引号 
*
支持的数据类型:
string;
number;
boolean;
null;
object;
array
    
转换JSON对象与字符串
转换为JSON对象:
JSON.parse(对象) 
---(服务器=>客户端),
解析JSON字符串,
转换为JSON字符串:JSON.stringify(字符串) 
----
(客户端=>服务器),
2、Function对象
  
函数与Function对象:
Function类型是JavaScript提供的引用类型之一;通过Function类型创建了一个Function类型的对象,该对象实际是一个[函数]。
var
对象名
=
new
Object(
);  
---创建对象
var
函数名
=
new
Function(
);  
//
function
anonymous(
){}
【在JavaScript
中,所有函数是Function的对象】
var
函数名
=
new
Function(参数,函数体);
括号(
)里面最后一个参数,识别为函数体,
除此都是形参。---不建议
  
构造函数:
作用:为了创建对象(工厂方式)
语法结构:
function
构造函数名称(形参){
this.属性名
=
属性值;
----
this的含义
->
指的是创建的对象
this.方法名
=
function(
){
}
}
var
对象名
=
new
构造函数名称(
);
3、原型

JavaScript
中,函数是一个包含属性和方法的
Function
类型的对象。
属性(Prototype)
在函数定义时就已经存在,是Function对象(即函数)预定义的一个属性;它的初始值是一个空对象。在
JavaScript
中没有定义函数的原型类型,所以原型可以是任何类型。
原型是用于保存对象的共享属性和方法,原型的属性和方法并不影响函数本身属性和方法。
² 
显式原型
-
Function

prototype
在真实的开发环境中使用
² 
隐式原型
-
Function

__proto__
用于开发过程中的测试,不能被使用在真实的开发环境中
4、引用类型
  
数据类型:
Number-通过创建对象方式定义数字;     
String-通过创建对象方式定义数字;
Boolean-通过创建对象方式定义数字;
  
Date类型
作用:获取常规的日期+时间
getFullYear(
)
:
获取年份;  
getMonth(
)
:
获取月份;    
getDate(
):获取日期
getTime
(
):距离1970年1月1日到目前的时间和日期
[利用毫秒值进行时间的计算;实现时间戳(标识)]
eg:
日期格式为
YYYY年MM月DD日的当前时间
var
date
=
new
Date(
);
console.log(date.getFullYear(
)
+
'年'
+
date.getMonth(
)
+
'月'
+
date.getDay(
)
+
'日');
 
Math类型
属性:PI
-
圆周率                             
注:不需要创建对象
方法:对数字的处理
ceil(x):向上取整即增;      
floor(x):向下取整即舍;    
round(x):四舍五入
pow(x1,
x2):n1的n2次方    
random(
):生成0-1之间的随机数
eg:0-100随机数  
console.log(Math.random(
)*100);     
1-100随机整数 
console.log(Math.random(
)*99+1);
20%概率执行一,50%概率执行二 
if(
num
<=
0.2
){
                                     
}
else
{
                                   
}
  
Global类型
全局对象:全局属性(Infinity、NaN、undefined)、全局方法,在JavaScript中任何位置都可调用。                    
您可能感兴趣的文章:JS对象与JSON互转换、New
Function()、
forEach()、DOM事件流等js开发基础小结

详解JavaScript基础知识(JSON、Function对象、原型、引用类型)

1、JSON
概念:JavaScript
对象表示法(JavaScript
Object
Notation),是一种轻量级的数据交换格式
特点:易于程序员编写和查看;易于计算机解析和生成
数据结构:Object对象格式  
{
key:
value
,
key:
value
}
Array数组格式  
[
value
,
value
]
Eg: 
var
json
=

{
“  

:
‘' 
‘'
}
'   
(内部双引号,外部单引号)
 *
JSON
-
支持独立的".json"文件;  
允许嵌套
JSON格式在主流开发语言中几乎都支持---
各个语法语言的共识就是字符串
JSON中的字符串只能使用双引号 
*
支持的数据类型:
string;
number;
boolean;
null;
object;
array
    
转换JSON对象与字符串
转换为JSON对象:
JSON.parse(对象) 
---(服务器=>客户端),
解析JSON字符串,
转换为JSON字符串:JSON.stringify(字符串) 
----
(客户端=>服务器),
2、Function对象
  
函数与Function对象:
Function类型是JavaScript提供的引用类型之一;通过Function类型创建了一个Function类型的对象,该对象实际是一个[函数]。
var
对象名
=
new
Object(
);  
---创建对象
var
函数名
=
new
Function(
);  
//
function
anonymous(
){}
【在JavaScript
中,所有函数是Function的对象】
var
函数名
=
new
Function(参数,函数体);
括号(
)里面最后一个参数,识别为函数体,
除此都是形参。---不建议
  
构造函数:
作用:为了创建对象(工厂方式)
语法结构:
function
构造函数名称(形参){
this.属性名
=
属性值;
----
this的含义
->
指的是创建的对象
this.方法名
=
function(
){
}
}
var
对象名
=
new
构造函数名称(
);
3、原型

JavaScript
中,函数是一个包含属性和方法的
Function
类型的对象。
属性(Prototype)
在函数定义时就已经存在,是Function对象(即函数)预定义的一个属性;它的初始值是一个空对象。在
JavaScript
中没有定义函数的原型类型,所以原型可以是任何类型。
原型是用于保存对象的共享属性和方法,原型的属性和方法并不影响函数本身属性和方法。
² 
显式原型
-
Function

prototype
在真实的开发环境中使用
² 
隐式原型
-
Function

__proto__
用于开发过程中的测试,不能被使用在真实的开发环境中
4、引用类型
  
数据类型:
Number-通过创建对象方式定义数字;     
String-通过创建对象方式定义数字;
Boolean-通过创建对象方式定义数字;
  
Date类型
作用:获取常规的日期+时间
getFullYear(
)
:
获取年份;  
getMonth(
)
:
获取月份;    
getDate(
):获取日期
getTime
(
):距离1970年1月1日到目前的时间和日期
[利用毫秒值进行时间的计算;实现时间戳(标识)]
eg:
日期格式为
YYYY年MM月DD日的当前时间
var
date
=
new
Date(
);
console.log(date.getFullYear(
)
+
'年'
+
date.getMonth(
)
+
'月'
+
date.getDay(
)
+
'日');
 
Math类型
属性:PI
-
圆周率                             
注:不需要创建对象
方法:对数字的处理
ceil(x):向上取整即增;      
floor(x):向下取整即舍;    
round(x):四舍五入
pow(x1,
x2):n1的n2次方    
random(
):生成0-1之间的随机数
eg:0-100随机数  
console.log(Math.random(
)*100);     
1-100随机整数 
console.log(Math.random(
)*99+1);
20%概率执行一,50%概率执行二 
if(
num
<=
0.2
){
                                     
}
else
{
                                   
}
  
Global类型
全局对象:全局属性(Infinity、NaN、undefined)、全局方法,在JavaScript中任何位置都可调用。                    
您可能感兴趣的文章:JS对象与JSON互转换、New
Function()、
forEach()、DOM事件流等js开发基础小结

JavaScript正则表达式中 ?: 是什么意思?

“?:”是“非获取存储匹配”的意思

“ ?:” 只在一个“()”group中,紧贴着“(”出现,例如“(?:abcdefg)”,不同于“ ? ”, “?: ”不是一个量词,但是与“()”共同构造一个元字符,这个元字符所匹配出来的结果,不会保留,也不能参与诸如替换计算等等的操作。(这个操作在服务端多见一些,前端用的不多)(javascript只有string对象的replace方法能用到这个功能)

简单来说,就是你的正则表达式如果用不着在javascript里面使用replace方法,“?:”就可以省去(当然,看个人喜好和排版习惯,还有调试中的页面响应速度,如果加了“?:”反而更快,那就用吧)。

这么说起来还是比较抽象,用实例代码来说明吧。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>将匹配的数字增加后缀“9”</p >

<p class="demo">/(d+)/gi:A23G4HFD567.</p >
<p class="demo">/(?:d+)/gi:A23G4HFD567.</p >

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

var e=document.getElementsByClassName("demo");

var str=e[0].innerHTML;

var n=str.replace(/(d+)/gi,"$19");
e[0].innerHTML=n;


str=e[1].innerHTML;

var n=str.replace(/(?:d+)/gi,"$19");
e[1].innerHTML=n;

}


</script>

</body>
</html>

<!---->

<!--在实例里面“$1代表第一个“()”所匹配的结果-->

点击“点我”按钮前

点击“点我”按钮后

可以看到“/(d+)/gi”所匹配的结果被用于扩展替换字符串中的“$1”;

但是“/(?:d+)/gi”所匹配的结果没有被用于扩展替换字符串中的“$1”,尽管,它也成功地找到了被查找字符串中的数字,显然结果没有被保留。

对了,类似的问题,可以用这种办法去对比验证。(比如“?=”、“?!”、“?<=”、“?<!”是什么意思……)

上图是在菜鸟教程找到的一个比较全面的正则表达式的元字符列表的部分:https://www.runoob.com/regexp/regexp-metachar.html

还有,不同软件的正则表达式的可能有不同的特性,但是目前perl的正则表达式是公认最多特性的。

JavaScript正则表达式中 ?: 是什么意思?

“?:”是“非获取存储匹配”的意思

“ ?:” 只在一个“()”group中,紧贴着“(”出现,例如“(?:abcdefg)”,不同于“ ? ”, “?: ”不是一个量词,但是与“()”共同构造一个元字符,这个元字符所匹配出来的结果,不会保留,也不能参与诸如替换计算等等的操作。(这个操作在服务端多见一些,前端用的不多)(javascript只有string对象的replace方法能用到这个功能)

简单来说,就是你的正则表达式如果用不着在javascript里面使用replace方法,“?:”就可以省去(当然,看个人喜好和排版习惯,还有调试中的页面响应速度,如果加了“?:”反而更快,那就用吧)。

这么说起来还是比较抽象,用实例代码来说明吧。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>将匹配的数字增加后缀“9”</p >

<p class="demo">/(d+)/gi:A23G4HFD567.</p >
<p class="demo">/(?:d+)/gi:A23G4HFD567.</p >

<button onclick="myFunction()">点我</button>

<script>

function myFunction(){

var e=document.getElementsByClassName("demo");

var str=e[0].innerHTML;

var n=str.replace(/(d+)/gi,"$19");
e[0].innerHTML=n;


str=e[1].innerHTML;

var n=str.replace(/(?:d+)/gi,"$19");
e[1].innerHTML=n;

}


</script>

</body>
</html>

<!---->

<!--在实例里面“$1代表第一个“()”所匹配的结果-->

点击“点我”按钮前

点击“点我”按钮后

可以看到“/(d+)/gi”所匹配的结果被用于扩展替换字符串中的“$1”;

但是“/(?:d+)/gi”所匹配的结果没有被用于扩展替换字符串中的“$1”,尽管,它也成功地找到了被查找字符串中的数字,显然结果没有被保留。

对了,类似的问题,可以用这种办法去对比验证。(比如“?=”、“?!”、“?<=”、“?<!”是什么意思……)

上图是在菜鸟教程找到的一个比较全面的正则表达式的元字符列表的部分:https://www.runoob.com/regexp/regexp-metachar.html

还有,不同软件的正则表达式的可能有不同的特性,但是目前perl的正则表达式是公认最多特性的。

我需要 正则指引,这种高清教材百度网盘资料有人分享吗

百度网盘正则指引高清在线观看

https://pan.baidu.com/s/1tPW-FTLOxfYsZpLWb_4ruA   pwd=1234

提取码:1234    

内容简介

本书综合作者自己遇到的实际问题,以及其他开发人员咨询的问题,总结出一套巧妙运用正则表达式的办法,并通过具体的例子指导读者拆解、分析问题。全书分为三部分:第一部分主要讲解正则表达式的基础知识,涵盖了正则表达式中常见的各种功能和结构;第二部分主要讲解关于正则表达式的更深入的知识,详细探讨了编码问题、匹配原理、解题思路;第三部分将之前介绍的各种知识落实到常用语言.NET、Java、JavaScript、PHP、Python、Ruby、Objective-C、Golang中,在详细介绍了在这些语言中正则表达式的具体用法之外,还辨析了版本之间的细微差异。本书既可以作为专门的学习用书,也可以作为备查的参考手册。

零基础,如何自学前端?

作为互联网时代直接触达用户的窗口,前端无处不在。

想要自学,你一定要静下心来学习,前端的知识点还是挺多的。

第一阶段:核心知识点

• CSS3 2D、3D 变换• CSS3 animation 动画• H5C3 炫酷页面开发• Flex伸缩布局• 移动端主流适配方案• 常见移动端样式兼容方案• 预处理器Less

第二阶段:核心知识点

• JavaScript 语言基础• BOM操作大全• DOM操作大全• 封装动画函数• JavaScript高级• 正则表达式• ECMAScript 2015(ES6)新语法• jQuery 快速开发• jQuery 插件开发

第三阶段:核心知识点

• 能够建立客户端服务器交互模型,熟悉网络通信相关概念• 能够使用 Node.js 进行 Web 服务端开发• • 基于Node.js开发Web应用• Express• RESTFul API• 原声AJAX、jQuery的AJAX相关API使用• 跨域请求及解决方案• 前端模板引擎

第四阶段:核心知识点

• 大数据可视化D3.js• Vue.js/Vue Router/Vuex/axios/Element-UI• Vue CLI脚手架工具• 使用Git、Github管理项目源代码• webpack• React.js / React Router / Rex / axios / Ant Design• create‑react‑app 脚手架工具• 项目打包及优化• 项目部署与开发

第五阶段:核心知识点

• 人工智能• 小程序开发• 小程序应用及页面的生命周期• 小程序运行机制• WePY小程序开发框架• 小游戏开发

第六阶段:核心知识点

• 二次开发• 团队协作• 团队管理工具• 源码管理工具• 源码管理及协作• 敏捷开发模式

帮我找美食网还为您提供以下相关内容希望对您有帮助:

JavaScript正则表达式中 ?: 是什么意思?

(这个操作在服务端多见一些,前端用的不多)(javascript只有string对象的replace方法能用到这个功能)简单来说,就是你的正则表达式如果用不着在javascript里面使用replace方法,“?:”就可以省去(当然,看个人喜好和排版习惯,...

学习Web前端要知道的JavaScript基础语法规则

JavaScript代码注释和CSS代码注释方式相同,也分为单行注释和多行注释,示例代码如下://我是单行注释/*我是多行注释1我是多行注释2我是多行注释3*/以上就是小编今天为大家分享的关于学习web前端要知道的JavaScript基础语法规...

详解JavaScript基础知识(JSON、Function对象、原型、引用类型)

1、JSON概念:JavaScript对象表示法(JavaScriptObjectNotation),是一种轻量级的数据交换格式特点:易于程序员编写和查看;易于计算机解析和生成数据结构:Object对象格式 {key:value,key:value}Array数组格式 [value,value]Eg: ...

菜鸟程序员需要学习哪些基础知识

xml就是一种封装数据的格式,没啥好学的,练习一下怎么用dom4j或者jdom读写xml即可。jsp,servlet,tomcat:这段时间说白了就是用jsp来做个网站。3、EJB开发 包含全面的EJB知识:1)EJB入门和无状态会话Bean;2)有状态会话Bean...

javascript中怎么做对象的类型判断_基础知识

省去了打开编辑软件,创建各种类型文件的步骤。编辑代码之后,点击[Run]按钮,一切搞定。1.typeof typeof是我们在做类型判断时最常用的方法,他的优点就是简单、好记,缺点是不能很好的判断object、null、array、regexp和自...

学javascript需要什么基础

用 JavaScript 操控 BOM (浏览器接口),这个你需要了解 BOM 规范;用 JavaScript 修改 HTML 节点的样式,这个你需要学习 CSS 格式,并了解 CSS 规范;用 JavaScript 进行网络通讯,这个你需要学习网络基础知识,并了解 HTTP...

用js的正则表达式检测电话号码,要求,必须是1开头,只能是数字,并且是...

手机号的正则表达式为“^1(3|4|5|7|8)\d{9}$”,解释如下 “^1”表示以1开头,“(3|4|5|7|8)”表示第二位可能是3/4/5/7/8等的任意一个,在加上后面的\d表示数字[0-9]的9位,总共加起来11位结束。...

javascript基础知识学习完成后需要做什么?

javascript基础知识学习完成后就可以进入实战了。javascript是用在网页中的,所以会设计到一些网页代码——也就是HTML语言,另外,JavaScript本身还有自己的语法,也就是和一般编程语言的基本语法差不多。JavaScript的语法应该是java...

2020年Web前端自学之路指南

1、基础学习●HTML+CSS基础:HTML进阶、CSS进阶、div+css布局、排版、html+css整站开发,样式美化和浏览器兼容●JavaScript基础:掌握Js基本语法、条件、语句和循环、js内置对象常用方法、ECMAscript、DOM、BOM、定时器和焦点图...

我需要 正则指引,这种高清教材百度网盘资料有人分享吗

全书分为三部分:第一部分主要讲解正则表达式的基础知识,涵盖了正则表达式中常见的各种功能和结构;第二部分主要讲解关于正则表达式的更深入的知识,详细探讨了编码问题、匹配原理、解题思路;第三部分将之前介绍的各种知识落实到...

Top