美文网首页
js基础常见问题总结(三)~

js基础常见问题总结(三)~

作者: ConRon | 来源:发表于2017-07-18 22:26 被阅读0次

    web前端性能优化总结


    浏览器访问优化

    1、减少http请求,合理设置 HTTP缓存
     2、使用浏览器缓存
     3、启用压缩
     4、CSS Sprites
     5、LazyLoad Images
     6、CSS放在页面最上部,javascript放在页面最下面
     7、异步请求Callback(就是将一些行为样式提取出来,慢慢的加载信息的内容)
     8、减少cookie传输

    Javascript代码优化

    (1). DOM
     (2). 慎用 with 
     (3). 避免使用 eval和 Function
     (4). 减少作用域链查找
     (5). 数据访问
     (6). 字符串拼接


    什么是User-Agent

    User-Agent是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。用较为普通的一点来说,是一种向访问网站提供你所使用的浏览器类型、操作系统及版本、CPU 类型、浏览器渲染引擎、浏览器语言、浏览器插件等信息的标识。UA字符串在每次浏览器 HTTP 请求时发送到服务器!
      浏览器UA 字串的标准格式为: 浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识 版本信息

    什么是线程?什么是进程?

    什么是进程?
      当一个程序开始的时候他就是一个进程,进程包括运行中的从程序和程序所使用到的内存和系统资源。
      而一个进程又是由多个线程组成的。
     什么是线程
      线程是程序中的一个 执行流,每个线程都有自己的专有寄存器(栈指针,程序计数器等),但代码区是共享的,既不同的线程可以执行同样的函数。

    什么是单线程?什么是多线程?

    什么是多线程
      多线程是指程序中包含多个执行流,即在一个程序中同时运行多个不同的线程来执行不同的任务。也就是说允许单个程序创建多个并行执行的线程来完成各自的任务。
     多线程的好处
      可以提高CPU的利用率。在多线程程序中,一个线程必须等待的时候,CPU可以运行其它的线程而不是等待,这样就大大提高了程序的效率。

    多线程与单线程的区别
    【生活举例】
    你早上上班,正要打卡的时候,手机响了。。你如果先接了电话,等接完了,在打卡,就是单线程。
    如果你一手接电话,一手打卡。就是多线程。
    两件事的结果是一样的。。你接了电话且打了卡。

    Javascript是单线程的
       因为JS运行在浏览器中,是单线程的,每个window一个JS线程,既然是单线程的,在某个特定的时刻只有特定的代码能够被执行,并阻塞其它的代码。而浏览器是事件驱动的(Event driven),浏览器中很多行为是异步(Asynchronized)的,会创建事件并放入执行队列中。javascript引擎是单线程处理它的任务队列,你可以理解成就是普通函数和回调函数构成的队列。当异步事件发生时,如mouse click, a timer firing, or an XMLHttpRequest completing(鼠标点击事件发生、定时器触发事件发生、XMLHttpRequest完成回调触发等),将他们放入执行队列,等待当前代码执行完成。
      浏览器不是单线程的
       虽然JS运行在浏览器中,是单线程的,每个window一个JS线程,但浏览器不是单线程的,例如Webkit或是Gecko引擎,都可能有如下线程:

    • javascript引擎线程
    • 界面渲染线程
    • 浏览器事件触发线程
    • Http请求线程

    前端开发之面向对象

    ** 面向对象的基本概念**
      面向对象的英文全称叫做Object Oriented,简称OO。OO其实包括OOA(Object Oriented Analysis,面向对象分析)、OOD(Object Oriented Design,面向对象设计)和OOP(Object Oriented Programming,面向对象的程序设计)。
      通常所说的面向对象是指OOP, OOP是一种围绕真实世界的概念来组织模型的程序设计方法,它采用对象来描述问题空间的实体。在使用计算机解决问题时,对象是作为计算机模拟真实世界的一个抽象,一个对象就是一个物理实体或逻辑实体,它反映了系统为之保存信息和(或)与它交互的能力。使其具有自己的属性和行为, 从而简化对复杂事物的描述,更有利于工程的可维护性和扩展性。
      OOP同结构化程序设计相比最大的区别就在于: 前者首先关心的是所要处理的数据,而后者首先关心的是功能。
     面向对象三个基本特征
      封装 (Encapsulation) 将数据以及相关的操作组织在一起,成为独立的构件。外部无法直接访问这些封装了的数据,从而保证了这些数据的正确性。封装的目的是为了内部数据表现形式和实现细节的隐藏,信息隐藏是为了减少系统各部分间的依赖性,各部分间必须通过明确的通道传送信息,也就是对象间的接口.这样一来,隐藏了部分内部的细节,极大方便系统的开发,维护和扩展。
      继承 (Inheritance) 继承是一种联结类的层次模型,并且允许和鼓励类的重用,它提供了一种明确表述共性的方法。一个新类可以从现有的类中派生,这个过程称为类的继承。新类继承了原始类的特性,新类称为原始类的派生类(子类),而原始类称为新类的基类(父类)。派生类可以从它的基类那里继承方法和实例变量,并且派生类可以修改或增加新的方法使之更适合特殊的需求。继承性很好地解决了软件的可重用性问题。
      多态 (Polymorphism) 多态是允许你将父对象设置成为和一个或更多的他的子对象相等的技术,赋值之后,父对象就可以根据当前赋值给它的子对象的特性以不同的方式运作。简单的说,就是允许类与类之间相同方法名的指针得以调用, 这样很好地解决了应用程序函数同名问题。实现多态,有二种方式,覆盖,重载。


    持续集成是什么

    持续集成指的是,频繁地(一天多次)将代码集成到主干。
     它的好处主要有两个:
      1、快速发现错误。每完成一点更新,就集成到主干,可以快速发现错误,定位错误也比较容易。
      2、防止分支大幅偏离主干。如果不是经常集成,主干又在不断更新,会导致以后集成的难度变大,甚至难以集成。

    持续集成的目的,就是让产品可以快速迭代,同时还能保持高质量。它的核心措施是,代码集成到主干之前,必须通过自动化测试。只要有一个测试用例失败,就不能集成。

    相关文章

      网友评论

          本文标题:js基础常见问题总结(三)~

          本文链接:https://www.haomeiwen.com/subject/cdgohxtx.html