昼猫笔记--给你带来不一样的笔记

不止是笔记 更多的是思考

大家好,我是一只来自喵星的前端初学者,由于我们喵星人科技较为落后,昼猫从今天开始带着使命来到地球学习前端知识。

从今天开始,猫猫我就从JavaScript开始,之后我会完善HTML+CSS的知识点

今天这篇文章主要是向大家介绍下什么是JavaScript,之后的文章中我会详细的讲解到每个知识点哦(1~2天一更)


首先咱们先了解下JavaScript

javaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在
HTML
(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

咦~(+_+)~怎么这么一大串子呢,当然了这...肯定..不是我写的啦 
(Ctrl+c-->Ctrl+v  百度百科)
Js简介


Js简介

通俗来说呢     Js是负责页面中的行为,它是一门运行在
浏览器端的脚本语言。JavaScript设计的初衷就是做一些浏览器与用户的交互和一些网页的特效来补充html和css的不足。(功能还是很强大哦)。

既然是运行在浏览器端的语言,那么它的运行环境就是浏览器,浏览器就是Js的家。

不过,它还可以在
node.js中运行哦。

Js编写位置

Js是一种脚本语言,每种语言都有特有的编写位置,好似CSS一样需要写在style标签当中一样。

1.可以编写到标签的指定属性中

<a href=javascript:alert(aaa);>
  昼猫笔记
</a> <button onclick=alert(hello);>
  昼猫笔记
</button>

2.可以编写到script标签中(
和css一样可以写在head或者标签中)

<script type=text/javascript>
    //编写js代码
</script>

3.可以将代码编写到外部的js文件中,然后通过标签将其引入(
css外部引入一样写入head中 )

<script type=text/javascript src=文件路径></script>

Js输出语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

-  alert(
要输出的内容);

-  该语句会在浏览器窗口中弹出一个警告框

-  document.write(
昼猫笔记,</br>不一样的笔记
);

-  该内容将会被写到body标签中,并在页面中显示

-  console.log(
昼猫笔记,一种不一样的笔记);

-  该内容会被写到开发者工具的控制台中

字面量|变量

1.字面量

- 字面量实际上就是一些固定的值,比如 1 2 3 4 true false null NaN hello    
字面量都是不可以改变的。

- 由于字面量不是很方便使用,所以在JS中很少直接使用字面量

2.变量

- 变量可以用来保存字面量,并且可以保存任意的字面量

- 一般都是通过变量来使用字面量,而不直接使用字面量,而且也可以通过变量来对字面量进行一个描述

3.声明变量

-  使用
var关键字来声明一个变量

           var
=

a;

           var
=
b;

           var
=
c;

-  为变量赋值

a= 1;

b= 2;

c= 3;

-  声明和赋值同时进行

           var
d= 456;

           var
e= 789;

4.标识符

-  在JS中所有的可以自主命名的内容,都可以认为是一个标识符,

是标识符就应该遵守标识符的规范。

-  比如:变量名, 函数名, 属性名

-  规范

1. 标识符中可以含有字母, 数字,  _  ,  $

2. 标识符不能以数字开头

3. 标识符不能是JS中的关键字和保留字

4.标识符一般采用驼峰命名法    xxxYyyZzz(
喵喵喜欢使用!)

关键字就是
就是 JS 本身已经使用了,具有一定特殊的含义,你就不能再用它们充当变量名

比如:  break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with

保留字实际上就是预留的“关键字”,意思是现在虽然现在还不是关键字(也就是本身还不具备特殊含义的),但是未来可能会成为关键字的

比如:  abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、import、int

昼猫笔记,一种全新的笔记      一到两天更新一次

昼猫笔记 从此告别复杂代码--JavaScript的更多相关文章

  1. 昼猫笔记 JavaScript -- 作用域技巧!!

    简单理解 var zm = function (x) { var code = 'bb' return code }; 学过js的老哥们都知道,当这样简单的一个函数进入浏览器,浏览器开始解释代码,会将 ...

  2. 昼猫笔记 JavaScript -- 异步执行 | 定时器真的定时执行?

      本篇主要内容:异步.定时器引发的思考 预计阅读时间:8分钟 了解 我们都知道在js中定时器有两种  setInterval()  . setTimeout()   setInterval() :按 ...

  3. 昼猫笔记 JavaScript -- 闭包

      本次主要内容是 闭包 阅读时间: 约 3分钟 记得点个赞支持支持我哦 初步了解 先看下代码,输出结果是多少? function fn1 () { var a = 2 function fn2 () ...

  4. 昼猫笔记 JavaScript -- 面向对象(I)

    本文内容搬运自公众号 原文链接 本文主要内容:面向对象 预计阅读时间:6分钟 面向对象的方式 单例模式(字面量定义) var obj = {} 类的实例 var obj = new Object() ...

  5. 昼猫笔记--什么是DOM

    昼猫笔记--给你带来不一样的笔记 不止是笔记 更多的是思考 Hello,大家好,昼猫,今天来加深下DOM 什么DOM呢?它的全称叫 Document Object Model 通过全称可以知道它是 文 ...

  6. 昼猫笔记 -- 面向对象(II) - 继承

    继承 由于js不像java那样是真正面向对象的语言,js是基于对象的,它没有类的概念. 所以,要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现,还有就是js可以 ...

  7. 一文让你从此告别HTTP乱码(一)Request篇

    #circle { background-color: #8fcbec; border: 3px } 概述 开发Web项目的过程中,经常遇到浏览器中显示的内容乱码,或者服务器获取浏览器请求参数时乱码的 ...

  8. 一文让你从此告别HTTP乱码(二)Response篇

    #circle { background-color: #8fcbec; border: 3px } 概述 开发Web项目的过程中,经常遇到浏览器中显示的内容乱码,或者服务器获取浏览器请求参数时乱码的 ...

  9. tensorflow笔记:多层LSTM代码分析

    tensorflow笔记:多层LSTM代码分析 标签(空格分隔): tensorflow笔记 tensorflow笔记系列: (一) tensorflow笔记:流程,概念和简单代码注释 (二) ten ...

随机推荐

  1. Qt之字体文件(TTF)

    简述 TTF(TrueTypeFont)是Apple公司和Microsoft公司共同推出的字体文件格式,随着windows的流行,已经变成最常用的一种字体文件表示方式. 在一些特殊的场合,系统字符集不 ...

  2. Fedora 17 安裝完全指南

    Fedora 17 关闭U盘自动mount gsettings set org.gnome.desktop.media-handling automount "false" gse ...

  3. JS 去除字符串中的最后一个字符

    var str = 'Hello World!'; str = str.substr(0,str.length-1); alert(str);

  4. opencv矩阵运算(2)

    简单介绍 本篇承接上一篇.继续opencv下矩阵计算的函数使用. 计算矩阵的逆 注意:矩阵A是可逆矩阵的充分必要条件是行列式detA不等于0. 详细代码 double x[3][3] = {{1, 2 ...

  5. less09 判断语句

    less //.mixin (@a) when (lightness(@a) >= 50%) { //255/2=127.5 // background-color: black; //} // ...

  6. nyoj--1170--最大的数(数学技巧)

    最大的数 时间限制:1000 ms  |           内存限制:65535 KB 难度:3 描述 小明和小红在打赌说自己数学学的好,于是小花就给他们出题了,考考他们谁NB,题目是这样的给你N个 ...

  7. T4701 【卜卜】树状数组模板

    题目背景 令 夜 色 的 钟 声 响 起 令 黄 昏 (起 始) 的 钟 声 响 起 我 爱 (渴 望) 的 就 只 有 你 我 爱 ( 渴 望 ) 你 正因如此 独自安静地哭泣吧 正因如此 无论你在 ...

  8. links[v1]

    justep core java Spring Boot ui5 template spring Cross-origin resource sharing 统一异常处理 数据库连接池的选择 Drui ...

  9. Bayes++ Library入门学习之熟悉class-Importance_resampler

    接下来,需要介绍的是重要性重采样类Bayesian_filter::Improtance_resampler.该类实现了两种重采样方法[1][2],和其子类的继承关系图如下: 其中Standard_r ...

  10. opencv数据结构与基本绘图

    #include <opencv2\core\core.hpp>//核心组件 #include <opencv2\opencv.hpp>//GUI,包含媒体输入输出,视频捕捉. ...