前端入门

本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的 前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在2015JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。 目录 1.面试注意 2.HTML 2.1 Doctype作用？标准模式与兼容模式各有什区别？ 2.2 HTML5 为什么只需要写 !DOCTYPE HTML？ 2.3 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 2.4 页面导入样式时，使用link和@import有什么区别？ 2.5 介绍一下你对浏览器内核的理解？ 2.6 常见的浏览器内核有哪些？ 2.7 html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？ 2.8 简述一下你对HTML语义化的理解？ 2.9 HTML5的离线储存怎么使用，工作原理能不能解释一下？ 2.10 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ 2

队名：观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车，页面美化 还剩下哪些任务 s 完成短租车，页面美化 遇到了哪些困难 暂无 有哪些收获和疑问 1、收获：暂无 2、疑问：暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 使用dbutils并发连接数据库 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台，完善前端。 还剩下哪些任务 地图功能模块未连入前端页面。有时间可优化前端页面效果。 燃尽图 遇到了哪些困难 完善一些细节功能 有哪些收获和疑问 1、收获：无 2、疑问：迷茫中 陈湘怡 过去两天完成了哪些任务 文字/口头描述 重构认证页面UI，思考短租车UI完善方案 展示GitHub当日代码/文档签入记录 最近无 接下来的计划 完善UI 还剩下哪些任务 前端页面与后端接口的完善 燃尽图 组内共享 遇到了哪些困难 暂无 有哪些收获和疑问 1、收获：收获夜间寒冷 2、疑问：暂无 陈超颖 过去两天完成了哪些任务 文字/口头描述 完成短租车后端接口部分代码、测试 展示GitHub当日代码/文档签入记录 接下来的计划 与前端、数据库连接，完善接口、继续找bug 还剩下哪些任务 与前端、数据库连接，完善接口，继续找bug 遇到了哪些困难 暂无 有哪些收获和疑问

队名：观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 任务分配 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车，页面美化 还剩下哪些任务 完成短租车，页面美 遇到了哪些困难 暂无 有哪些收获和疑问 1、收获：暂无 2、疑问：暂无 许培荣 过去两天完成了哪些任务 文字/口头描述 新增服务端短租车确认归还接口。 前端新增输入框前端js校验，加载时等待动画，开放短租车功能模块，加入认证时上传图片功能。 展示GitHub当日代码/文档签入记录 接下来的计划 优化后台数据库。 还剩下哪些任务 地图功能模块未连入前端页面。有时间可优化前端页面效果。 燃尽图 遇到了哪些困难 目前数据库中有些冗余，欲求一个不需要太大改动后端代码的修改办法。 有哪些收获和疑问 1、收获：让我对html的使用方法和css的玩法更熟悉了... 2、疑问：对于ajax和js的异步动态加载html不清楚，玩不出高级的东西。 陈湘怡 过去两天完成了哪些任务 文字/口头描述 学习js和uni-app组件 展示GitHub当日代码/文档签入记录 暂无新代码，无签出签入记录 接下来的计划 完善UI 还剩下哪些任务 前端页面与后端接口的完善 燃尽图 遇到了哪些困难 最近事情很多，时间上很紧张 有哪些收获和疑问 1、收获：不断积累学习知识和经验 2、疑问：学习中 陈超颖

一九年已末，二零年将至。 我使用 curl 与 jq 一行简单的命令爬取了掘金的面试集合榜单，有兴趣的同学可以看看爬取过程: 使用 jq 与 sed 制作掘金面试文章排行榜 ，可以提高你使用命令行的乐趣 关于前端，后端，移动端的面试，这里统统都有，希望可以在面试的过程中帮助到你。另外我也有一个仓库 日问 来记录前后端以及 devops 一些有意思的问题，欢迎交流 原文地址: https://github.com/shfshanyue/blog/blob/master/post/juejin-interview.md ，欢迎 Star 前端 【👍 5053】 一个合格(优秀)的前端都应该阅读这些文章 【👍 4691】 2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文 【👍 4424】 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上) 【👍 3013】 2018春招前端面试: 闯关记(精排精校) | 掘金技术征文 【👍 2492】 前端面试考点多？看这些文章就够了（2019年6月更新版） 【👍 2359】 「中高级前端面试」JavaScript手写代码无敌秘籍 【👍 2248】 四月前端知识集锦（每月不可错过的文章集锦） 【👍 2168】 记录面试中一些回答不够好的题（Vue 居多） | 掘金技术征文 【👍 2162】 如何写出一个惊艳面试官的深拷贝? 【👍

