精华内容
下载资源
问答
  • 前端入门

    2022-01-19 04:17:46
    Html、CSS、JS 最基础的教程
  • 2020前端入门开发规范手册.pdf
  • 简单介绍html中的一些主要的标签(元素),例如:,,,,等标签
  • 2017最新WEB前端视频教程,里面非常详细介绍了HTML5 CC3 JAVASCRIPT
  • 前端入门书籍推荐 JS现在锐不可当,强势崛起,也是前端必须要掌握的重中之中。入门书可以看《JavaScript DOM编程艺术》、《JavaScript高级程序设计》、《ES6标准入门》,前面两本是建立在ES3标准基础上,后面这...

    题外话

    昨日,微博一条热搜:华为外包公司程序员倒地。这种息息相关的消息,我肯定要第一时间关注,毕竟我也是小小程序员,也怕不知不觉的倒地不醒,留下我丰富的财产&女人,多么伤悲。事后,中软国际回应:该员工只是低血糖晕倒,已正常上班。还好虚惊一场,不然可能又是一个家庭的破碎。在这里提醒广大猿们,人不是铁,请好好照顾自己的身体,为自己、更为你的家人。

    正文从这里开始~~~~~~~~~~~~

    不知道现在大学专业是不是有单独的前端专业,反正我那个时候是没有的,什么课程都安排,比如拆电脑、修电脑、夹网线、物理硬件、软件还有除草种地 ,对的还有除草种地,唯一的前端知识就是一本《DW…》,和现在复杂的前端知识一比,总感觉少了点什么,少了点,少。。。。。。

    下面就给大家简要的描述下,我是如何从0到0.5的,为啥是0.5?因为新玩意儿太多了,有时候也感到累,剩下0.5慢慢慢慢慢学。

    我是如何学前端的?

    1. 我不是一开始就看书的,是直接看文档,在w3cschool,人家口号就是:学编程,从w3cschool开始。边看边跟着敲代码,了解各个标签属性浏览器兼容、弃用状况。(刚刚去看了下这个站,居然换版式了,以前像个山赛货,现在高大上,估计是赚了。)
    2. 边学边用,公司的网站就是自己实战的最好对象(虽然公司早就跨了,还是很感谢公司领导的认可),特别能加深基础知识的记忆。那时候JS完全0基础,所有特效都是在网上搜索,扣下来,再慢慢学习研究。当然现在实战的最好方式就是:仿站,尤其是那种知名互联网站点,以后面试的时候还能当项目用。
    3. 当你知道如何做项目后,就是系统学习的时候了,兄dei,该看书了,不然可能会一直停留在“别人都是这么写的,不知道为什么会这么写”的层面。
    4. 通过书本知识,丰富自己。

    前端入门书籍推荐

    1. JS现在锐不可当,强势崛起,也是前端必须要掌握的重中之中。入门书可以看《JavaScript DOM编程艺术》、《JavaScript高级程序设计》、《ES6标准入门》,前面两本是建立在ES3标准基础上,后面这一本是ES6标准,也是目前最新最主流的一个版本,随着浏览器大统一,ES6也是前端开发者必须要掌握的。
    2. HTML\HTML5\CSS\CSS3,标签属性看似简单,真要仔细去研究,真是无穷无尽,比和黑洞还深,如行业大神张鑫旭老师,就是这方面有名的专家。我是没得这么精力、毅力去深入研究,所以只能仰望别人。入门书可以看《Head First HTML与CSS》、《CSS权威指南》、《图解CSS3:核心技术与案例实践》。
    3. 现在前端框架这么流行,也是必备技能,推荐学习Vue.js,入门快,而且国内公司基本都要求会,官网看文档能快速上手。
    4. 入门书籍就推荐这些,不要嫌少,请仔细咀嚼,慢慢消化,当你领悟后,自然而然的会知道你下一步需要的方向。

    总结

    万事开头难,希望你能坚持,付出总会有收获的。我在公众号提供了相关的电子书,如果需要请关注获取。富有的朋友可以去支持原作者,购买纸质书,看起来更带劲,书中自有颜如玉。
    在这里插入图片描述

    展开全文
  • 前端入门到进阶图文教程,超详细的 Web 前端学习笔记。从零开始学前端,做一名精致优雅的前端工程师。 项目地址 GitHub地址: 我的前端教程长期免费,不玩猫腻,不会设置任何套路,暂时也没打算做成付费内容,因为我...
  • 前端入门知识笔记01

    2020-09-19 21:51:52
    前端入门初级知识,入门记录笔记,分为一.基础概念,二.web标准的构成,三.HTML标签,四.html基础结构标签,五.常用标签(记住标签的语义)
  • 1,网上的大部分入门教程,都不太适合初学者,本项目有望照顾到每一位前端入门者的同理心。甚至你完全不懂前端,甚至不懂编程,通过这个教程,也能让小白入门。 2,帮助初级同学提供一个精品学习资源和路线,提高...
  • web前端入门教程(非常详细)

    千次阅读 多人点赞 2020-10-27 21:01:21
    初学编程的小伙伴经常会遇到的问题...web前端入门教程(非常详细)给你学习前端的新手几个建议:第一:切记学习前端开发不可以依赖任何人,我做了开发这么久,十年了,见过很多依赖老师的学生,这样的后果就是自己没有解

    初学编程的小伙伴经常会遇到的问题,1.没资源 2.没人带 3.不知道从何开始 ,小编也是从新手期过来的,所以很能理解萌新的难处,现在整理一些以前自己学习的一些资料送给大家,希望对广大初学小伙伴有帮助!这套「web前端入门教程」将多年的编程经验灌输其中,典型的实践派。既适合初学者入门,也适合程序员进阶(学习底层)。
    在这里插入图片描述

    web前端该怎么入门?web前端入门教程(非常详细)给你学习前端的新手几个建议:第一:切记学习前端开发不可以依赖任何人,我做了开发这么久,十年了,见过很多依赖老师的学生,这样的后果就是自己没有解决问题的能力,也没有自主学习的能力,面试不能通过,找工作会非常难,因为学习开发就是锻炼这种自我学习的能力。第二:必须而且一定要有一个老师带着学,无论是学习JAVA还是前端,根据我见过的人的经验,如果没有一个明白人帮你解决一下问题,首先会浪费非常多的时间。而且学习的不专业,对于基础的把握不牢靠,后面的都是白扯。第三:坚持很重要,确实有很多学习前端的人在学习JS的时候学着学着就放弃了,这叫知难而退,JS确实难,但是就是因为难才有价值,我们评判一个前端开发者是什么水平,就是用JS来说话。下面是基本的学习路线,跟着这个基本没有什么问题:第一阶段:HTML+CSS/HTML5+CSS3
    在这里插入图片描述

    web前端该怎么入门?web前端入门教程(非常详细)项目实战:淘宝官网、京东官网、小米官网等等。基本可以做了五个静态这样的网页,静态部分就不会有任何的问题。第二阶段:JS
    在这里插入图片描述

    web前端该怎么入门?web前端入门教程(非常详细)项目实战:实战小游戏项目开发第三阶段:JS高级/Ajax/JQ
    在这里插入图片描述

    web前端该怎么入门?web前端入门教程(非常详细)项目实战:自动义插件封装第四阶段:前端主流框架
    在这里插入图片描述

    这是我自己总结的学习路线,比较简洁,一般跟着这个走,这些知识都学会了找到工作没有任何的问题。有什么前端不懂的问题可以随时问我。如果大家想从事前端不知道怎么入门的,可以在留言区评论“学习”我把我多年的经验分享给大家,还有一些学习资料(点赞+转发)

    展开全文
  • 课程在线观看及下载视频:...   免费获取更多精品教程添加Q:498913868 ... 包含:java,python,PHP,大数据,前端,UI/UE等多种课程资料 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
  • 此资源为我跟着B站up主【遇见狂神说】java系列视频中前端入门部分学习过程中所写 大部分和视频保持一致,有一些自己的理解和一些扩展的部分
  • 前端入门 4.文本格式化标签 文体的加粗,斜体和下划线,目的是为突出重要性,相较于其它文字更加显眼
  • web前端入门必读书籍

    千次阅读 2020-09-14 16:41:32
    零基础开始学习web前端技术,那么没有好的书籍你怎么开始学习呢?以下就是给初学web前端最近书籍推荐,希望对于刚刚想进入web前端的人有一定的帮助。 一、《Web前端开发最佳实践》 这本书是前端开发领域的经典之作,...

    ★★★★★ Web前端开发神器点击查看→→ WebStorm安装与使用
    零基础开始学习web前端技术,那么没有好的书籍你怎么开始学习呢?以下就是给初学web前端最近书籍推荐,希望对于刚刚想进入web前端的人有一定的帮助。

    一、《Web前端开发最佳实践》

    这本书是前端开发领域的经典之作,是一本扎实前端基本功,规范我们前端代码的实践性书籍。
    本书主要内容和特色:
    以W3C Web规范为基础展开讨论,介绍Web前端开发中的*实践方法及编码风格,为Web前端开发人员快速成长提供一条捷径。
    介绍近年来涌现出来并已经得到广泛应用的大量工具和技术方案,为开发人员从事Web前端开发打下坚实的基础。
    循序渐进地介绍Web前端开发中的HTML、CSS、编码实践方法,同时介绍Web移动端开发的实践,让读者对Web前端开发有一个全面的理解和认知。
    在这里插入图片描述

    二、《CSS那些事儿》

    内容介绍:《CSS那些事儿》是2009年电子工业出版社出版的图书,作者是林小志。该书通过对CSS技巧实例进行讲解,浅入深地分析了CSS相关知识。
    全书以传达CSS布局思维为中心,通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用,使读者能深入了解到如何在页面中更好地运用CSS布局。尤其是在页面布局的部分中,全面分析了多种布局方式,着重分解了两列等高和三列等高的几种方式,并相应说明了等高布局的优缺点。
    在这里插入图片描述
    三、《CSS权威指南》

    全新版《CSS专业指南》一书经过全面更新,涵盖了Internet Explorer 7,详细介绍了各个CSS属性以及属性之间的相互作用,并指导你如何避免一些常见的错误。不论你是一位经验丰富的web创作人员,还是一无所知的新手,都可以把它作为内容翔实的CSS参考资料放在手边。
    在这里插入图片描述
    四、《JavaScript 标准参考教程》阮一峰

    内容介绍:阮一峰 本书全面介绍 JavaScript 核心语法,从最简单的开始讲起,循序渐进、由浅入深,力求清晰易懂。所有章节都带有大量的代码实例,便于理解和模仿,可以用到实际项目中,即学即用。 本书适合初学者当作JavaScript语言的入门教程,也适合当作日常使用的参考手册。

    五、JavaScript高级程序设计第三版

    作为JavaScript技术经典名著,《JavaScript高级程序设计(第3版)》承继了之前版本全面深入、贴近实战的特点,在详细讲解了JavaScript语言的核心之后,条分缕析地为读者展示了现有规范及实现为开发Web应用提供的各种支持和特性。
    在这里插入图片描述

    六、锋利的jquery

    《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习,达到掌握核心知识点的目的。
    在这里插入图片描述

    七、HTTP权威指南

    内容介绍:《HTTP权威指南》由古尔利所著,《HTTP权威指南》详细解释了如何用HTTP来开发基于Web的应用程序,核心的[因特网协议,如何与架构构建块交互,如何正确实现因特网客户和服务器等。
    在这里插入图片描述
    本书由具有多年实践经验的专家编写,通过简洁语言和大量翔实的细节图解帮助读者形象地理解Web幕后所发生的事情,详细说明了Web上每条请求的实际运行情况。要想高效地进行Web开发,所有Web程序员、管理员和应用程序开发者都应该熟悉HTTP。很多书籍只介绍了Web的使用方式,而本书则深入说明了Web的工作原理。

    八、高性能网站建设指南

    本书结合Web 2.0以来Web开发领域的形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和实践。重点关注网页的行为特征,阐释优化Ajax、CSS、、Flash和图片处理等要素的技术,全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。
    在这里插入图片描述
    纸上得来终觉浅,绝知此事要躬行。除了从书中汲取我们所需的知识外,我们还需要将理论化为实践,亲自动手敲击键盘,从而加深并巩固书中的知识点。

    扫一扫,成为好友,一起学习前端!
    在这里插入图片描述
    扫描二维码,后台回复【777】获取你想要的书籍

    扫描二维码,后台回复【特效】获取2020最酷特效

    扫描二维码,后台回复【鸿蒙】官方开发文档、开源项目地址

    扫描二维码,后台回复【速查表】,更多精彩等你来发现

    微信搜索【前端媛猿】,回复以上关键词,获取媛媛前端学习路上收藏的珍贵资料,后续也会陆续更新实战文章教程,和大家一起共同进步,一起提升计算机基础知识和前端技术水平,前端媛猿见!

    相关文章:
    前端开发免费资源大汇总(更新中……)
    前端(HTML 与 CSS)必读书籍推荐
    前端热门工具简直不要太好用了!

    展开全文
  • 适合前端入门者学习,视频资源囊括项目前期准备、响应式设计、pc移动端样式自适应、多设备调试和后期打包等多阶段流程详解
  • 主要介绍了前端是什么,能干什么,与后端的区别,主要学的技术,HTML,CSS,JavaScript等等,以及未来的职业发展状况。
  • 前端入门之路

    千次阅读 多人点赞 2019-05-12 16:13:49
    正式接触前端应该是在2017年7月份,到现在差不多已经有两年的时间。我很庆幸,在入门的过程中我是处在一个技术资源还算有保障的环境中,遇到什么问题,都可以从身边的前辈身上找到答案。但是回想起来,仍觉得入门之...

    正式接触前端应该是在2017年7月份,到现在差不多已经有两年的时间。我很庆幸,在入门的过程中我是处在一个技术资源还算有保障的环境中,遇到什么问题,都可以从身边的前辈身上找到答案。但是回想起来,仍觉得入门之路颇为坎坷。很多人刚接触前端时普遍存在的问题主要包含不理解前端的基本概念,不知道有多少技术栈,不明白各种技术栈出现的原因,以及他们之间的相互关系,在什么情况下该使用哪个。更具体地来说,是不知道问题出在哪里,也不知道该怎么描述自己遇到的问题。

    我认为产生以上问题的原因主要来自于三个方面。第一,前端包含太多让人眼花缭乱、不知该从哪里下手的技术方案,对于同一种效果或功能的实现,可以有多种不同的技术搭配方案,这个现象导致学习的过程非常不稳定。第二,大多数学校都没有开设前端相关的课程,给前端入门也带了一定的困难。第三,很多学习前端的人缺少真正的实战经验,只能通过文档和视频自学,因此一直在边缘徘徊。

    在这篇文章中,我试着回想并梳理一下从入门到现在自己会遇到或者思考过的一些问题,以及我现在对于这些问题的答案。简单来讲,就是一个关于前端知识的问答。

    前端和后端的区别是什么?

    我直到大学毕业的时候对这个问题都没有概念。16年8月份去老师的公司实习,接手了一个项目,主要工作是按照产品的需求修改前端的部分内容和功能。所以我面临的第一个问题就是搞清楚前端和后端的区别是什么,百度一下,再看几篇博客,感觉已经理解了前后端的差别。但是理解是一回事,前后端代码放在一起,让你找出来哪一部分是前端,哪一部分是后端又是另一回事。所以我花了几天的时间才搞清楚前端和后端代码的区别。

    现在,我想用一个案例来描述前后端的区别。就以我们每天都会去的食堂作为模板。在食堂这个体系下,打菜的窗口和阿姨就是前端,厨房里做菜的厨师就是后端。如果把食堂里一半窗口的打菜工作人员换成年轻漂亮的小姑娘,男生们肯定都喜欢去这些窗口打菜。但是,需要明白的一点是,这些窗口的菜并不一定好吃,菜好不好吃是由每个窗口后面的厨房(假定每个窗口都有一个单独的厨房供应饭菜)决定的。所以,前端是用户能够直接看到和感知到的东西,但是用户体验好不好却要分为两个方面,一是打菜的小姑娘好不好看(前端展示的内容和效果好不好),二是厨师做的菜好不好吃(后端服务器的综合能力,可能包括数据处理、并发能力、数据真实性等若干)。

    哪里可以学前端?

     不管是已经下定决心要从事前端行业的人还是在犹豫期不知道该学什么想要尝试一下前端的人,都需要找到合适的学习方法和学习平台。学习平台有很多,网上一搜,一大把,W3C School(尽管我平时不太习惯看这个)、菜鸟教程、慕课视频、各种博客等。平台有很多,但是需要注意的一点是,所有平台的教程都只能教会给我们最基本的语法和用法,并不能帮我们指明学习方向或解决具体的问题,所以我觉得这些平台的内容只适合用于入门初期快速浏览一遍。更好的方式可能是在有了一定的基础之后为自己设定一个个目标,并不断达成这些目标。比如实现一个或一组简单的网页展示、动态效果及跳转逻辑,或者参加到项目实战中去。

    Html 中那些标签都是怎么写出来的?

    网页中的标签都是一个一个手打出来的吗?这是我对前端的第一印象。但是网页头部往往有很多有长又难记的内容,这些内容需要把他们记住吗?还是说每次只需要从已经写好的网页上复制粘贴过来就可以了?后来,慢慢写的多了,就知道除了头部那一堆东西之外,其他的东西确实都是一行一行打出来的,但是也存在一些很方便的工具可以让我们码html 的时候更快一些,比如说利用Emmet,我们可以通过一个感叹号 + tab 就打出以下的代码,其他更多的的使用方式可以参考:

    https://docs.emmet.io/abbreviations/syntax/

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8" />
      <title>Document</title>
    </head>
    <body>
      
    </body>
    </html>

    开发工具用什么?

    最初用的是webstorm,后来使用了sublime text,现在用的vscode。多种工具各有利弊,但是都有很多便利的插件和漂亮的主题,比如说上面提到的Emmet 还有Snippets 等,善用插件可以帮我们提升很大的编码效率。最后用哪个可能全凭个人喜好,更多内容可以参考下面的连接。

    sublime text 插件:https://www.cnblogs.com/junwu/p/5660934.html

    前端开发ide:https://blog.csdn.net/qq_36538012/article/details/80748167

    为什么网页可以有很多后缀?

    在不同技术栈的项目中可能会看到各种各样的网页后缀,.html,.jade,.vue 巴拉巴拉。不管是什么后缀,有一点是非常明确的,即浏览器最终只能识别并正确翻译html 后缀的网页。所以各种后缀的网页实际上是不同的框架或技术栈,为了提升html 的编码效率或扩展性所做的在html 之上的一步封装,最终发布的时候还是要被转换成html 文件。看到不同后缀的网页名字的时候只需要去网上查这个框架的语法等基本信息,就可以很快地理解并使用。但是新手还是建议从原生html 写起。

    那些网页的css 都是自己写的吗?Bootstrap 是什么?

    在看到css 中大段大段的代码的时候,脑海中的第一个想法就是这些内容都是开发者自己写出来的吗,还是从不知道什么地方复制过来的?是的,就是自己写的。在正常的开发流程过程中,设计人员会为前端提供网页的设计稿,设计稿上会标注出每一个元素的宽高、颜色、边缘弧度等,根据这些信息就可以利用代码一比一还原网页,只是这个还原过程需要花一定的时间去培养,需要尝试着写,去看人家的代码和反复地练习才行。

    但是,随之而来的一个问题就是:很多情况下,我们可能会用到相似的css 样式,尤其是在管理系统中,比如说一个按钮、一个选择框或者一个表格,我们不想直接用很丑的原生展现,又想要一套比较好看、容易被大多数人接受的固定模板,该怎么办呢?以bootstrap 为例的框架正是以上问题的解决方案,其他的还有weui、ant design、element-ui、vutify 等,我习惯称之为UI 框架。管理系统的快速离不开这些UI 框架,但是如果像是公司官网之类定制化程度比较高的内容可能主要还是靠手写。

    JQuery 是什么,该怎么用?

    网页的最初目的是用于图文排版,展示内容。到后来会慢慢加入一些交互,比如用户点击一个按钮,可能会发生图片的旋转或者信息的变化等。这些功能都要通过利用js 操作dom(其实就是网页中的标签)来实现,先获取dom,然后改变dom 的内容或者css 样式等。一个很经典的用法如下:

     var para = document.getElementsByTagName("p");//返回的是数组
     para[0].setAttribute("title", "a list of goods");

    因此,早期的js 代码里充斥着像这种获取dom 和操作dom 的代码。但是由于早期的浏览器厂商之间的竞争和dom 技术的发展,不同浏览器对于不同代码的兼容性不是特别好,一个很典型的例子就是为dom 添加监听事件:

    function addEvent(elm, evType, fn, useCapture) {
      if (elm.addEventListener) {
        elm.addEventListener(evType, fn, useCapture);//DOM2.0
        return true;
      }
      else if (elm.attachEvent) {
        var r = elm.attachEvent(‘on‘ + evType, fn);//IE5+
        return r;
      }
      else {
       elm['on' + evType] = fn;//DOM 0
      }
    }

    因此,通过js 来操作dom 的方式需要写很多条件判断的代码且容易出错。为了解决这个问题,jquery 应运而生。它在js 的基础之上做了一层封装,屏蔽了底层不同浏览器的差异,让我们操作dom 的过程更加简单,正确性更高。因此在很多年里,jquery 都大受欢迎,这是在那个时代大家针对前端的复杂性所研究出的最好的解决方案。

    前端框架是什么?

    这个问题我花了很长的时间才搞明白。如今,在我印象中的前端框架主要包含js 框架和css 框架,css 框架就是上面所说的ui 框架,它们给我们提供的是一套标准的ui 解决方案。Js 框架就非常多了,像上面提到的jquery 就是统领了前端江湖好多年的一大霸主,尽管它现在已经有些跟不上时代了。如今的前端三杰Angular、Vue、React 是最受欢迎的三大js 框架(实际上也包含了html),他让我们的编码过程更加简单,写出来的东西可扩展性更好,降低了团队合作的成本。三大框架的流行使得很多人一开始就直接跳过原生的js 开发,直接面对这些优化过的东西。我认为这对于新手来说并不是最好的选择,还是推荐从原生的html、js、css 写起。

    那么,jquery 跟vue 有什么不同呢?jquery 统治了前端那么多年,又是如何衰落下去的?这跟大家对前端的认知阶段有关。以前(jquery时代),工程师想的是如何让操作dom 的过程更便利、更有保证,但是项目中仍然充斥着获取和改变dom 的操作,代码的书写和排错要花费很大的成本。现在的模式则是如何把操作dom 这一复杂的机制彻底隐藏,比如通过双向绑定直接将js 变量的变化关联到html 上,除此之外,组件化和模块化也使得整个项目的可维护性更高,更利于大型项目的开发。

    Ajax 是什么?

    很早以前,页面内容的变化只能通过整个页面的刷新来完成。后来,Google 一系列产品的应用使得只需部分刷新页面即可进行信息更新的ajax 被大家广泛接受。简单来讲,ajax 就是前端与后端进行最小代价沟通的一种技术。

    Npm 是什么,为什么会出现这个东西?

    前端,或者说js 对于大部分人来说都不是他们接触的第一门语言,而第一门语言通常是C 或者java。想想C 或者java 的模块化管理机制,其基本理念为将负责不同功能或者不同模块的代码放在不同的文件中,通过引入的方式来进行方法的调用。在js 中,安装node(node 是一个js 的运行环境,相当于没有界面的浏览器)时所附带的npm 就是前端的模块化解决方案。通过npm 我们可以发布和安装各种各样的依赖包,不同的包会针对不同的领域提供一个普适性地解决方案,node 项目中最知名的两行代码就是:

    npm install
    // 然后
    npm run dev
    // 下面就不会了

    第一行代码的作用是按照项目根目录下的package.json 文件中的依赖关系安装相关的依赖包,安装的所有依赖包都放在根目录下的node_modules 文件夹中,这个文件夹的体积通常非常大,因此在多人协作中,这个文件夹通常是要被加入到.gitignore 文件中的。即大家仅仅通过package.json 来同步项目的依赖,这个机制使得项目的管理非常简单。

    除此之外,ES6 的import 和export 也是前端模块化的解决方案之一,关于两者(require 和import)的区别可以参考以下链接:

    https://www.imooc.com/article/22371?block_id=tuijian_wz

    Js 为什么会有那么多叫法?ES6、ES7、TypeScript

    同html 模块的描述一样,浏览器只能识别并正确运行原生的js 代码,即ES5(全称是ECMAScript 5,是js 发展过程中某一阶段的规范)。但是原生js 有很多缺点,在项目开发过程中使用起来十分不方便,因此慢慢出现了更多的标准,这些新的标准在代码的维护性、扩展性和团队合作的便利性方便相对于原生js 有了很大的提升。ES6、ES7、TypeScript 就是其中之若干。现在的前端项目中很少有直接用ES5 开发的,但是初学阶段还是建议使用ES5 进行学习,因为如果使用了ES6 以上的语法,如果不进行相关的配置在浏览器中无法正常运行。至于如何分辨出ES5 和E6,这个可能就要具体情况具体分析了。

    Scss、Less、Stylus 等跟Css 的关系

    原生的css 书写过程中颇为复杂,维护性较差,如果你已经有一些css 方面的经验,可能会遇到过下面的代码:

    .outer {
      ...
    }
    .outer .inner1 {
      ...
    }
    .outer .inner2 {
      ...
    }
    .outer .inner2 .inner-inner1 {
      ...
    }
    
    .red-a {
      ...
      color: red;
    }
    .red-b {
      ...
      color: red;
    }

    如果用stylus 来写,会怎么样:

    $color-red = red
    
    // 嵌套
    .outer
      ...
      .inner1
        ...
      .inner2
        ...
        .inner-inner1
          ...
    
    // 变量
    .red-a
      ...
      color $color-red
    .red-b
      ...
      color $color-red

    因此可以看到,像scss、less、stylus 等被称为css 预处理器的东西所要描述的内容其实跟css 是一致的,只是表现形式不同而已,预处理器通过引入变量、嵌套、继承、mixin 等机制使得css 的书写和维护更加高效。但是到最后,所有用预处理器写成的代码最终还是要被转换成css 在浏览器端运行。

    Webpack 是什么,我不用他行不行?

    说到这里,webpack 就该出场了。上面提到,现在前端项目开发过程中用到了大量非原生、即浏览器不能识别的框架或技术,如果在项目开发和发布的过程中一个一个地进行配置将会是一项非常复杂的工程,那么有没有一个工具来帮助我们解决这个问题,并且可以提供除此之外的其他帮助呢?有,那就是webpack。关于webpack,之前写过一篇稍微详细一些的博客,更多内容可以参考:

    Webpack:从野战到入门 => https://blog.csdn.net/qq_33594380/article/details/80684442

    不用webpack 行不行?我觉得不行。

    要不要看书,要看哪些书?

    一定要看书,项目和实战过程中永远只能给我们线条状的知识点。块状的知识点和前端知识体系的搭建必须通过看书等系统的学习过程来完成。此处也推荐几本我看过的觉得很有帮助的书。

    除了书之外,多关注一些与前端相关的公众号,每天去看一下公众号推送的文章,对于探索新的东西和复习旧的知识也有很大的帮助,比如说:前端早读课、前端大全、前端之巅、奇舞周刊等。

    // JS 高级程序设计(或犀牛书)
    // 可维护的JS
    // JS DOM 编程艺术
    // ES6 标准入门
    // CSS 世界
    // 图解Http
    // 深入浅出Webpack
    // 深入浅出Node.js

     

    展开全文
  • 前端入门标签基础

    2018-01-03 17:02:58
    前端入门标签基础,强调 斜体 设置单独样式 短文本引用 长文本引用 换行  空格 分隔横线 <!--注释语句-->
  • 包含html css JavaScript jquery bootstrap入门和实战演练
  • 前端小白
  • 前端入门 HTML+css实现静态淘宝
  • web基础知识、html、css、JavaScript、html5、css3等等
  • web前端入门代码.zip

    2021-12-04 18:49:14
    web前端入门代码,包含注册登录页面和其他多个展示页面,内容满满!
  • 前端入门套件 用于自动化Web开发的前端入门工具包。 包括什么? 单元测试(QUnit):支持在使用静态Web服务器的PhantomJS无头浏览器实例中使用进行单元测试。 ESLint:检查您的js文件中是否有错误。 Babel:为...
  • 前端入门基础及框架入门应用.md
  • Flint-前端入门套件v.1 该工具包使用进行一些强大CSS预处理。 浏览器支持 如何使用这个套件 学分 致谢 Flint是的项目。
  • 星系中最容易使用的前端入门套件。 特征 哈巴狗准备好了。 易于部署您的生产文件 使用BrowserSync重新加载实时浏览器 包括: 带有Gulp预设的 SMACSS准备好了scss结构。 要求 入门 安装 , , 和Bower (可选)...
  • Web前端入门到实战视频教程(17集)百度网盘下载
  • 前端入门需要学习哪些技术。学习前端需要具备什么样的学习条件。 什么是前端? 前端-顾名思义:就是端茶倒水的工作,端着茶杯,在公司门前端茶倒水,称之为前端。(这里是小鸿开个玩笑让大家放松下心情...
  • Middleman v4前端入门套件 为中间人前端开发创建的Middleman v4入门工具包模板。 如果您想了解中间人,请 快速开始 middleman init your_project_name --template=middleman-starter-kit 安装宝石bundle install ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 158,897
精华内容 63,558
关键字:

前端入门

友情链接: matlab实践书籍.zip