当前位置:首页 » 网页前端 » 前端和重构
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端和重构

发布时间: 2022-05-04 18:33:57

Ⅰ 怎么自学前端

自学方法:

1、作为一个初学者,你必须明确系统的学习方案,我建议一定有一个指导的人,全靠自己学,放弃的几率非常大,在你对于web前端还没有任何概念的时候,需要一个人领进门,之后就都靠自己钻研,第一步就是确定web前端都需要哪些内容,并且在多少时间内学完,建议时间6个月保底。

2、视频为主,书为辅。很多初学者在学习前端的时候非常喜欢去买书,但是最后的结果是什么?看来看去什么都不会写,所以在这里给大家提醒,书可以看,但是是在建立于你已经对于某个知识点有了具体操作的执行后,在用书去巩固概念,这样更加利于你对于知识的理解。

3、对于学习技术来讲,掌握一个学习方法是非常重要的,其实对于学习web前端来讲,学习方法确实很多都是相通的,一旦学习方法不对,可能就会造成“方法不对,努力白费”。其实关于这方面还是很多的,我就简单说个例子,有的人边听课边跟着敲代码,这样就不对,听课的时候就专心听,做题的时候就专心做题,这都是过来人的经验,一定要听。根据每个人的不同,可能学习方法也会有所出路,找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学,在我了解学习编程的这些人来看,从零基础开始学并且最后成功做这份工作的其实并没有几个,我觉得大部分原因就是因为他们都不了解web前端是干什么的,学什么的,就盲目的买书看,到处找视频看,最后看着看着就放弃了,所以我建议初学者在没有具体概念之前,还是找有经验的人请教一下,聊过之后你就会知道web前端具体是干什么的,该怎么学,这是我个人的小建议,可以不采纳。

自学路线:

第1阶段:前端页面重构(4周)

