JS基础知识-01

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及更低版本浏览器(例如淘宝)

原文地址:https://www.cnblogs.com/kjz-jenny/p/9306846.html

时间: 2024-08-05 17:52:48

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

JS基础知识回顾:在HTML中使用JavaScript

想HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01当中为<script>元素定义了下列6个属性: language(已废弃):原来用于表示编写代码使用的脚本语言,如JavaScript.JavaScript1.2.VBScript等,由于大多数浏览器会忽略此属性,因此就没有必要再用了: type(可选):可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型,也被称作MIME类型,在未指定此属性的情况下会被默认为t

JS基础知识回顾:引用类型(二)

ECMAScript中的Date类型是在早期Java中的java.util.Date类基础上构建的. 因此,Date类型使用自UTC(Coordinated Universal Time,国际协调时间)1970年1月1日午夜零点开始经过的毫秒数来保存日期. 在使用这种数据存储格式的条件下,Date类型保存的日期能够精确到1970年1月1日或之后的285616年. 要创建一个日期对象,使用new操作符和Date构造函数即可:var now=new Date(); 在调用Date构造函数而不传递参数

Js基础知识梳理系列

小序:总是感觉自己的技术一直在原地踏步,想学习一些新的技术,但学起来很吃力,而且总是没有什么实际的收获,似乎进入了所谓的“瓶颈期”.问了一些前辈是否也遇到过同样的问题,他们给我的解决方案是,基础不稳固,再把基础巩固一下.然后学起新的技术会轻松一点点.也是,反思自己曾经走马观花式的学习,确实有很多细腻的技术点没有接触到,所以,我还没有做到大神眼里的“精”.抱着这样的目的,再次翻开<JavaScript高级编程设计>,我将按照着书上的内容和顺序,系统化的学习这本书中的知识.并且在学习的过程中会结合

JS基础知识回顾:引用类型(一)

在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,而对象时引用类型的一个实例. 尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以虽然说引用类型与类看起来想死,但他们并不是相同的概念. 不过引用类型有的时候也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法. 新对象是使用new操作符后跟一个构造函数来实现的,构造函数本身就是一个函数,只不过该函数时处于创建新对象的目的而定义的. ECMASc

NodeJs&gt;-------&gt;&gt;第三章:Node.js基础知识

第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info  方法 1 console.log("this is a test string."); 1 node app1.js 1> info.log 1 console.log("This is a test String ."); 2 3 //从第二个参数开始,依序输出所有的字符串 4 console.log("%s","

JS 基础知识4 运算符

JS的运算符一般含有: 1 算术运算符 2 相等运算符 3 关系运算符 4 字符串运算符 5逻辑运算符 6位运算符 7 赋值运算符 首先看算术运算符,它一般有(+,-,*,/,%,++,--) 这里,%模运算符,其实也就是取余的意思,比如,5%2=1: 这里要特别说一下++,与--(这里只列了++,--是一样的道理). 1 var i = 1; 2 var j = ++i; //实际相当于 i+=1;j=i; 3 alert(i + " " + j); 4 5 var m = 1; 6

JS 基础知识2 传值和传址

要知道传址跟传址,首先我们先了解下数据值的操作. 1复制:可以把它赋值给一个新的变量 2传递:可以将他传递给一个函数或者方法 3比较:可以与另外一个值比较,判断是否相等 简要介绍下传值: 当一个数据是通过值被操作的,那么关系到的是数据的值,在赋值的过程中,是对实际值进行了COPY,储存在一个变量或者属性或数组中,copy的值与原数据是相互独立的. 当数据通过值传递给一个函数时,数据的一份传递给这个函数,如果函数体修改了这个值,只在函数体受影响,函数外的原数据不受影响. 当一个数据通过值和另外一个

JS 基础知识3 变量

变量和数值相关,它储存了那个值,有了变量就可以储存操作数据了. js与其他语言不同,它是非类型的.就是变量可以存放任何类型的值,而其他语言需要存放特定类型的值. var i=5; i="fdsfad"; 这是合法的. 变量的声明一般是由VAR 关键字声明的 var i,sum; //一次声明两个变量,   若变量没有给定初始值,则值为“undefined” 在JS中多次声明同一个变量,是不会出错的,仅仅是给变量赋值的性质. 还有一种,不用var关键字声明变量,则JS会隐式的声明该变量,

JS基础知识回顾:ECMAScript的语法(一)

任何语言的核心都必然会描述这门语言最基本的工作原理,而描述的内容通常都要涉及这门语言的语法.操作符.数据类型.内置功能等用于构建复杂解决方案的基本概念. ECMAScript中的一切变量.函数名.操作符都区分大小写. ECMAScript的标识符要符合下列规则:第一个字符必须是字母.下划线或美元符号:其他字符可以是字母.下划线.美元符号或数字. 标识符中的字母也可以包含扩展的ASCII或Unicode字母字符,但是并不推荐. 按照惯例,ECMAScript标识符采用驼峰大小写的格式来书写,尽管没