30分钟熟练掌握javaScript，内容通俗易懂，全是知识，绝对没有废话(1)

于 2024-04-28 03:00:08 发布
阅读量854 收藏 28
点赞数 27
分类专栏： 程序员 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84435866/article/details/138263532
版权
    • 三级目录

  • 引入

  • 变量声明

  • 运算符

  • 流程控制语句

  • 函数的使用

  • 数组的使用

    • 数组的遍历

  • 常用对象

    • String

  • Data

  • 数学math

  • 全局对象

  • 事件

  • DOM和BOM

    • win对象

  • 定时器

  • open和colse

  • location

  • History

  • screen

  • Navigator

  • dom得引入

  • 获取元素

  • 操作属性样式

一级目录

===================================================================

二级目录

三级目录

| | |

| — | — |

| | |

引入

=================================================================

首先就是引入js的方式有两种

内嵌式和链接式

在这里插入图片描述

建议在头部写

下面的输出就是再浏览器上出现一个弹窗

链接式

就在外外部创建js文件

在这里插入图片描述

在这里插入图片描述

引入写入地址

在这里插入图片描述

变量声明

===================================================================

声明变量的时候，大都可以使用var

在这里插入图片描述整数和小数都同属于数字类型unmber

另外的注意事项有

在这里插入图片描述

在这里插入图片描述

运算符

==================================================================

在这里插入图片描述

在这里插入图片描述

字符与数字拼在一起是拼接

数字与数字是相加

流程控制语句

=====================================================================

在这里插入图片描述

函数的使用

====================================================================

定义的三种方法

在这里插入图片描述

普遍使用第一种，比较直观

函数只有被调用才会执行

函数的传参

在这里插入图片描述

只要语句正确，可以多传少传，如果少传，那么另一个为控，传的那个正常

函数名 如果一样，参数不一样，方法还是会被顶替，js没有重载

在这里插入图片描述返回 值直接通过方法接收即可

数组的使用

====================================================================

在这里插入图片描述

数组的赋值

在这里插入图片描述数组可以不按照下标的赋值，如果出现空隙，那么就会自动补位，并不会报错

另外console.log他是可以浏览器的展示栏出现，也就是f12的那一个

数组的遍历

在这里插入图片描述

其他的常用方法

在这里插入图片描述

常用对象

===================================================================

String

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Data

在这里插入图片描述

在这里插入图片描述

同样如果我们直接返回一个Date获取的是一个还没有格式化的字符串，如果想要使用的话，就必须先要格式化

想了解的同学可以去我另一篇文章查看

点击

数学math

=====================================================================

在这里插入图片描述

全局对象

===================================================================

在这里插入图片描述

想要取到c，就用eval

事件

=================================================================

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

Vue部分截图

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

