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

不止是笔记 更多的是思考

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

从今天开始,猫猫我就从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. MYSQL源代码编译的变动

    Mysql的安装,对于mysql不同版本号的mysql源代码编译方式不一样 5.6.2的版本号開始编译方式已经由 configure 变成了cmake方式 ,相关的新的 编译方式在mysql官网已经提 ...

  2. emmet教程

    https://www.zfanw.com/blog/zencoding-vim-tutorial-chinese.html https://www.zfanw.com/blog/zencoding- ...

  3. [poj 2480] Longge's problem 解题报告 (欧拉函数)

    题目链接:http://poj.org/problem?id=2480 题目大意: 题解: 我一直很欣赏数学题完美的复杂度 #include<cstring> #include<al ...

  4. 安卓开发--ListView

    package com.zx.listview01; import java.util.ArrayList; import java.util.HashMap; import java.util.Li ...

  5. maven+spring-data-jpa环境搭建

    转自http://www.cnblogs.com/007sx/p/5658194.html 首先看一下项目结构: 所用到的jar(pom.xml): <project xmlns="h ...

  6. Centos7不修改默认交换分区下添加交换分区

    交换分区介绍 Linux系统中的交换分区是当物理内存(RAM)被充满时,作为物理内存的缓存来使用. 当系统需要更多的内存资源而物理内存已经充满,内存中不活跃的页就会被移动到交换分区上. 交换分区位于硬 ...

  7. Windows 10 计划带来颜文字和Sandbox

    在最新的 Window 10 测试版 Build 18305 中,Windows 10 增加了对颜文字(kaomoji)的支持. Kaomoji 是由日本符号序列组成的面脸部表情的名称.虽然有些人,比 ...

  8. rsync---远程数据同步工具

    rsync命令是一个远程数据同步工具,可通过LAN/WAN快速同步多台主机间的文件.rsync使用所谓的“rsync算法”来使本地和远程两个主机之间的文件达到同步,这个算法只传送两个文件的不同部分,而 ...

  9. 紫书 例题 10-13 UVa 830(递推)

    首先我们按照这三个U的位置来分类,当前三个U在i,i+1, i+2. 那么先看三个U前面,前面不能有三个U,因为我们不能重复计算 那么就是所有的组合减去有U的情况 为了叙述方便,我们设答案为f(n), ...

  10. WHU 1548 Home 2-SAT

    ---恢复内容开始--- 题意: N个人想回家在至少一个时刻.至多两个时刻.并且,他们每个人都能独自回家. 定义:ai表示第i个人回家的时间, xij = abs(ai - aj) (i != j). ...