明儿就进入3月份了，时间过的真快。从去年10月份开始决定做前端，转眼间也快4个月了，道路并不平坦。我是本着本科的时候做过几个页面，心里觉着前端好像很简单的样子，还觉着自己有些审美，能把页面做的很漂亮。其实，页面漂亮不漂亮设计师会给设计稿，前端就负责切图，布局，写代码就好嘛。 决定做前端也并不突然，从大三开始，就觉着自己还挺喜欢做网页的，当时班里没几个学这个的，我还乐在其中的编了几个网页。当时选修课的老师是教ASP的，他有个公司，专门帮别人做网站，看我上课认真，还把我收进公司。我的一些写页面的知识还是那时候开始的，也很感谢老师。 其实女孩儿编代码是有点太累了，加上本来就容易长痘的体质。我一直觉着程序员都是沉默寡言的，开始觉着好像我也不太适合，毕竟经常是喋喋不休的。可是开始学习前端以后，我发现我真的变得文静了许多许多。开始有耐心了，开始愿意自己去解决问题了。好事。 知乎是个挺好的老师，15年9月份的最后一个星期，我疯狂的刷知乎，去看各种和前端有关的帖子，借鉴别人是怎么学习前端的。后来，就买了几本书，并在奇妙清单里列了我的前端学习计划： 1、入门HTML5和CSS《HeadFirst HTML&CSS》 2、熟练掌握CSS《精通CSS，高级Web》 3、入门JavaScript《JavaScript DOM编程艺术》 4、进一步学习JavaScript《JavaScript高级程序设计》

从6月25日开始报名学习前端，到现在差不多一个月了，我已经学习完了一阶段，课程内容主要是Html标签、CSS还有布局。 现在回忆一下这几个月的学习经历以及思想历程。 一：为什么选择前端？ 我之前会一点SQL和Delphi的，主要的工作也是对自来水IMS进行二次开发。当我辞职之后，朋友都劝我学习java，但是我却有不一样的想法，我选择了前端。 首先，我的Delphi水平并不高，在后端的经验并不丰富，我的工作性质决定了，我只是Delphi的入门水平。我没办法独立完成一个三层架构的系统。而且sql也不是后台语言，只是单纯用来查询数据的，并不能直接对接前端，它仍需要一个中间层，也就是java等等。 其次，我其实对前端蛮喜欢的，从初中开始我就捣鼓过网站，但是从来没有系统的学习过。最近一次应该是买了一套淘宝客的源码，最后因为空间速度太慢了就放弃了。前端很大一部分是来做用户体验的，也就是UI/UE，还是蛮感兴趣的。 最主要的，入门简单，而且我学好了以后，完全可以以Delphi，或者GO语言作为后端服务器程序来对接，这不也是全栈吗。谁规定后端只能用java。 二、一阶段的学习方法 其实说白了就是多练习，我的练习并不多，但是我有一个好处就是开发经验。每次布局之前我都会先思考一下如何布局，怎么样用更少的盒子，更少的css代码实现，我的思想就是精简，减少不必要的class名、盒子，多用伪类选择器

前端学习总结 前端的核心技术为HTML、CSS、JavaScript。这三个是前端最基础也是很容易入门的语言。HTML是网页的骨架，CSS是网页的妆容，JS是网页的灵魂，三者相辅相成才能成功地弄出一个简单的网页。这也是学习后续复杂的前端的基础。 在有了上述基础后，选择vue.Js来用于构建用户界面。在vue的学习中，我遇到了一些困难和一些挫折，在此总结这段时间的学习成果。 Vue用vue-cli在创建后自动生成一个工程，在命令行中运行npm run dev， 当显示如上图这样编译成功后，就可以在浏览器搜索localhost：8080/，浏览器将会显示该工程效果。如果显示报错，有以下两个可能：1、warnning，一般情况下显示的warnning为格式不严谨所报错的，只需要按照cmd提示的warnning以及第几行的指示一个一个纠正即可。2.error，这个就是你的程序报错，需要根据提示的错误进行修改。直到修改到上图为止。 而在后续写代码时也可以实时通过浏览器预览效果，同时可以按f12了解该页面的架构，也可以在页面上修改某处的css，预览效果。 Vue组件包括 <template> 、 <script> 和 <style>。<scirpt>中的data必须是函数。 以上是vue的最基础内容，为了更好地搭建页面，满足不同的需求，我们需要更深入的学习。 组件之间的跳转—

