测试
我遇到的很多前端工程师都是不写测试的,于是我便把它单独地抽了出现 。对于一个前端项目来说 , 正常情况下,我们要有单元测试、功能测试,还有要一些UI测试来验证页面间是否可以跳转 。对于依赖于第三方服务的应用来说,还要有一个Mock的服务来方便我们测试 。如果是前后端分离的项目 , 我们还需要有集成测试 。
性能与优化
要对Web应用进行性能优化 , 可能不是一件容易的事 , 有时候我们还知道哪些地方可以优化 。这时候人们就可以使用Yahoo的YSlow , 或者我最喜欢的Google PageSpeed来检测页面的一些问题,如有没有开启GZip、有没有压缩、合并、Minify JS代码等等 。
我们还应该借助于NetWork这一类的工具,查看页面加载时,一些比较漫的资源文件,并对其进行优化 。在一些情况下,我们还需要借助如Chrome的Timline、Profiel等工具来查看可以优化的地方 。
设计
前端工程师还需要具备基本的UI技能 。多数情况下拿到的只是一张图,如果是一个完整的页面,我们就需要快速分割页面布局 。而依赖于不同的页面布局 , 如响应式、网格、FlexBox布局也会有不同的设计 。而有些时候 , 我们就需要自己规划,制作一个基本的线框图(Wireframe)等等 。
SEO
如果以搜索引擎作为流量来源,我们还需要考虑页面的内容,除非你用的是竞争排名 。像Sitemap可能就不是我们考虑的内容,而我们还要考虑很多点 。首先,我们需要保证页面的内容是对于搜索引擎是可见的,并且对应的页面还要有基本的Title、Description和Keyword 。然后在一些关键的字体,如栏目标题等等可以用H2之类的大字的地方就不要放过 。同时在页面设计的过程中,我们还需要考虑一些内部链接的建设 。
它即可以提供页面的可见度,又可以提高排名 。最后,如果你是面向的是Google等支持结构化数据的搜索引擎,你还需要考虑一下MicroData / MicroFormat这一类东西 。

文章插图
文章插图
2、html是什么?html,全称Hypertext Markup Language,也就是“超文本链接标示语言” 。HTML文本是由 HTML命令组成的描述性文本,HTML 命令可以说明文字、 图形、动画、声音、表格、链接等 。即平常上网所看到的的网页 。
超文本标记语言是WWW的描述语言 。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体 , 人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上 。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中 。
扩展资料:
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便 。
2、可扩展性:超级文本标记语言的广泛应用带来了加强功能 , 增加标识符等要求,超级文本标记语言采取子类元素的方式 , 为系统扩展带来保证 。
3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上 , 这也是万维网(WWW)盛行的另一个原因 。
4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言 。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器 。
经验总结扩展阅读
- 手表jw是什么牌子,jw是什么牌子
- 桑蚕丝和真丝的区别是什么,桑蚕丝和真丝的区别
- 中国朝代顺序是什么,中国朝代顺序是什么?
- 高版本鞋子什么意思,空军一号高版本是什么意思?
- 大男子主义的表现是什么,大男子主义的具体表现
- 女儿墙的由来是什么,女儿墙是什么意思,为什么叫女儿墙?
- 为什么新水壶烧水壶底有斑点,烧水壶底部的白色斑点是什么?
- vigrx是什么药,vigrx是什么
- 负熵是什么意思,收宇宙灵,收负熵流是什么意思?
- 佩戴手表的寓意 戴手表象征意义是什么,戴手表有什么含义