内容包含了:(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段:JavaScript高级程序设计(5周)

内容包含:(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段:PC端全栈项目开发(3周)

内容包含:(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段:移动端项目开发(6周)

内容包含:(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段:混合(Hybrid,ReactNative)开发(1周)

内容包含:(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段:NodeJS全栈开发(1周)

内容包括:(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

基础书籍:

1、《Head First HTML与CSS(第2版)》,入门真的是经典书籍,手把手教学,丰富的案例让你从 0 开始学前端。

2、《CSS权威指南(第三版)》,这本书作为 CSS 的经典着作,把原理讲得非常的通透,除了 w3c 标准,算最权威的一本了,毕竟权威指南。

3、《CSS揭秘》神书,47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了,css 进阶必备。

4、《javascript语言精粹》,这本书可以在入门之前了解一下基本语法,以及在学习之前可以了解下 JS 里面的精粹以及糟粕,虽然这本书很薄很薄,但是值得反复去读的一本书。

5、《JavaScript DOM编程艺术(第2版)》,本书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践。

6、《JavaScript权威指南》:犀牛书是每个FE都绕不过的一本书,可以先大致通读几遍,也可以把其当作工具书,时时翻阅。

视频教程:

网页链接

望采纳~

Ⅱ 网页重构和web开发前端两者有什么区别

对于页面重构师,通常不要求复杂的JavaScript,甚至连jQuery可能都是不要求的。主要是对静态页面制作方面的要求,不过,重构需要一些PS技巧或设计理论,在设计师没有时间检查页面时也能输出比较高质量的页面。相比之下,入职薪资要低于前端开发、HTML5开发工程师;但是相对的,工作的难度系数也是低于后两者的。在之后的发展当中,也能够有薪资上的提升,但是提升的空间和后两者相比,比较小。(主要是各个公司对页面重构的定义不尽相同,大公司的页面重构师也是很不错的选择,而小公司通常就是简单的静态页面制作-也未必追求什么质量)

关于可能会问到的前端面试题:页面重构和前端的关系?对于这个问题,我们可理解为:页面重构是前端工作细化的结果。

《什么是页面重构》

《HTML5行业入门系列》

Ⅲ 网页重构和web开发前端有什么区别吗

网页重构是web前端开发的一部分。
网页重构主要技能是:html+css
web前端开发主要技能:html+css+js

在一些小的公司没有分的那么清楚,职位名称也不叫这个,叫美工,做的工作比较杂,除了上面的,还包括,网页设计和PS。

希望能帮助到您!采纳吧!

Ⅳ 前端和后端分别是干嘛的学的内容差别大吗

前端一般是用户界面的开发,学习页面布局、前端交互、框架、混合开发等内容;后端一般是软件后台开发,涉及到编程语言、服务器、系统、数据库等等。优就业有这方面的课程,可以跟着学习。

Ⅳ 如何做一个好的前端重构工程师

其实,"好"与"坏"向来都是相对的,因为每个人眼中看待"好"与"坏"的标准不一样,不如从自身的角度考虑一下:如何做一个好重构?

先来看一个平时我们遇到的最多的两栏布局:

基本的html代码:

来看具体的CSS代码实现(忽略margin):

很明显在保持同样html结构的情况下,实现两栏布局可以有多种CSS方案实现(左栏定宽),主要方向是用浮动或不用浮动,右栏定宽或者不定宽:

Qzone、朋友网、Facebook都给左栏浮动,唯一不同的是右栏的写法,Qzone给右栏定宽并且浮动,而朋友网和Facebook则并没有给右栏定宽也未浮动,而是利用了创建BFC并且为低版本IE触发hasLayout的原理让右栏自适应宽度。

Yahoo和Google两栏都未用浮动,唯一不同的是Yahoo用了绝对定位的方法,而谷歌用了inline-block,Google已经宣布旗下一些产品放弃对IE8 的支持,所以Google可以大胆的使用inline-block去实现布局,不用去为其他低版本浏览器写一大堆的hack。

这其中有最好的方案么?上面每一种方案都有各自的优劣,可能适合于某种项目背景,同样选用的方案可能和用户群体也有关系。虽然无论选用哪一种方案,从用户层面来讲,无法感知到,但我们不能因此去随意的使用一种方案。

为了项目后期的易维护性和易用性,必须要选择一种最佳的方案,而我们如果连基本的BFC、hasLayout这些知识都不了解便会显得力不从心。同时要明确自己的定位:我们不仅仅是一个"切图仔"或"美工",我们不能忽视一些障碍用户群体,我们必须去使项目的代码变得更优雅、更易用。虽然重构的基本岗位职责是:PSD转html + css + js,但要知道仅仅做到这些还不算一个好重构,更好的沟通能力,更多的分享、思考和总结,如何正确的去关注一些前端的动态,这都是我们需要做的,当然最重要的还需要我们有一个乐观的态度和幸福的心态,下面本人将详细阐述到底如何做一个好重构,当然这只是鄙人的个人观点,还请各位拍砖。

从专业角度:

明确的自身定位

目前国内将前端分为重构和JS开发的并不多,虽然PS是重构必用的一个软件,但要知道重构不是"切图仔",切图只是重构工作内容的一部分。我们没有理由因为自己是重构,而不去学习其他技术,因为你知道你不会干一辈子的重构,JS不能丢,同样的对前端新技术要熟知。重构页面时应该把大部分的时间花在页面模块的抽离、性能优化、易维护性、易用性的探索上,而应该花最少的时间去代码实现。也许你写出来的页面有百万级的用户在使用,这里可能有障碍用户,所以你要考虑各种用户的感受与体验,而不仅仅是局限于代码的完成度上。

注重前端基础技能

前端的基础知识就像一个房子的地基,如果地基打不好,一旦遇到一点地震可能就会倒。同时也像一个城堡的各扇门,哪边的门造的不好,敌人的枪火就可以马上攻破,所以打好基础是前端学习更多知识的基石。CSS属性的特性、html标签的语义化、JS的基础知识、W3C的规范(块格式化上下文、层叠上下文、框模型等),这些可以多花点时间去学习和巩固,做到能正确合理的使用某个前端技术方案。

正确对待前沿技术

互联网发展日新月异,前端技术更新也很快,当我们在学css2时,css3已经风靡全球,当我们在学css3时,css4已经被提上了日程。前端的路上永远学无止境,所以在某项新技术诞生时,就需要我们正确的去审视。

在做好自己本职工作的同时,保持一颗学习的热情,新技术可以尝试使用,但请先一定了解为什么要用这个新技术?使用这个技术能为我们带来什么改进?在前端技术上,永远没有最好的技术方案,只有最合适的技术方案。最新的不一定是最好的,旧的也不一定是差的,切忌盲目跟风学习新技术,要知道自己正在学的是否能够学以致用。(笔者注:其实更多的时候并不是某项新技术,技术早就诞生,只是一个新的前端解决方案或标准被推动出来了,如CSS3其实在2003年就诞生了)

更好的沟通能力

我们每天可能要和开发、产品、设计、交互、测试等不同的人打交道,所以这就需要我们有一个更好的沟通协调能力,注重一个更好的沟通技巧,减少沟通上的成本。"一切以用户的价值为依归",这也正是互联网行业所需要的一种理念,在与其他同事沟通时除了真诚待人以外,还需要多为用户去考虑:我们真的需要这么做么?

有选择的参加技术论坛

如果自己呆在一个小公司,前端人也不是很多,没有一个很好的氛围,那么这时我们就只能通过两种方式来拓宽人脉:网络和论坛。网络如QQ群、蓝色理想等,而面对面的论坛无疑是最真实的一种拓宽人脉的方式。其实现在国内大的环境下,前端类的技术论坛我自己都数不过来,这时有选择的参加一个论坛显得尤为重要,而不该不管自己懂不懂、免费还是收费什么论坛都去参加,其实适合自己的是最重要的。

关注浏览器厂商

10年前,IE统治了大半个地球,如今,其他的各大浏览器厂商已挤进全球化份额争夺战,最离不开前端的就是浏览器,关注浏览器厂商的动作与格局可以让你拥有前瞻性的视角。一些浏览器厂商的开发者库:微软的MSDN,火狐的MDN,谷歌的开发者库,欧朋(Opera)的开发者库。另外可以关注下各浏览器厂商的推广活动,火狐中国会在每一次推出新版本时有体验活动,微软的最新的IE10推出时国内也有推广活动,可以了解这些新版本浏览器的特性以及对css3\html5的支持性如何。

更多的承担和分享

在平时更多的去承担一些额外的工作,譬如在重构团队的协作规范、编码规范上提出自己的一些合理化建议,输出一些利于其他同事更快、更高效提升的文档。平时在自己工作遇到了一些好的工作方法或者对一些新技术的研究可以拿出来和大家分享。重构的团队氛围很重要,谁都不希望呆在一个整天只管自己写代码的团队,那样不管对于个人还是团队都是不利的。

更多的思考与总结

思考指的是"意识流",具体是我们在重构过程中的想法和理念,怎么想决定了我们怎么做。

作为重构,很多人拿到设计稿之后就是开始埋头切图,用各种"奇技淫巧"实现各种需求,我们甚至不会在拿到设计稿之后仔细的做一下分析:如何做一个合理的架构、如何抽取合适的模块、如何用更优雅的方式和轻量的代码实现页面中的需求。

也许是目前大的环境下在催促着我们不断的向前跑:各种前端论坛大多数都在讲某个技术,纠结于某一技术细节的实现,讲烂掉的性能优化,可很少有人去讲该如何合理的选择一个前端解决方案,如何解决重构中遇到的一系列不同场景中的问题,以及最重要的我们自己的职业生涯思考:我们是准备写一辈子代码么?

总结也叫"review",是复习、回顾的意思,review对于重构来讲,显得尤为重要,定期的项目回顾能够发现项目中存在的问题从而规避以后再次出现。

当然项目回顾是一方面,更重要的是代码层面的review,不定期的review可以促使我们在一些代码的细节把控方面做的更优雅,review除了可以提高代码的品质外,还能加强团队的协作精神,以及提高团队的整体技术能力。显然这是一件非常有意义的事。团队成员可以在一起review大家的代码,发现每个人身上的不足和亮点,不然我们真的是只管埋头自己代码的苦逼代码仔了。

从生活角度:

保持阅读的热情

网络的信息是碎片化的,在我们没有很好的梳理碎片能力的时候,一本实物书籍对于慰藉我们的心灵显得尤为重要。有时生活、工作会让人压的喘不过气来,这时,我们需要去寻找一种方式去释放压力,嗯,阅读是一种很好的方式。

坚持一项运动爱好

平时工作太忙时,切记一定要改变自己的工作方法,梳理好需求的优先级,预留出一定的时间来放松自己,这个放松一定要让自己的筋骨活动开,可以是去打打羽毛球,或者去跑步,再或者去健身。只有让自己的身体变得强大起来,才有更多的能量值去砍怪升级。

保持乐观的生活态度

善于捕捉生活中的一些细小的幸福颗粒,我们就会经常活在快乐中。上次在腾讯健康加油站听了一次关于生活的分享,其中提到"生活就像炖鸡汤,有时需要加点调料和沾料",的确,这些沾料就是发现生活中的细小幸福,做一个乐观、豁达、开朗的前端人士。调节好工作和生活的平衡,让自己不要再活的那么累。

嗯,做个好重构真的挺不容易的,无论是从专业角度还是从生活角度,缺一不可,保持一个乐观、热情、积极的心,不断学习,让自己活得简单、快乐,此足矣。

其实,你不仅是在重构代码,也是在重构人生!

Ⅵ 写过一些小型库,算是前端还是算页面重构

我认为,前端需要掌握的技能很多,CSS,HTML(这两个算是俗称的页面重构),JavaScript,还有各种边边角角,网络知识,性能优化,模块化,模式架构,开发发布架构。。。
那,如果简单的说懂得数据交互才叫前端这样的说法,我觉得不妥,只能说,懂得数据交互只是掌握了一个前端的小小小小技能。不管是页面重构,还是别的,我觉得只要是从事前端所涵盖的工作,就是前端。
业内有个词,叫做大前端,我觉得大前端应该是一个合格前端所必备的条件。
因此,别纠结你到底算页面重构,还是算前端,如果你想做一个真正的前端,不是别人说是就是,不是就不是,路还长,眼光放远一点,加油!

Ⅶ 网站前端重构计划应该怎么写,应该注意哪些问题

重构确实应该计划一下,毕竟从代码的规范到 代码的性能方方面面,既然想到要重构则需要考虑的问题有很多。

给你提几个建议,代码重构的话,首先要思考的问题:

  1. 代码为何一定要重构(why?代码重构的必要性)
    分几个点: 代码不规范,长期迭代维护有冗余代码,功能冗余(有些功能已经废弃),代码架构局限性,网站性能不好

  2. 代码如何重构(how?代码重构的手段)

    制定新的代码规范,所有模块统一性,注释完善等等(eslint等工具引入);代码功能删减;代码工程化处理(webpack,gulp,grunt工具引入);网站性能差的原因,是静态资源重,还是因为 冗余的请求,还是后端响应慢,找到 问题所在,再优化

  3. 代码重构排期(正式的排期,也就是开发计划)

网站 的整体框架看看需要不需要更换,如果需要更换,那就相当于重新开发 了(每个功能去评估时间 吧)

如果不需要换框架,那在原来 的基础上,就从上面的第二部分,决定 要去改善的几个点,来评估开发时间 就可以 了。

简单的建议,祝你重构成功喔~

Ⅷ 前端开发工程师的网站重构

网站重构的目的不是为了让网页更符合Web标准,重构的本质是构建一个前端灵活的MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)。同时,代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。
DHTML可以让用户的操作更炫,更吸引眼球;Ajax可以实现无刷新的数据交换,让用户的操作更流畅。对于普通用户来说,一个网站是否规范、功能是否强大,服务器端是用J2EE+Oracle的强大组合,还是用ASP+Access的简单组合,并没有太明显的区别。但是,前端的用户体验却给了用户直观的印象。
随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。

Ⅸ 网页重构和web开发前端有什么区别吗

网页重构注重用户体验的设计,什么地方应该放什么东西,什么地方点击以后是什么效果。等这些的设计工作。

而web开发前端更多在与开发和代码编写,在前面设计的基础上实现这些功能。
so,一个是用户体验设计师,一个是前端开发师。