如今前端的技术更新速度越来越快,与其说更新速度不如说前端领域的边界不断被拓宽。从最初的PC端浏览器,然后是移动端,再然后是各种终端。WEB前端已经从最初的信息展示,发展成为与用户关系日益密切的应用形式,而且与用户的关系会越来越密切。

如今前端的火爆程度超出开发人员的想象,明明简单的开发个页面而已,并没有市面上说的那样。其实隔行如隔山,很多时候我们站在门外根本无法理解门内的实际情况。前端之所以变得越来越重要,实际上是用户体验被提到了一个很高的高度,这点要感谢乔帮主,没有他或许现在我们还在在塞班的世界里举步维艰。而与用户直接发生交互行为的前端领域才达到了让人瞠目结舌的高度,即使这样前端的基础,也就是前端的核心技术依旧没有变。组成前端日常开发的语言仍然是HTML,CSS,Javascript三门语言。

1. HTML-超文本标记语言

HTML作为前端核心开发语言实际并不是一门编程语言,其命名实际指的是通过对文本添加不同的标记(标签元素)让页面具备可视化,可读性,以及链接其他文档的功能。因此,针对HTML这门语言,只要熟练地掌握基本规则,并且稍加运用就能马上掌握和实践。而且并不需要任何任何逻辑基础,完全是结构性的开发工作。

2. CSS-层叠样式表

虽然开发多年但是对这门语言仍然没有什么发言权,该语言实际上是为了解决HTML标记(标签元素)臃肿的问题而产生的,并且该语言设计真的很棒。CSS的核心是对文档流的定义和选择器,通过对HTML文档的重新定义,引入文档流的概念,将原本臃肿的标签通过灵活的选择器修改页面内容的样式。需要重点关注的是文档流的定义元素盒模型,以及文档流的破坏和修改

3. Javascript-嵌入式脚本语言

最初由于Javascript是运行在浏览器中,因此常常被人称为嵌入式脚本,但是依然没有影响Javascript成为一门强大的编程语言。该语言主要实现的是用户行为的响应问题,因此基于用户的行为事件,响应不同的操作结果。该语言是前端的重点语言,因为所有的用户体验都需要Javascript去实现。该语言正在变得越来越完善,并且逐渐向静态化的方向发展。

1). 库

库是针对某个具体功能实现的封装,例如针对文件上传场景的封装实现,称为文件上传类库。举例来说是如此,但不限于此。

2). 框架

框架是为了解决更多问题的封装实现,例如jQuery框架是实现Javascript在PC端浏览器API兼容性的框架(Zepto针对移动端),MVVM框架是为了快速构建界面的封装实现,通过将DOM操作进行封装,减少手动DOM操作,专注于数据结构和业务逻辑的实现。

小结

以上针对前端基础进行了简单的阐述,无论前端技术如何发展基础内容都是围绕这三门语言,对基础的理解和掌握会让后面的路更加开阔。关于这三门语言的具体细节内容,会在后续章节中陆续更新。

前端三剑客-前端开发的三大基础语言相关推荐

  1. 前端三大基础语言------学习前先了解

    学习前端之前,我们首先要了解,前端的"三剑客"--HTML.CSS.JavaScript.这个了解是简单到复杂,静态到动态的.页面的构建,渲染,简单的数据变化,这三个语言是需要了解 ...

  2. web网站前端开发时都需要掌握哪些基础语言?

    们都知道网站开发分为前端(客户端)和后端(服务器端)两个部分.网站开发后端更多的是与数据库进行交互以处理相应的业务逻辑.需要考虑的是如何实现功能.数据的存取.平台的稳定性与性能等.至于前端,在这里泛指 ...

  3. 零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习

    web前端开发零基础怎样入门-哈尔滨前端学习,俗话说,知己知彼,百战百胜.要想学好web前端,首先要了解什么是web前端,下面由小编来给大家介绍一下: 1什么是web? Web就是在Http协议基础之 ...

  4. 【前端基础知识】web前端设计基础(前端三剑客之一 —— HTML5,包含课后习题)

    HTML5 第一章 HTML5基础 1.1 HTML5文档结构 1.2 元素与标签 1.3 属性 1.4 语法规则 第一章习题 第二章 HTML5内容结构与文本 2.1 结构标签 2.2 基础标签 2 ...

  5. 前端开发工程化探讨--基础篇(长文)

    转载自UC资深前端工程师张云龙的github 喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧. 你好,切图仔. 不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类 ...

  6. 前端开发工程化探讨--基础篇

    不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的 ...

  7. 前端与移动开发入门基础html完结版

    前端与移动开发 PC端 主要是电脑端,主要是网页开发 移动端 泛指可移动的设备(手机 平板) 可以开发运行在移动端的页面 如手机app 小程序 认识WEB网页 网页主要由文字 图片 链接 音频 视频 ...

  8. 最新版基于TP开发的9国语言海外多语言抢单源码+9色前端UI

    demo软件园每日更新资源,请看到最后就能获取你想要的: 1.最新版基于TP开发的9国语言海外多语言抢单源码+9色前端UI 今天没事测试了一下这套源码,基本没什么大问题,只是需要自己设置一下伪静态和选 ...

  9. 【前端实例代码】霓虹灯按钮动画效果悬停2| html CSS特效 惊艳| 前端开发 网页制作 基础入门教程

    b站视频演示效果: [web前端特效源码]霓虹灯按钮动画效果悬停2| html CSS特效 惊艳| 前端开发 网页制作 基础入门教程 效果图: 完整代码: <!DOCTYPE html> ...

最新文章

  1. poj1422(最小路径覆盖问题)
  2. linux iscsi 服务端,Linux的iscsi磁盘服务
  3. Kubernetes 入门必备云原生发展简史
  4. 《C++ Primer中文版(第5版)》学习笔记与习题完整发布!
  5. Ubuntu 16.04 下安装VMware Tools(三行命令搞定,亲测好使)
  6. 如何查看SAP Leonardo模型重新训练的日志
  7. iOS 证书错误 Certificates下面的 App Store and Ad Hoc是灰的?? 点不了
  8. arduino 休眠 节能_优化arduino程序存储空间
  9. 4.5_abstract_factory_创建型模式:抽象工厂模式
  10. Spring mvc 拦截静态资源配置管理
  11. 关于”要执行请求的操作,WordPress需要访问您网页服务器的权限”
  12. 基于树莓派的专用摄像头实时监控
  13. Linux添加虚拟网卡的多种方法
  14. 使用预计算实时全局光照优化照明-优化实时光照贴图
  15. traceview使用总结
  16. win10键盘失效问题
  17. 计算机专业综合理论模拟测试卷五,2020银保监会考试题库:计算机类模拟试题练习(五)...
  18. 计算机操作系统学习笔记 第一章、操作系统概论
  19. 【算法详解】splay的初步了解
  20. 邮箱 POP3服务器(端口110) SMTP服务器(端口25)

热门文章

  1. mysql 赋给用户表权限
  2. 可视化音视频分析工具:好用工具大集锦,快转发给你兄弟看看丨音视频工具
  3. 教程示例:控制存储空间和文件夹的访问权限
  4. 文旅行业如何整合旅游相关产业资源
  5. Qt学习笔记之--Qt内置图标一览表
  6. java获取时间间隔,获取当天每隔15分钟的时间
  7. PWN学习之[Toddler''s Bottle]-[fd]
  8. 滑动窗口算法基本原理
  9. 成熟男人性感又有魅力
  10. vite npm 升级所有依赖包