广告
每天积累一点点,进步一点点-方脸猫博客

前端开发并不是那么容易2-易于上手,难于精通

原创:内容为作者原创,可能存在参考别人观点
正文

u=3831759074,1206864076&fm=26&gp=0.jpg


        不同于有些“难于上手、难于精通”的职业,前端开发这一个岗位是一个易于上手,难于精通的职位。


        举例而言,HTML的全称是超文本标记语言,超文本的意思是比起我们在记事本里写的普通文本多了一些语义化的信息,比如超链接,加粗和标题等等。标记语言更加简单,及时用一些标签把普通的文本标记起来。标记语言是没有逻辑的,只是描述性的标签。程序语言应该有的结构循环判断逻辑等,HTML都没有。这既是HTML易于上手的原因。


        下面是一段最简单HTML代码,但是他也是一个完整的页面。

<!DOCTYPE HTML>
<html>
<head>
    <title>方脸猫博客</title>
</head>
<body>
    <p>Hello World!</p>
</body>
</html>

        但是HTML又很难。前端工程师在对照设计稿还原出来页面之后,还要考虑机器是如何理解这个页面的。对于用户而言,视觉上的加大加粗就是一个标题;但是对于机器而言,比如搜索引擎或者盲人使用的读屏软件,是否能理解它就是一句标题?这需要我们使用语义化的标签来表示他们。


        有时候,我们为了完美的实现一个设计稿还原,一个视觉上看上去像一个下拉选择器的输入框,我们会使用a标签或者span标签机上一些隐藏的列表模块来实现。当用户点击标签的时候,就用JS让隐藏的列表模块显示出来。


u=1371715117,808022623&fm=11&gp=0.jpg


        使用这种方法,我们可以快速的创建出各种在浏览器中表现一致的按钮,而且可以轻松地自定义样式,免受各种BUG的困扰。


        其实在前端开发中有人发明了一款工具可以加快前端代码的编写(emment),通过编写缩写的HTML标签来快速创建完整的标签,目前各大主流编辑器中都会有这种插件。


        前端的“易于上手”导致它在一些技术人员的那里不受待见。他们认为HTML与CSS根本就不是程序语言,甚至认为JS是一种功能不全的玩具型语言。


        其实,真正在前端开发的过程中你会发现,他不是说那么的简单和不值一提,比如项目中目前想要实现一种样式,但是要求这种样式需要兼容IE浏览器,IE我就不多说了,经常做前端开发的都会知道,那简直让人头大的一个东西;由于不同浏览器有些特定的语法是不一样的,我们在写样式或者JS的时候,需要写好几套,去适应各种浏览器;再加上屏幕的尺寸大小不一,目前主流响应式开发,就是一个页面在PC端打开是一个显示合理,界面整洁优美的网站,在手机上打开也需要是一个显示合理,而且不能损失用户体验的一种设计方式,这就在一定程度上加大了前端开发的难度。


u=2604286683,881664062&fm=26&gp=0.jpg


        另外,由于目前各大前端框架的出现,比如vue2.0,本博客就是使用vue2.0进行开发的,这又加大了前端的学习成本,因为你要去学习vue的语法,你要去适应vue的开发模式,再比如我们做小程序端的页面,虽说和HTML基本相同,但是你还是需要花费一些时间去熟悉他的一些特性,一些特殊的语法和API,对于一个开发多年的老手而言,这都不算什么,看遍语法基本就可以正常开发了,但是对于新手而言,想要真正掌握它,还需要花费很多精力的。其他涉及的我就不再多说了,写这篇文章的目的,是想让不管是初学者还是开发多年的人员重视前端开发。

评论(总计0条)(低分辨率暂不支持评论)
暂无评论
推荐(随机推荐5条文章)

PHP与JAVA语言优劣性对比

PHP是解释执行的服务器脚本语言,首先php有简单容易上手的特点。语法和c语言比较象,所以学过c语言的程序员可以很快的熟悉php的开发。而java需要先学好java的语法和熟悉一些核心的类库,懂得面向对象的程序设计方法。所以java不如php好学。

发布时间:2018-10-23阅读量:83

SEO基础讲解-索引擎优化详细操作步骤讲解

搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。搜索引擎优化是SEO(SearchEngineOptimization)的汉译。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。搜索引擎优化是SEO(SearchEngineOptimization)的汉译。

发布时间:2018-10-23阅读量:104

VS Code的使用方法

很全面的vscode的使用方法,如果刚接触这个工具,可以参考一下

发布时间:2018-10-24阅读量:103

收藏精选!15个必备的VSCode插件

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能,它很快就受到了大家的喜爱。就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。

发布时间:2018-10-24阅读量:130

php基础练习

PHP基础练习

发布时间:2018-10-24阅读量:81

分类 方脸猫博客
广告招租 方脸猫博客
信息交流 方脸猫博客
snow
qq群 站长交流群 群号:272541864
qq号 站长QQ QQ:3189859329
webLogo