从零开始的全栈工程师——js篇2.1(js开篇)
JS开篇
一、js介绍
全称 javascript 但不是java 他是一门前台语言 而java是后台语言
js作者 布兰登·艾奇
前台语言:运行在客户端的
后台语言:跟数据库有关的
能干什么? 页面特效 开发网页游戏 后台开发等等
二、js和ECMAscript的关系
es不是语言 是js的标准 我们学习js得按es的标准学习
三、前端的三个层次
HTML 结构层
CSS 表现层
JS 行为层
四、js写在哪里
因为js和pho都是脚本语言 js写在script这个标签里 php写在<?php>标签里

当然作为一个合格的程序员最好把html css js三个文件分开

五、变量
变量:可以改变的量 并且区分大小写
变量的定义(声明):var 加字母car a 我们声明了一个变量叫a
变量的用途:变量其实就是一个容器 起到临时存储数据的作用
通过等于号赋值(=) var a=12;
六、js的语言输出
1.alert()这是js中的一个方法 (弹出框)
2.console.log()浏览器控制台输出 用于代码测试

3.document.write()在浏览器中写出
七、js的注释
1.单行注释 用两个 // 来进行单行注释
2.多行注释 /* 内容 */
八、常量 (不变的量)
1.汉字 数字 往往当做值使用 除了数字外要带引号“” ( 双引号和单引号都可以)


红色的报错 说雅宁是一个变量 但这个变量没有被声明


undefined 说明有这个变量 但是没有赋值
2.变量的起名的规则 不能使用汉字 区分大小写 不能特殊符号开头除了_ $
_a(可以) -a(减号不可以) a3(字母后面可以带数字) 3a(而数字不可以写在字母前面)
带引号和不带引号
带引号的 是什么就输出什么——叫字符串(可以理解为“”里面的东西为内容)
变量不是 变量输出的是他后面的值 如果没有赋值 就是undefined
如下:

带引号的45是字符串 用+ 只是拼接 没带的是数字 +是四则运算
js的关键字 var function
九、js语言的四则运算
“+”号
纯数字之间就是加法
和字符串之间 +就是拼接
“-”号
纯数字之间就是减法
和字符串之间 -还是-
“*”号
纯数字之间就是乘法
和字符串之间 *还是*
“/”号
纯数字之间就是除以
和字符串之间 /还是/
减乘除 三者有隐式转换的能力 (隐式转换,在计算的过程中 将字符串强制转换成了数字)
%为取余
十、代码的执行顺序
1.代码执行顺序是从外往内从上往下 一个模块一个模块的执行
存储模块和执行模块
存储模块:var function 找到所有的js关键字
执行模块:对这些变量进行操作
2.变量提升:浏览器的功能
js执行前,浏览器会给一个全局作用域window
window分两个模块 一个存储模块 一个执行模块
存储模块 找到所有的var和function关键字 给这些变量添加内存地址
执行模块 代码从上到下执行 遇到变量就回去存储模块查找 有和没有
有,就看你赋值没有 赋值了就是后面的值 没有赋值就是undefined
如果没找到 结果就是xxx is not defined
如下:

十一、变量的值
暂时咱们只先学两个 一个字符串 一个数字 不管是字符串还是数字 后面的值统统成为数据
数据类型有:字符串 数字 数组 函数 布尔 对象 json null undefined
十二、运算
1.四则运算 + - * /在一起 先算*/后算+ - 有括号的先算括号里面的
2.逻辑运算 或(||)且(&&)非(|) 结果是布尔 true和false
3.比较运算 >大于 >=大于等于 <小于 <=小于等于 !取反 ==双等号
在js里 =是赋值 ==是等于 ===全等于(数据的类型和值 都一样)
==也有隐式转换的能力

