01-浅谈前端发展史

  • 第一阶段：C/S(client server)->B/S(browser server) 网页制作

    • 技术栈：PhotoShop、HTML、CSS
  • 第二阶段：从静态到动态,从后端到前端 前端开发工程师 前后端分离
    • 后台：完成数据的分析和业务逻辑编写(包含API接口编写)
    • 前端：网页制作、JS交互效果、数据的交互和绑定
      • 技术栈：JavaScript、Ajax(跨域技巧)、jQuery...
  • 第三阶段：从前端到全端(从PC端到移动端)
    • H5、CSS3、响应式布局开发、Zepto、Hybrid(混合APP开发)、微信小程序...
  • 第四阶段：从全端到全栈
    • 全栈开发：前后端都可以开发(严格意义上讲,一种语言完成前后端开发)
    • 技术栈：Node(基于JS编程语言开发服务端程序)、Express/Koa...

为了迎合日益发展的前端开发,JS中诞生很多有助于开发、维护、提高性能的框架：Vue、React、Angular、webpack...

展望WEB4.0时代,VR/AR元年，前端需要Canvas/webGL...

02-前端常用的IDE

IDE(Integrated Development Environment集成开发环境)

  • 网页三剑客(Adobe Dreamweaver/Fireworks[PhotoShop]/Flash)
  • Sublime Text
  • HBuilder
  • Webstorm
  • Atom
  • Vim

  • Visual Studio Code

    关于浏览器的内核和引擎

  • Webkit内核(V8引擎)：大部分浏览器
    • Google Chrome/Safari/Opera/大部分国产和手机浏览器
  • Gecko内核(Mozilla Firefox)：火狐
  • Presto内核
  • Trident排版引擎(Internet Explorer)：IE

  • KHTML排版引擎

W3C：万维网联盟,指定编程语言的规范与标准

  • 开发者按照规范编写代码,浏览器开发商也会开发一套按照规范把代码渲染成页面的东西(这个东西就是内核或者引擎)
  • 浏览器内核的作用：按照一定的规范,把代码基于GPU(显卡)绘制出对应的图形和页面等
  • 为啥会出现浏览器兼容：?
    • 1.部分浏览器会提前开发一些更好的功能,后期这些功能会被收录到W3C规范中,但是在收录之前,会存在一定的兼容性
    • 2.各个浏览器厂商,为了突出自己的独特性,用其他方法实现了W3C规范中的功能

大部分网站都已放弃IE8及更低版本浏览器(例如淘宝)

JS基础知识-01的更多相关文章

  1. ３－１４　JS基础知识01

    JavaScript的组成: JS特点:JS是一门 脚本语言:不需要编译编译:把代码转化成计算机所认知的二进制语言.JS是一门弱类型语言:声明变量都用varJS是一种动态语言:认知当前的着这个变量到底 ...

  2. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  3. HTML+CSS+JS基础知识

    HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...

  4. Node.js基础知识

    Node.js入门   Node.js     Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...

  5. 网站开发进阶(十五)JS基础知识充电站

    JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...

  6. NodeJs>------->>第三章：Node.js基础知识

    第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 console.log(" node app1.js 1> ...

  7. JS基础知识笔记

    2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...

  8. CSS基础知识01

    一.CSS基础知识介绍 1.css是cascading style sheet层叠式样式表的简写 2.css小用法 加粗:font-weight:bold;             正常用:norma ...

  9. AI-图像基础知识-01

        目前人工智能Artificial Intelligence主要分为两大分支: 计算机视常见:Computer Vision,简称CV   CV主要是研究如何让机器看懂世界的一种技术,通过各种光 ...

随机推荐

  1. matlab练习程序（弧形投影）

    这个其实也算是圆柱体投影了,不过上一篇文章是从正面看,得到的是凸形的结果,而这个是从反面看,得到的是凹形的结果. 计算公式就不写了,大致介绍一下,计算公式中关于x坐标求法和上篇一样,y坐标则正好是上篇 ...

  2. mongodb 3.4 学习 (三）复制集

    复制集(replica set) 复制集是一组mongodb的进程维护同样的数据集,提供冗余与高可用性.最小的复制集由3台服务器(或者3个实例)组成,最多1个primary和2个secondary实例 ...

  3. leetcode 62、Unique Paths

    A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The ...

  4. scrum 第二次冲刺

    scrum 第二次冲刺 1.本周工作 本周正式开始了开发工作.首先设计了类图,建好了数据库,将整个小组的分工传到了禅道上,我主要负责后台的挂号操作. 本周分工如下: 首先搭建好了ssm框架,其中遇到了 ...

  5. 抓取android系统日志_记录一次定位app闪退故障

    在测试android客户端兼容性时,发现app闪退,上海的小伙伴需要闪退时的系统日志:故把快生锈的adb知识拿出来show一把: 1.下载adb工具包(adb的全称为Android Debug Bri ...

  6. Android（java）学习笔记51：ScrollView用法

    1. 理论部分 (1)ScrollView和HorizontalScrollView是为控件或者布局添加滚动条 (2)上述两个控件只能有一个孩子,但是它并不是传统意义上的容器 (3)上述两个控件可以互 ...

  7. python:包与异常处理

    一.包 1,什么是包? 把解决一类问题的模块放在同一个文件夹里-----包 2,包是一种通过使用‘.模块名’来组织python模块名称空间的方式. 1. 无论是import形式还是from...imp ...

  8. SPOJ MUSKET - Musketeers

    黑书P117页. 要是不看解析,确实不要算和定义状态. 把环看成链,是指把这个1234512345,写两边,然后怎么表示一个人是否胜利了呢?其实就是其他人全部死光(好像等于没说): 考虑最后一次杀人, ...

  9. Visual Studio C++ Win32控制台应用程序，Win32项目，MFC的区别

    背景 Visual Studio C++ 创建新项目蹦出来如下选项: Win32控制台应用程序,Win32项目,MFC有什么区别? 正文: Win32控制台,没有界面,命令行执行生成的文件则直接在后台 ...

  10. SyncUI跨设备同步

    SynUI控制代码 <script type="text/javascript"> /* SyncUI script (Learn more at http://syn ...