发表于: 2017-10-24 23:28:44

3 636


今天完成的事情:

      今天继续学习js基础知识;

昨天听了师兄的进真实项目面试,记录了一下面试问题;

今天针对这些问题进行学习。

一、CSS中BFC的理解

      浮动,绝对定位元素,inline-blocks,table-cells,table-captions,和overflow的值不为visible的元素,(除了这个值已经被传到了视口的时候)将创建一个新的块级格式化上下文。

      

一个BFC是一个HTML盒子并且至少满足下列条件中的任何一个:

浮动元素(float: left | right);

绝对定位元素(position: absolute | fixed);

行内块元素(display: inline-block);

表格的单元格(display: table-cells,TD、TH);

表格的标题(display: table-captions,CAPTION);

'overflow' 特性不为visible 的元素(除非该值已经传播到viewport?);

BFC的主要作用及原理

1.自适应两栏式

2.清除浮动

二、提升JavaScript性能的技巧

     1. 定义局部变量

      2. 不要使用 with() 语句

      3. 小心使用闭包

      4. 不要在数组中挖得太深

      5.避免 for-in 循环(和基于函数的迭代)

三、闭包的概念

      各种专业文献上的"闭包"(closure)定义非常抽象,很难看懂。我的理解是,闭包就是能够读取其他函数内部变量的函数。

      由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。

四、如何找buge并解决

      

      技巧1: 打印中间结果

         想方设法的在代码中打印一些 Log,然后根据 Log 去分析出错的原因。

      技巧2:将错误结果和标准 (golden) 结果进行比对

      技巧3:断点调试

      技巧4:根据chrome报错修改buge

五、MVC架构

      MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。

六、CSS 盒子模型(Box Model)

      所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。

     CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

七、Flex 布局

    

       Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。

       任何一个容器都可以指定为 Flex 布局。

       注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。

八、常见HTTP状态码  

200 OK  表示请求被服务器正常处理

204 No Content    表示请求已成功处理,但是没有内容返回(就应该没有内容返回的状况)

206 Partial Content    表示服务器已经完成了部分GET请求

301 Moved Permanently    永久重定向,表示请求的资源已经永久的搬到了其他位置

302 Found  临时重定向,表示请求的资源临时搬到了其他位置

303 See Other  表示请求资源存在另一个URI,应使用GET定向获取请求资源

304 Not Modified  表示客户端发送附带条件的请求(GET方法请求报文中的IF…)时,条件不满足

400 Bad Request  表示请求报文存在语法错误或参数错误,服务器不理解

401 Unauthorized  表示发送的请求需要有HTTP认证信息或者是认证失败了

403 Forbidden    表示对请求资源的访问被服务器拒绝了

404 Not Found  表示服务器找不到你请求的资源

500 Internal Server Error  表示服务器执行请求的时候出错了

503 Service Unavailable  表示服务器超负载或正停机维护,无法处理请求


九、懒加载

懒加载(LazyLoad)一直是前端的优化方案之一。它的核心思想是:当用户想看页面某个区域时,再加载该区域的数据。这在一定程度上减轻了服务器端的压力,也加快了页面的呈现速度。

明天计划的事情:

      明天继续学习js知识

遇到的问题:

     无

收获:

回顾了以下知识:CSS中BFC的理解,性能优化,闭包的优缺点,如何找buge并解决,MVC,盒子模型,定宽不定宽布局,flex盒子,常见的HTTP状态码,懒加载、为什么使用懒加载



返回列表 返回列表
评论

    分享到