从零开始的全栈工程师——js篇2.1(js开篇)的更多相关文章
- 从零开始的全栈工程师——html篇1
全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块 HTML篇 html(超文本标记语言,标记通用标记语言下的一个应用.) “超文本”就是指页面内可以包含图片.链接,甚至音乐 ...
- 从零开始的全栈工程师——html篇1.2
起名方式与CSS 一.起名方式(起名方式也叫选择器) 起名的目的是为了给标签添加属性 常见的3种选择器有 标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的 ...
- 从零开始的全栈工程师——html篇1.8(知识点补充与浏览器兼容性)
知识点补充 一.浏览器的兼容问题(关于浏览器的兼容问题 有很多大佬已经解释的很清楚了 这个得自己百度去多花点时间去了解 这里咱们只说一下前面的漏点) 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题 ...
- 从零开始的全栈工程师——html篇1.7
position定位与表单 一.position 1.Position细说 Position:relative; Left:100px; Top:100px; Position:absolute; L ...
- 从零开始的全栈工程师——html篇1.5
列表与边距探讨和行块 一.列表 1.无序列表(UL) 1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带 大家会发现用UL的时候内容前面会出现一个像这样的一 ...
- 从零开始的全栈工程师——html篇1.4
背景与边框 一.背景(backgound) 1.背景颜色:background-color:red;(简写:background:color;) 备注:ie9以下给body设置background-c ...
- 从零开始的全栈工程师——html篇1.3
文本.字体css样式与前期英语单词汇总 一.文本样式(text) 1.颜色:color:red; 2.文本对齐方式:text-align:left/center/right/justify; left ...
- 从零开始的全栈工程师——PHP篇 ( 单词汇总 ) ( php解决文字乱码 )
解决乱码: header("Content-Type: text/html;charset=utf-8"); 单词 局部的: local 全局的: global 静态的: stat ...
- 从零开始的全栈工程师——html篇1.6
浮动与伪类选择器 一.浮动(float) 1.标准文档流 标准文档流是一种默认的状态 浏览器的排版是根据元素的特征(块和行级) 从上往下 从左往右排版 这就是标准文档流 2.浮动(float)floa ...
- 从零开始的全栈工程师——underscore
underscore 是js封装的一个js库 库和框架是有区别的 mvc框架就是backbone就是依赖这个库underscore就是定义了一个_( 下划线对象 ); 函数库的所有的方法都归属于这个对 ...
随机推荐
- sql语句去重 最后部分没看 看1 有用
一 数据库 1.常问数据库查询.修改(SQL查询包含筛选查询.聚合查询和链接查询和优化问题,手写SQL语句,例如四个球队比赛,用SQL显示所有比赛组合:举例2:选择重复项,然后去掉重复项:) 数据库里 ...
- storm启动nimbus源码分析-nimbus.clj
nimbus是storm集群的"控制器",是storm集群的重要组成部分.我们可以通用执行bin/storm nimbus >/dev/null 2>&1 &a ...
- c++中placement new
c++中的placement new是::operator new的重载版本,用于在已经分配好的内存上创建对象.这样就可以在用户空间对内存进行操作,减少了对象生成的成本,控制对象的地址从而减少内存碎片 ...
- 第二周作业-影评、靶机和攻击机的安装与配置、kali的配置、DNS解析
教材作业 第一章作业一 <黑客军团>第2季第1集影评 本文只分析与黑客攻击有关的情节,不谈其他. 开头,男主通过ssh以root身份远程连接到了一台服务器,并在其上执行了名为fuxsocy ...
- 常用转义字符例如&的含义
&中的amp就是英文ampersand的缩写,该词的意思是&这个符号& 是 HTML 中 & 的表示方法.即在html中用&表示&符号
- React.Component(V16.8.6)
组件的生命周期 挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor() static getDerivedStateFromProps() render() ...
- 【转】C#里partial关键字的作用
源地址:http://www.cnblogs.com/OpenCoder/archive/2009/10/27/1590328.html
- 互不侵犯king (状压dp)
互不侵犯king (状压dp) 在N×N的棋盘里面放K个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附近的各一个格子,共8个格子.\(1\le n\ ...
- bzoj4514: [Sdoi2016]数字配对(费用流)
传送门 ps:费用流增广的时候费用和流量打反了……调了一个多小时 每个数只能参与一次配对,那么这就是一个匹配嘛 我们先把每个数分解质因数,记质因子总个数为$cnt_i$,那如果$a_i/a_j$是质数 ...
- MCP|LDY|Mass Spectrometry-based Absolute Quantification of 20S Proteasome Status for Controlled Ex-vivo Expansion of Human Adipose-derived Mesenchymal Stromal/Stem Cells(基于质谱技术的20S蛋白酶体绝对定量方法监控人体脂肪...
期刊名:Mol Cell Proteomics 发表时间:(2019年4月) IF:5.232 概述 20S蛋白酶体是一种多亚基蛋白质复合物,参与许多组织细胞生命活动过程.本研究基于SILAC标记 ...