- 术语
a
被读取。
节点: a
- 非终端
?
被阅读。
节点: a ?
- 术语
a
被读取。
节点: a ? a
a ? a
- 非终结符
:
被读取。
节点: a ? a :
a ? a :
- 术语
b
被读取。
节点: a ? a : b
a ? a : b
- 非终端
?
被读取,触发右相关性规则。 相关性决定:
节点: a ? a : (b ?
a ? a : (b ?
- 术语
c
被读取。
节点: a ? a : (b ? c
a ? a : (b ? c
- 非终端
?
被读取,重新应用右联合性规则。
节点: a ? a : (b ? (c ?
a ? a : (b ? (c ?
- 术语
c(b)
被读取。
节点: a ? a : (b ? (c ? c(b)
a ? a : (b ? (c ? c(b)
- 非终结符
:
被读取。
节点: a ? a : (b ? (c ? c(b) :
a ? a : (b ? (c ? c(b) :
- 术语
b
被读取。
节点: a ? a : (b ? (c ? c(b) : b
a ? a : (b ? (c ? c(b) : b
- 非终结符
:
被读取。 三元运算符?:
从前一个范围满足,范围已关闭。
节点: a ? a : (b ? (c ? c(b) : b) :
a ? a : (b ? (c ? c(b) : b) :
- 术语
null
被读取。
节点: a ? a : (b ? (c ? c(b) : b) : null
a ? a : (b ? (c ? c(b) : b) : null
- 没有令牌可读。 关闭剩余的左括号。
结果是: a ? a : (b ? (c ? c(b) : b) : null)
a ? a : (b ? (c ? c(b) : b) : null)
================================================================================
- 更好的可读性
======
从上面的丑陋的上线者可能(并应该)为了可读性而重写为:
(请注意,压痕不隐式地定义正确的关闭装置,如括号()做的。)
a
-
? a
- b
? c
-
? c(b)
-
b
-
null
例如
return a + some_lengthy_variable_name > another_variable
-
? “yep”
- “nop”
更多阅读
====
Mozilla:JavaScript条件运算符
Wiki:运算符关联
奖金:逻辑运算符
========
var a = 0 // 1
var b = 20
var c = null // x=> {console.log(‘b is’, x); return true} // return true here!
a
&& a
|| b
&& c
&& c(b) // if this returns false, || b is processed
|| b
|| null
在这个例子中使用逻辑运算符是丑陋的错误,但这是他们闪耀的地方…
“无结合”
function(mayBeNull) {
var cantBeNull = mayBeNull || 42 // “default” value
var alsoCantBe = mayBeNull ? mayBeNull : 42 // ugly…
…
}
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
学习笔记
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
HTML/CSS
**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分
**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式
HTML5 /CSS3
**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性
**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型
JavaScript
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串
S3 新增多列属性,CSS3新增单位,弹性盒模型
[外链图片转存中…(img-9kRQDZ32-1710823038699)]
JavaScript
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串