初级前端需要做哪些工作?

陶海亮


做好设计师赋予的页面渲染与交互任务,同时思考一下怎样的交互展示的更好,更贴近人性化。css 和 js 能提供什么样的工具让页面更好看,更炫,交互效果更棒?

如果是使用 view 框架进行开发(React, Vue, Angular 等等),思考一下一个项目是怎样打包运行起来的?为什么通过 create-react-app 这一类的工具可以快速创建工程,为什么就能显示出一个页面?

考虑下你的页面上的数据、状态是怎样的流向,在哪里获得,在哪里修改,在哪里渲染?如果需要共用怎么办?

同时在写的时候,考虑下代码怎么样才能更优雅,写的代码怎样才能更少,哪些代码容易出问题,该怎么组织项目的目录结构,为什么要这么组织。

最后,最好还能从访问页面的人的角度考虑下会有什么样的意外情况,意外操作?能想到的各种错误情况该如何处理?



小云动漫视频


JavaScript是Web前端人员必须要掌握的知识点之一,也是一门高级语言。最初JavaScript只是在Web浏览器中运行,随着Node的出现,JavaScript也可以在服务端运行。接下来就给大家讲解一下JavaScript引擎工作原理。

JavaScript引擎是什么?

JavaScript引擎是一种用于将我们的代码转换为机器可读语言的引擎。如果没有JavaScript引擎,你编写的代码对计算机来说简直是一堆“胡言乱语”。不仅仅是JavaScript,其他所有编程语言都需要一个类似的引擎,来将这些“胡言乱语”转换成对计算机有意义的语言。

JavaScript引擎的组成部分有哪些?

1、编译器。主要工作是将源代码编译成抽象语法树,然后在某些引擎中还包含将抽象语法树转换成字节码。

2、解释器。在某些引擎中,解释器主要是接受字节码,解释执行这个字节码,然后也依赖来及回收机制等。

3、JIT工具。一个能够JIT的工具,将字节码或者抽象语法树转换成本地代码,当然它也需要依赖牢记垃圾回收器和分析工具(profiler)。它们负责垃圾回收和收集引擎中的信息,帮助改善引擎的性能和功效。

JavaScript引擎是如何工作的?

JavaScript的工作形式取决于是什么引擎。目前比较常用的JavaScript引擎有两个:WebKit的JavaScriptCore和Google的V8引擎。这两个引擎处理代码的方式是不同的。

JavaScriptCore: 源代码=》抽象语法树=》字节码

1、词法分析,将源代码分解成一系列具有明确含义的符号或字符串(分词);

2、用词法分析器分析这些符号,将其构建成抽象语法树;

3、解析器生成字节码(编译器可以理解);

4、4个JIT(Just-In-Time)进程参与进来,分析和执行解析器所生成的字节码。

谷歌的V8引擎,用C++编写,也编译和执行JavaScript源代码、处理内存分配、垃圾收集剩余物。V8引擎并不将抽象语法树转变成字节码或者其它中间表示,没有像Java一样的虚拟机或者字节码解释器。这么做主要是为了减少这抽象语法树到字节码的转换时间,这一切都在网页加载时候完成,虽然可以提高优化的可能,但是这些分析可能带来巨大的时间浪费。


庞叔说


作为一名8年工作经验在职前端来回答你这个问题。不管是初级前端还是高级前端,浏览器只认HTML css javascript,所以现在前端框架花样很多,但最终输出的都是上面提到的这三点。那么对于初级前端就很好定位了,掌握这三个点的基础知识才是最重要的。基础打好了才可以进阶更加高级的玩法。一般初级前端只能负责一些比较简单的工作,就是写一些静态页面,主要用到的就是HTML CSS,当然如果会一些javascript就更好了,会JS有利于你处理一些前端交互效果。此外,最好可以熟练操作Photoshop,用来处理一些效果图的切图工作。回答满意希望可以给个赞和关注哦,个人日常分享数码评测,欢迎来主页看一看。


花花的花花花


作为一个4年的程序员很高兴回答你的问题,可以看下我回答的视频,希望能帮助到你!

\n

{!-- PGC_VIDEO:{"thumb_height": 1088, "vposter": "http://p0.pstatp.com/origin/tos-cn-p-0000/70895e739a744fd9a93346b1786551b3\

碎碎念呀


你好,我第一份工作就是前端工程师,接下来是我的回答,谢谢聆听!

\n

{!-- PGC_VIDEO:{"thumb_height": 1280, "vposter": "http://p0.pstatp.com/origin/tos-cn-p-0000/8e072e3eead7402fa5d9390c2b6693a6\


分享到:


相關文章: