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

不止是笔记 更多的是思考

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

从今天开始,猫猫我就从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. Lock-less buffer management scheme for telecommunication network applications

    A buffer management mechanism in a multi-core processor for use on a modem in a telecommunications n ...

  2. codeforces 570 D Tree Requests

    题意:给出一棵树.每一个结点都有一个字母,有非常多次询问,每次询问.以结点v为根的子树中高度为h的后代是否可以经过调整变成一个回文串. 做法: 推断能否够构成一个回文串的话,仅仅须要知道是否有大于一个 ...

  3. tomcat怎样禁止显示文件夹和文件列表

    查看原文:http://www.ibloger.net/article/300.html Tomcat禁止显示文件夹和文件列表 打开   tomcat的安装文件夹/conf/web.xml 文件 &l ...

  4. 【试水CAS-4.0.3】第02节_CAS服务端登录页个性化

    完整版见https://jadyer.github.io/2015/07/16/sso-cas-login-diy/ /** * @see ------------------------------ ...

  5. springMVC之拦截器

    有两种方法配置spring的拦截器 1. 实现接口: HandleInterceptor public class MyInterceptor1 implements HandlerIntercept ...

  6. POJ 3225 线段树+lazy标记

    lazy写崩了--. 查了好久 /* U-> [l,r]–>1 I-> [1,l-1] [r+1,+无穷] –>0 D-> [l,r]–>0 C-> [1,l ...

  7. 机器学习规则:ML工程最佳实践----rules_of_ml section 2【翻译】

    作者:黄永刚 ML Phase II: 特征工程 第一阶段介绍了机器学习的一个周期,为学习系统获取训练数据,通过有趣的引导设计指标,创建一个服务框架.在有了一个完整系统之后,就进入了第一阶段. 第二阶 ...

  8. 解析UML用例图中include与extend的区别

    UML用例图有很多值得学习的地方,这里向大家简单介绍一下UML用例图中include与extend的区别,希望本文的介绍对你有所帮助. 本文和大家重点讨论一下UML用例图中include与extend ...

  9. Java类和对象5

    写一个Java应用程序,该应用程序包括2个类:Print类和主类E.Print类里有一个方法output()功能是输出100 ~ 999之间的所有水仙花数(各位数字的立方和等于这个三位数本身,如: 3 ...

  10. Asp.Net中使用水晶报表(中)

    Asp.Net中使用水晶报表(中) 使用Pull模式 我们将通过下面的这些步骤来通过Pull模式来执行水晶报表 1.首先创建rpt文件,并使用水晶报表设计接口设置一些必须的数据连接. 2.拖放一个 C ...