作为一个前端开发人员,核心就是写页面。页面主要包括两块内容,展示和交互。
一个页面,由三种代码支撑,页面组件代码html,页面样式代码CSS,页面控制代码JavaScript。
html根据语意去理解就行,CSS样式根据属性名去理解就行,JavaScript代码根据接口去理解就行。
那么接下来,讲一讲细节。细节就是这些语言背后,程序设计者的逻辑。这里说起来比较简单,但是如果足够深入,是需要开发人员能够拎的清。
我具体一一介绍。
先将JavaScript:
js核心分为两部分,一是作为计算机语言必备的一些功能,比如变量,各种逻辑,各种流程,还有一些工具;二是浏览器给html里面script的代码的众多接口,方便script里面编写代码,命令浏览器去做html,CSS的控制。
首先说说核心一,
作为一门程序语言,首先要有变量,了解为什么会有var,let,const三种变量声明;其次,我们要了解,程序里面对值进行了怎样的分类,比如number,string,boolean,undefined,symbol,object,function,arr;其次,程序代码为了代码效率考虑,自定义了一些对各种特定值的操作方法,比如arr里面的循环,排序,链接,剪切等等,object里面的新建属性,删除属性,遍历属性等等;在了解了变量,值之后,接下来就要了解代码的逻辑结构。比如说,说,for,while,if,switch等,说一句就是,这些逻辑结构就是代码的核心,就是芯片的运行方式在代码层面的展示;程序员编写多行代码,只为了实现一个特定功能,比如改变页面样式,对数组进行排序,这个时候逻辑结构就不够用了,函数上场了,为了实现某一个功能的多行代码。
在熟悉了代码的使用之后,我们应该扩大学习范围,从而能做更多的事,当然还是从JavaScript延伸。比如浏览器中的渲染引擎如何解析JavaScript代码,JavaScript代码层面的特性,常用的一些js工具库。之前是做具体的工具,是学习如何用别人的东西,现在是在js语言层面上,敲击js代码,做工具,给别人用你的代码。先说说渲染引擎的JavaScript,这个实质上有很多讲的。我提几个问题,大家思考之后回答。浏览器上是如何解析前端代码,显示东西的,这个过程是怎么样的?script里面的多行代码具体是如何执行的?JavaScript语言里面有哪些特性特别重要,对于这个语言而言,记住JavaScript是一个控制浏览器html和CSS的编程语言。还有常用的工具库要了解,这个对于扩大知识视野,间接性更深理解js有些帮助,当然是一个循序渐进的过程。
最后说说核心二,
首先明确,JavaScript代码就是交给浏览器去控制html和CSS的。
控制html,比如,获取组件,给组件添加交互行为
控制CSS,字体颜色,大小,组件宽高,动画等等