首页 web前端 html教程 做前端需要学的东西

做前端需要学的东西

Nov 25, 2017 am 09:24 AM
东西 需要

想学习前端的同学可以看看,大概的前端学习思路和前端代码要注意的东西、作为一个前端要学的东西有哪些。好了!让我们一起来看看吧!

CSS不能编程?用Less、Sass、Stylus、甚至直接用 Absurd,框架除了Bootstrap还有很多。
JS写多了很麻烦?jQuery。
移动开发?Zepto.js。
结构不好?找框架,Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twitter还弄了个事件驱动框架Flight。
库多了要优化加载?RequireJS。

代码质量成问题?Jasmine、QUnit、Mocha做单元测试
各种浏览器都要测?用Karma。
测试通过了部署还有问题?持续集成,用Travis CI。
用户行为也要测?用Selenium 。样式测试还有 Viff 。
觉得JS都够麻烦的?用CoffeeScript。

想做动画?Canvas或SVG还有CSS3帮忙,干掉Flash。
SVG太难画?用Snap.svg。
想开发游戏?用Canvas。
自己写FPS太低?用框架,CreateJS.。
2D太幼稚?three.js帮你用WebGL开发3D,
还不够给力?asm.js让你在浏览器中拥有虚幻3引擎。

这一堆东西都要配置部署,麻烦,用Grunt,库太多?用Bower管理,
项目开始要创建各种文件文件夹?用Yeoman。
开源项目太多了,GitHub.上找,不会?学Git。
顺便用Jekyll托管博客,不是吧还有Ruby这玩意...SASS也是Ruby写的,等等Sublime Text是Python写的,要写插件?也学一下。
调试太难?用Chrome开发者工具,一堆API和功能。

光在电脑浏览器上跑不给力?移动开发HTML5,离开网络就渣了?HTML5离线应用。
不如原生应用?用PhoneGap。
想调用原生API?开发Firefox OS应用吧。浏览器应用也得会吧,Chrome Firefox都有自己的文档。
接着是不是把后端甩了,自己来?装Node.js,所以还得学点服务器知识。
想用npm管理node包?linux技巧shell神马的也得学。
想前后端通吃?再看看http协议。
Web精通了?node-webkit 让你可以写桌面程序了,继续学吧。

想学模块化开发?看看CommonJS和AMD规范。
理解JS有偏差?看看ECMA-262,等等不知道什么时候第6版就要出了。
浏览器各不相同,弄不清该怎么兼容?看看W3C标准。
HTML写出来人看的懂,机器读不懂?要SEO。
要支持残障人士?看HTML语义化
全会了但IE就是不支持?叫不出名字的浏览器尼玛连JS都不知道是啥?渐进增强。
想一次把各种设备全搞定?响应式设计。

然后上面这些不过是一些讨巧的小技术。
公司做什么业务的?了解一下行业信息。
面向大众的产品?交互设计。
美工不给力?UI设计。
外包和咨询?设计模式、重构方法、算法、数据结构。
知道软件工程吗?了解一下敏捷开发,或许还可以试试TDD、ATDD、BDD。

看了这么多东西,第一反应是不是求中文文档?学英语去吧!做为一个程序员,不管是前端还是后端,英语是相当重要的哦~

相关推荐:

初学者精通前端的学习路线

最新前端笔试题小结

作为前端开发工程师一定要关注三点的性能指标

以上是做前端需要学的东西的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

wapi是什么东西详细介绍 wapi是什么东西详细介绍 Jan 07, 2024 pm 09:14 PM

wapi这个名词用户们可能在使用网络得时候见到过,但是对于一部分人来说肯定都不知道wapi是什么,下面就带来了详细介绍,帮助不知道小伙伴去了解。wapi是什么东西:答:wapi是无线局域网鉴别和保密的基础结构。这就像红外线和蓝牙等功能一样,一般都覆盖在办公楼等地方的附近。基本都是为一个小部门所有的,所以这个功能涉及的范围只有几公里。wapi相关介绍:1、wapi是无线局域网里面的一种传输协议。2、这款技术是可以去避免窄频带通信的问题,可以更好的去进行传播。3、仅仅只需要一个代码就可以去传送信号了

实现流畅运行CAD所需的配置是什么? 实现流畅运行CAD所需的配置是什么? Jan 01, 2024 pm 07:17 PM

流畅使用cad需要什么配置要想顺利运用CAD软件,需要满足以下配置要求:处理器要求:为了能够流畅运行《文字玩出花》,您需要至少配备一台IntelCorei5或AMDRyzen5以上的处理器。当然,如果您选择更高性能的处理器,将能够获得更快的处理速度和更好的性能。内存是计算机中一个非常重要的组件,它对于电脑的性能和使用体验有着直接的影响。一般来说,我们推荐至少8GB的内存,这样可以满足大部分日常使用的需求。但是,为了获得更好的性能和更流畅的使用体验,建议选择16GB或以上的内存配置。这样可以确保在

