JavaScript从入门到精通之入门篇（一）概念与语法

var i = “10”;

i++; // 与 i += 1 或者 i = i + 1 类似

console.log(i) // 输出： 11

注意： i++ 和 ++i 的区别

• i++和++i 独立运算时，运算的结果是完全相同的；

• 但是如果将i++和++i进行赋值、打印、获取时，运算的先后顺序就会影响赋值的先后顺序；

• 如果是i++，变量在前，先赋值，再运算

• 如果是++i，变量在后，先运算，再赋值

例子：

var i = ‘10’;

i++;

console.log(i); // 输出： 11

++i;

console.log(i); // 输出： 12

var i = ‘10’;

var x = i++;

var y = ++i;

console.log(x); // 输出：10

console.log(y); // 输出：12

位运算符

进制

2进制和16进制的互转技巧: 8421法

二进制数值： 1101 0001 0011 0011 1101

二进制比值： 8421 8421 8421 8421 8421

16进制下标： 13 1 3 3 13

16进制结果： d 1 3 3 d

所以：11010001001100111101（二进制） = d133d （16进制）

位非运算符 ~

位与运算符 &

有一个0为0，没有0为1

• 1 & 1 = 1， 1 & 0 = 0，0 & 1 = 0，0 & 0 = 0

var a = 20; // 转成二进制：10100

var b = 10; // 转成二进制：01010

// 位与运算后：00000 转成10进制 --> 0

console.log(a&b); // 输出：0

位或运算符 |

有一个1为1，没有1为0

• 1 | 1 = 1， 1 | 0 = 1，0 | 1 = 1，0 | 0 = 0

var a = 20; // 转成二进制：10100

var b = 10; // 转成二进制：01010

// 位或运算后：11110 转成10进制 --> 30

console.log(a|b); // 输出：30

位异或运算符^

相同为0，不同为1

• 1 ^ 1 = 0， 1 ^ 0 = 1，0 ^ 1 = 1，0 ^ 0 = 0

var a = 20; // 转成二进制：10100

var b = 10; // 转成二进制：01010

// 异或运算后：11110 转成10进制 --> 30

console.log(a^b); // 输出：30

左移位运算符、右移位运算符

console.log(8<<2); // 10000 --> 32

console.log(8>>2); // 10 --> 2

console.log(1<<n); // 可以求2的n次幂

console.log((0x0000FF<<16).toString(16)); // 颜色值

关系运算符

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。