一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站 CDC 腾讯用户研究与体验设计部 FEX 百度Web前端研发部出品 淘宝前端团队（FED） 用技术为体验提供无限可能 凹凸实验室 京东用户体验设计部出品 奇舞团 奇虎360旗下前端开发团队出品 阿里巴巴国际UED团队 在更新的屏幕里创造出更好的产品和更优的体验 EFE 由百度多个遵循统一技术体系的前端团队所组成 UXC 覆盖了百度85%以上的产品体验设计 二、开发社区 网站 说明 StackOverflow 加入世界上最大的开发者社区 SegmentFault 中文领域最大的技术问答交流社区平台 知乎 中文互联网最大的知识分享和社交平台 开源中国 目前国内最大的开源技术社区 w3ctech 中国最大的前端技术社区 掘金 一个帮助开发者成长的社区 V2EX 创意工作者们的社区 博客园 一个面向开发者的知识分享社区 CNode 国内最大最具影响力的 Node.js 开源技术社区 Ruby China 由众多爱好者共同维护的 Ruby 中文社区 三、前端门户 网站 说明 前端网 一个专注于Web前端开发行业的综合性门户网站 大前端 一个集前端开发和Wordpress内容为一体的双轨独立网站 四、前端大牛

　　本人目前大三上学期，专业计算机科学与技术，现在2019年11月26日，开始写下第一篇随笔，也为了记录下学习生涯，发现自己总是没总结，今后每周至少两篇， 今天就不上代码了 。 　　简单说明下前两年的大学颓废生活： 　　　　学得很渣，就只有数学和体育上过90+，专业课都是水过的，草草了事，底子比较薄，平时宅在宿舍，没什么交际,喜欢过女孩，没脸追，lxl。 　　现状学习ing： 　　　　安卓android不打算深入下去，因为目前正在尝试微信小程序的开发，但是为了学业，也只能勉强学学，之后会给入门教程，以及实例，还有入门项目。 　　　　javaweb，涉及前端和后端，以及mysql，值得庆幸的是，数据库学得还是很扎实的，对于程序员，不会数据库，那不是扯淡吗？？之前暑假强迫自己学习了一下前端，没钱推荐哔哩哔哩哈。有了前端的基础知识后，再去学习后端，自我感觉还是比较的轻松，之后我也会给出前端的样例的，但是我最讨厌前端了，改来改去吗，总是不满意（可能自我要求比较高）。 后端：现在基础体系也基本整合了，正在学习SSM框架中，之后详见吧。这门我觉得挺适合大多数的同学，作为入职技能的，女生前端，男生后端，多么完美呀。这里不得不提一下全栈了，这就要看自己的发展吧，反正1+1<2这是必然的，因为交流的成本太高了。 　　　　数据挖掘：本来选修课是选择的数据挖挖掘的，然后老师上课跟我讲机器学习？

其实与web相关的书籍还是很多的，因为web的领域就是比较广的，因为有过web开发经验的都知道，web，就开发语言就有php，jsp，asp，.net等多种语言，那么这些语言对应的后台开发就有对应的书籍，所以今天小编就主要推荐与web基础相关的书籍。因为相比之下web前端还是比较轻松入门的。 HTML相关： 《Web标准实战》 比较简单，适合基础学习 《Web标准设计》 《深入浅出HTML》 CSS相关 《CSS设计彻底研究》 视频教程很好，书本我并没有详细研究，不好说建议。 《CSS网站布局实录》 CSS的书我看得比较少，这本算是看得比较全了。 javascript相关： 《精通JavaScript》 《JAVASCRIPT语言精髓与编程实践》 这本书对原型和继承做了非常精辟的解释，网上大部分关于原型的文章都是参考此书的。这里，推荐我们的web前端学习秋秋裙767，web前端中间的数字是273，web前端最后是102 。7年全栈工程师，根据这些年从事开发经验，整理了一份最适合2020年学习的web前端干货 《悟透javascript》 这本书第一章是介绍原型和继承的，第三章也介绍了跨域的一个解决方法，还有就是作者对程序和人生的理解哲学很有深度。 《JavaScript权威指南》 《高性能网站建设指南 》 这类书有两本不同版本，都是关于web性能优化的