Python中的lambda函数是什么,为什么我们需要它? Python中的lambda函数是什么,为什么我们需要它? Aug 25, 2023 pm 02:41 PM

在本文中,我们将学习Python中的lambda函数以及为什么需要它,并查看lambda函数的一些实际示例。Python中的lambda函数是什么?Lambda函数通常称为“匿名函数”,与普通Python函数相同,只不过它可以不带名称进行定义。>def关键字用于定义普通函数,而lambda关键字用于定义匿名函数。然而,它们仅限于单行表达。它们与常规函数一样,可以接受多个参数。语法lambdaarguments:expression此函数接受任意数量的输入,但仅计算并返回一个表达式。Lamb

清华光学 AI 登 Nature!物理神经网络,反向传播不需要了 清华光学 AI 登 Nature!物理神经网络,反向传播不需要了 Aug 10, 2024 pm 10:15 PM

用光训练神经网络,清华成果最新登上了Nature!无法应用反向传播算法怎么办?他们提出了一种全前向模式(FullyForwardMode,FFM)的训练方法,在物理光学系统中直接执行训练过程,克服了传统基于数字计算机模拟的限制。简单点说,以前需要对物理系统进行详细建模,然后在计算机上模拟这些模型来训练网络。而FFM方法省去了建模过程,允许系统直接使用实验数据进行学习和优化。这也意味着,训练不需要再从后向前检查每一层(反向传播),而是可以直接从前向后更新网络的参数。打个比方,就像拼图一样,反向传播

需要多少万跑分的主机才能玩地下城? 需要多少万跑分的主机才能玩地下城? Jan 16, 2024 pm 06:51 PM

玩地下城需要多少万跑分的主机鲁大师的跑分高达17万,这是一个非常令人惊叹的成绩。他的高分不仅展示了他出色的技术水平和操作能力,也证明了他在游戏中的深入了解和经验。无论是在哪个游戏中,能够达到如此高的分数都需要付出大量的努力和时间。鲁大师的17万分数无疑是他长期积累和不断提高的结果。这个成绩也激励着其他玩家不断努力,追求更高的游戏成就。CS-online对电脑配置要求比CF更高一些。对于处理器,只要是双核的就可以了,而显卡的话,即使是集成显卡也可以满足要求。选择合适的配置对于玩DNF来说非常重要,

是否在办公中需要使用独立显卡? 是否在办公中需要使用独立显卡? Jan 11, 2024 pm 02:44 PM

办公需要用独立显卡吗办公也分很多种,普通办公,如果是会计用来做个表格或者前台用什么的是不需要独立显卡,一般个机器就够用,如果是作图这类的办公就需要加独立显卡,平面设计和3d设计对显卡的性能要求还不一样,所以在组装机器的时候要确认好用途,以免造成后期性能太低不够用。在普通办公场景下,并不需要配备独立显卡。一般情况下,我们处理办公文档或者播放视频时,集成显卡已经足够满足需求了。当然,如果需要的话也可以添加独立显卡,只需连接好数据线和电源线,将原本连接在主板VGA接口上的数据线连接到独立显卡的VGA接

王牌战争所需内存容量是多少? 王牌战争所需内存容量是多少? Jan 01, 2024 pm 02:53 PM

王牌战争需要多少内存王牌战争游戏的内存要求因不同设备和平台而异。在移动设备上,通常需要约1-2GB的内存来运行游戏,以确保良好的游戏性和图形效果。在PC或游戏主机上,通常需要更多的内存,可能需要4GB以上。这是因为在这些平台上,游戏有更多的内容和更复杂的图形渲染。但是,这只是一个参考值,实际所需的内存取决于游戏版本、设备性能和游戏设置。最好根据游戏开发商提供的最低和推荐配置要求来确定所需的内存容量。王牌战争行动基地房子怎么建请不要在据点附近建造住房。因为据点是各大高手们进出的地方,容易被发现,导

为什么PHP中需要使用转义符? 为什么PHP中需要使用转义符? Mar 27, 2024 pm 10:30 PM

为什么PHP中需要使用转义符?PHP是一种广泛应用于Web开发的服务器端脚本语言,它在处理字符串时经常需要使用转义符。转义符在PHP中起到了保护特殊字符的作用,防止这些字符被误解或者改变其原有的意义。在PHP中,常见的特殊字符包括引号、反斜杠等,下面将通过具体的代码示例来说明为什么在PHP中需要使用转义符。转义单引号和双引号在PHP中,单引号和双引号都用来表

See all articles