WEB前端面試題彙總（持續更新）

時間 2019-11-09

標籤 web 端面試題彙總持續更新欄目 HTML 简体版

原文原文鏈接

HTML

CSS

一、CSS3有哪些新特性？
請參考博文：CSS3新特性javascript

二、一個DIV寬高100，點擊變大，當他的寬高等於400px開始縮小，當寬高縮小至100px時，開始放大；再次點擊暫停縮小或放大，再再次點擊，DIV繼續當大或縮小css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>動畫暫停animation-play-state</title>
    <script src="jquery.min.js"></script>
    <style>
        .mydiv{width: 100px;height: 100px;background-color: pink;animation:mymove 2s infinite alternate linear;}
        @keyframes mymove
        {
            from {width: 100px;height: 100px;}
            to {width: 400px;height: 400px;}
        }
    </style>
</head>
<body>
    <div class="mydiv" id="mydiv"></div>
    <script>
    var flag = true;//true表示動畫狀態，false表示中止狀態
    $("#mydiv").click(function(){
        flag = !flag;
        if (flag) {
            $("#mydiv").css('animation-play-state','running');
        } else {
            $("#mydiv").css('animation-play-state','paused');
        }
    });
    </script>
</body>
</html>

三、BFC是什麼？IE的hasLayout有是什麼？
請參考博文：BFC和IE的hasLayouthtml

JAVASCRIPT

一、怎樣添加、移除、移動、複製、建立和查找節點（原生JS）
請參考博文：原生JS DOM增上改查操做java

二、原生JS的window.onload與Jquery的$(document).ready(function(){})有什麼不一樣？
請參考博文：jquery $(document).ready()與window.onload的區別jquery

三、想實現一個對頁面某個節點的拖拽？若是作？（使用原生JS）瀏覽器

給須要拖拽的節點綁定mousedown, mousemove, mouseup事件性能
mousedown事件觸發後，開始拖拽動畫
mousemove時，須要經過event.clientX和clientY獲取拖拽位置，並實時更新位置.net
mouseup時，拖拽結束插件
須要注意瀏覽器邊界的狀況

四、JavaScript原型，原型鏈？
請參考博文：javascript對象繼承

JQUERY

一、Jquery與jQuery UI有什麼區別？
jQuery是一個js庫，主要提供的功能是選擇器，屬性修改和事件綁定等等。jQuery UI則是在jQuery的基礎上，利用jQuery的擴展性，設計的插件。提供了一些經常使用的界面元素，諸如對話框、拖動行爲、改變大小行爲等等。

NODEJS

一、什麼是Node.js？
Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度很是快，性能很是好。

二、NodeJS優缺點及適用場景討論
請參考博文：NodeJS優缺點及適用場景討論

相關文章

相關標籤/搜索

持續更新。。。。。。

持續更新。。。

持續更新...

持續更新......

前端面試題

持續更新中。。。

持續更新中……

持續更新中～

持續更新20190618

Web Services 教程

PHP 7 新特性

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<