所在的位置: Web开发 >> HTNL >> Web前端开发小知识

Web前端开发小知识

Web前端开发小知识

Web前端开发小知识你了解多少呢?

今天就让小编带大家了解一下吧~??

1Web前端开发常用工具有哪些

Web前端是一个新兴职业,市场需求大,薪资待遇高,吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员,好用的软件工具可以帮助他们更好的工作。

下面为大家介绍一些常用的web前端开发工具:

1、Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

2、Foundation是一个易用、强大而且灵活的框架,用于构建基于任何设备上的Web应用。提供多种Web上的UI组件,如表单、按钮、Tabs等。

3、Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器,支持为JS,HTML,CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器,可以在IDE中启动、暂停和停止。

4、Notepad++是一款非常有特色的编辑器,是开源软件,可以免费使用。我们开发人员都是必备的。支持的语言:C,C++,Java,C#,XML,HTML,PHP,JavaScript!

5、VisualStudioCode是一个运行于OSX,Windows和Linux之上的,针对于编写现代web和云应用的跨平台编辑器。

6、GIMPGIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图象处理所需的功能,号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。

7、SecureHeaders是Twitter送给Web开发者的一份大礼,作为一款Web安全开发工具,Secureheaders能够自动实施安全相关的header规则,包括内容安全政策(CSP),防止XSS、HSTS等攻击,防止火绵羊(Firesheep)攻击以及XFO点击劫持等。

8、Fontello是个图标字体生成器。这个工具允许用户把这些图标web字体放到自己的项目中。主要特性如下:缩小字形集合,减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

2Web前端开发规范

web前端开发规范的意义

1、提高团队的协作能力2、提高代码的复用利用率3、可以写出质量更高,效率更好的代码4、为后期维护提供更好的支持

规范

1、命名规则2、文件存放位置规范3、css书写规范4、html代码书写规范5、JavaScript书写及实用规范6、图片规范7、注释规范8、兼容性规范9、开发测试约定及实用工具规范

3命名规则及位置规范

脚本文件的命名规则

一般使用脚本功能的英文小写缩写命名:实际模块:例如:广告条的JavaScript文件名为ad.js弹出窗口的JavaScript文件名为pop.js共用模块:js文件名;英文命名,后缀js,共用


转载请注明:http://www.guyukameng.com/html/html1/11713.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了