前端面试题整理

  • Javascript数据类型 答:null,number,boolean,string,undefined JavaScript 数据类型
  • ECMAscript和Javascript的关系 答:ECMAscript是Javascript的规格,Javascript是ECMAscript的一种实现(另外的ECMAScript方言还有Jscript和ActionScript)。在日常场合,这两个词是可以互换的。es是js的各个版本。 javascript与ECMAScript、DOM、BOM的关系
  • 闭包主要解决什么问题? 答:凡是在闭包域内声明的变量或方法,外部无法直接访问,闭包域可以访问外部的变量或方法.隔离了作用域。 用9种办法解决 JS 闭包经典面试题之 for 循环取 i
  • 匹配一段由数字和大写字母组成的字符串的正则表达式 答:/[A-Z0-9]/ 参考学习: 系统地学习正则表达式(一):基础篇
  • web storage 和cookie的区别 答:① cookie是客户端用来存储数据的,它既可以在客户端设置也可以在服务器端设置。cookie会跟随任意HTTP请求一起发送. ② html5标准中的Web Storage包括了两种存储方式:sessionStorage和localStorage。        sessionStorage用于本地存储一个会话中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage仅仅是会话级别的存储。        而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 WebStorage 和 Cookie的区别
  • JavaScript AMD规范主要解决什么问题? 答:主要解决web端模块问题。 JavaScript的AMD规范
  • 样式自动居中有哪几种? 答:
{display:block,margin:0 auto}  
{display:block,position,absolute,left:50%,right:50%,transform:translate(-50%,-50%)}
  • 对数组[1,2,1,6,7,-2,4,0,6]按从大到小排序。 答: 冒泡排序-----从小到大排序,存在10个不同大小的气泡,由底至上地把较少的气泡逐步地向上升,这样经过遍历一次后,最小的气泡就会被上升到顶(下标为0),然后再从底至上地这样升,循环直至十个气泡大小有序。在冒泡排序中,最重要的思想是两两比较,将两者较少的升上去.冒泡排序最坏情况的时间复杂度是O(n²) 经典排序算法 - 冒泡排序Bubble sort
  • 使用Jquery遍历class等于lock的标签,并将标签内容收集到一个数组中。 答:
var a=[]
$('.lock').each(function(){
    var h=$(this).html();
    a.push(h);
})
<style type="text/css">
         html,body{
             padding: 0;
             margin: 0;
         }
         #header, #footer{ 
             height: 100px;
             background: red;
            overflow: hidden;
          }
         #main{
            overflow: auto;
         }
         #main .center{
             height: 200px;
            width: 100%;
             float: left;
         }
        .center .content{
            height: 200px;
            background: green;
            margin-right: 100px;
        }
         #main .aside{
             height: 200px;
             width: 100px;
             background: blue;
             float: left;
            margin-left: -100px;
         }
     </style>

 </head>
 <body>
    <div id="header">header</div>
    <div id="main">
        <div class="center">
            <div class="content">
                我是主区块 我是主区块 main main  main
            </div>
        </div>
        <div class="aside"></div>
    </div>
    <div id="footer">footer</div>

两栏布局是主内容区为主,左(右)侧有一栏,(将侧边区块<aside>域浮动,<aside>浮动后覆盖绿色<main>, 再将<main> overflow:auto,形成BFC,形成独立区域,达到效果。)代码如下:

<style>
            #header, #footer{ 
             height: 100px;
             background: red;
          }
         #content .main{
             height: 200px;
             background: green;
             overflow: auto;
         }
         #content .aside{
             height: 200px;
             width: 100px;
             background: blue;
             float: left;
         }
     </style>
   <body>
    <div id="header"></div>
    <div id="content">
        <div class="aside"></div>
        <div class="main">
            main main main main main main
        </div>
    </div>
    <div id="footer"></div>
</body>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python3

scrapy选择器xpath

Scrapy提取数据有自己的一套机制,它们被称作选择器(seletors),通过特定的Xpath或者css表达式来"选择"html文件中的某个部分。

591
来自专栏hrscy

iOS 9 Storyboard 教程(一下)

你可以直接从storyboard编辑器中,使用原型cell你可以很容易的为你的tableViewCell设计一套自定义的布局.

4982
来自专栏破晓之歌

CSS深入理解之vertical-align 原

703
来自专栏lonelydawn的前端猿区

一款轻量级树形控件EasyTreeview

使用方法 引入 <link rel="stylesheet" type="text/css" href="./css/index.min.css"> <div ...

4459
来自专栏思考的代码世界

Python网络数据采集之HTML解析|第01天

假如我们确定一个我们需要采集的目标信息,可能是一组统计数据、或者一个 title等,但是此时这个目标可能藏的比较深,可能在第20层的标签里面,你可能会用下面的方...

1764
来自专栏Petrichor的专栏

GFM操作 & 遇到的问题及解决方案

  GitHub 使用的是 “ GitHub Flavored Markdown ” ,简称GFM,有site-in issues,comments,pull ...

1333
来自专栏Angular&服务

JS的一些技巧

根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。

1123
来自专栏小灰灰

Java 实现 markdown转Image

markdown 转 image 前段时间实现了长图文生成的基本功能,然后想了下能否有个进阶版,直接将markdown生成渲染后的图片呢? 思路 有不少的库...

3305
来自专栏Flutter&Dart

Flutter之MaterialApp使用详解

1.4K3
来自专栏Coco的专栏

深入探讨 CSS 特性检测 @supports 与 Modernizr

1213

扫码关注云+社区

领取腾讯云代金券