2401_84435866
关注
  • 27
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
30分钟熟练掌握javaScript，内容通俗易懂，全是知识，绝对没有废话
秃头的博客
04-06 3490
这里写目录标题一级目录二级目录三级目录引入变量声明运算符流程控制语句函数的使用数组的使用数组的遍历常用对象StringData数学math全局对象事件DOM和BOMwin对象定时器open和colselocationHistoryscreenNavigatordom得引入获取元素操作属性样式 一级目录 二级目录 三级目录 引入 首先就是引入js的方式有两种 内嵌式和链接式 建议在头部写 下面的输出就是再浏览器上出现一个弹窗 链接式 就在外外部创建js文件 引入写入地址 变
Javascript详细讲解
m0_71012114的博客
08-27 1031
本文详细讲解了Javascript知识，并举了大量的案例来方便理解。
30min带你入门JavaScript
weixin_58480821的博客
03-14 48
由上可见：JS在定义变量时不分int，double，string等类型， 所有数字类型都为number。4.运行html文件：选中文件右键选择在文件资源管理器中显示，然后双击打开生成的html文件即可。因为JS示弱类型语言，所以在比较时会进行隐式类型转换（弱类型支持隐式类型转换）（4）undefined：未定义的值，只有唯一的值undefined。第一次比较用的== ， 输出true， 可以看出进行了隐式类型转换。第二次比较用的===，输出false，可以看出没有进行隐式类型转换。
javascript学习指南，javascript自学要多久
juzilvpai的博客
05-27 3885
javascript是干什么的 JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。 JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像
如何学好JavaScript的小建议
yang__king的博客
08-10 2606
在我们第一阶段完成HTML+CSS的学习之后，很多同学都会被第二阶段JS难倒——JS语法、JS数据类型、JS对象，Js给我们的印象总是那么的“复杂”，因为它相比html来说是动态的，是编程语言，更深奥一些。想要熟练掌握js难度很大，不过如果你把知识点梳理清楚，真正的理解并加以运用，你就可以掌握它。那么该如何才能学好JS？在这里给大家总结一些学习Js的经验，希望能对你们有所帮助。 Js有如下的特点，这也是它的魅力所在： 1.脚本语言。 JavaScript是一种解释型脚本语言。首先编译和执行C，C ++和
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
10-28
我同样也是个javascript新手，怎么说呢，先学的jquery，精通之后发现了javascript的重要性，再回过头来学javascript面向对象编程
本教程以JavaScript为核心，包含了基础到高级的全面内容，旨在帮助读者掌握JavaScript编程
最新发布
05-09
本JavaScript教程是一份全面的学习指南，旨在为读者提供对...需要注意的是，虽然本教程尽可能地讲解得详细易懂，但是如果你有一些基本的编程知识，比如变量、循环、条件语句等，将更容易理解和掌握JavaScript。
1 javascript基本知识
05-07
javascript基本知识，小白可以看看，简单易懂，还有一些练习
JavaScript入门教程(初学者不可多得的优秀入门教材-通俗易懂-专业术语通俗化)(1)
03-14
JavaScript入门教程(初学者不可多得的优秀入门教材-通俗易懂-专业术语通俗化)(1)
如何熟练操作JavaScript的55个技巧？（二）
wucms的博客
07-27 505
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)> <td>no </table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" on
精通javascript
11-11
深入讲解JAVAScript，很详细，很深刻，要有一定javascript基础
【18天带你初步掌握js】Javascript简介
qq_51088023的博客
07-05 110
一个完整的JavaScript实现应该由以下三个部分组成：EMCAscript、DOM、BOM。
30分钟带你掌握js基础（JavaScript基础）
li1441853031的博客
06-22 453
一、 JavaScript简介 为何学习 JavaScript？ JavaScript 是 web 开发者必学的三种语言之一： HTML 定义网页的内容 CSS 规定网页的布局 JavaScript 对网页行为进行编程 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web。 （脚本语言是为了缩短传统的编写-编译-链接-运行（edit-compile-link-run）过程而创建的计算机编程语言。） JavaScript 是一种轻量级的编程语言。 JavaScript 是
javaScript需要掌握的基本知识
cuishao
09-06 4995
一，JavaScript嵌入页面的方式 1、行间事件（主要用于事件） &amp;amp;amp;amp;lt;input type=&amp;amp;amp;quot;button&amp;amp;amp;quot; name=&amp;amp;amp;quot;&amp;amp;amp;quot; onclick=&amp;amp;amp;quot;alert('ok！');&amp;amp;amp;quot;&amp;amp;amp
零基础学习web前端需要多久时间
热门推荐
软件大咖
09-07 1万+
当下学习WEB前端技术是很不错的选择，不少人也渐渐认识到了WEB前端技术是非常有前景的，一些没基础的朋友，也想学好这门技术，但是又不知道零基础学完WEB前端要多久? 1：要想知道学这门技术的周期是多长， 那么就得知道这门技术要学什么，学的东西多不多，学的东西难不难。想要成为合格的WEB前端工程师，那么就需要精通JavaScript、Ajax等Web开发技术。   2：零基础学完WEB...
JSP预备知识-JavaScript
07-23
本文主要介绍了JSP预备知识中的JavaScript相关内容。JavaScript是一种脚本语言，可以与HTML语言混合使用，并且不受特定浏览器限制。本文分为两个章节，分别介绍了JavaScript中的变量、数组、表达式、运算符、流程...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值