2. 程式人生 > >百度筆試題2018

百度筆試題2018

阿新 • • 發佈：2018-12-13

題外話

首先我要吐槽一下，csdn簡直是在作死啊，複製博文底下的那個引用太噁心了，我複製自己的部落格，還有引用，啥玩意啊。。。 所以我決定換地方了，以後github（偏重程式碼）和gitee（偏重知識）會經常更新。

題目

在這裡插入圖片描述 就是讓你用es5寫程式碼，實現點選之後這樣。我感覺就2個考點，一個是閉包，還有判斷特殊情況。 這裡用到了閉包還是令我挺吃驚的，因為你要迴圈給td加click事件，在事件裡要用到外面的i，因為是es5所以不能用let， 只能用var，所以只有閉包能改變i的作用域。

test.js

let cc = (...val) => console.log(...val);

// ---
 


var tds = document.querySelectorAll('td');

// cc(tds);

for (var i = 0; i < tds.length; i++) {
  // 這裡用到了閉包，改變i的作用域
  (function (i) {
    tds[i].onclick = function () {
      cle();
      // cc(this);
      // cc(i);
      play(i);

    }
  })(i)
}

// 清除顏色
function cle() {
  for (var i = 0; i < tds.length;
 
 i++) {
    tds[i].classList = '';
  }
}

// 把9個設class
function play(x) {
  tds[x].classList = 'main';
  if (Math.floor((x - 1) / 10) === Math.floor(x / 10)) {
    tds[x - 1].classList = 'color';
  }
  if (Math.floor((x + 1) / 10) === Math.floor(x / 10)) {
    tds[x + 1].classList = 'color';
  }

  if (x - 10 >=
 
 0) {
    tds[x - 10].classList = 'color';
    if (Math.floor((x - 1 - 10) / 10) === Math.floor((x - 10) / 10)) {
      tds[x - 1 - 10].classList = 'color';
    }
    if (Math.floor((x + 1 - 10) / 10) === Math.floor((x - 10) / 10)) {
      tds[x + 1 - 10].classList = 'color';
    }
  }

  if (x + 10 < 100) {
    tds[x + 10].classList = 'color';
    if (Math.floor((x - 1 + 10) / 10) === Math.floor((x + 10) / 10)) {
      tds[x - 1 + 10].classList = 'color';
    }
    if (Math.floor((x + 1 + 10) / 10) === Math.floor((x + 10) / 10)) {
      tds[x + 1 + 10].classList = 'color';
    }
  }
}

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    td {
      display: inline-block;
      width: 20px;
      height: 20px;
      border: 1px solid;
    }

    table {
      border-spacing: 0px;
    }

    .color {
      background-color: rgb(72, 233, 233);
    }

    .main {
      background-color: rgb(58, 61, 214);
    }
  </style>
</head>

<body>

  <table>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td class="color"></td>
      <td class="main"></td>
      <td class="color"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
  <script src="./src/test.js"></script>
</body>
</html>

相關推薦

百度筆試題2018

題外話 首先我要吐槽一下，csdn簡直是在作死啊，複製博文底下的那個引用太噁心了，我複製自己的部落格，還有引用，啥玩意啊。。。 所以我決定換地方了，以後github（偏重程式碼）和gitee（偏重知識）會經常更新。 題目 就是讓你用es5寫程式碼，實現點選之後

演算法題 90：從多個數組中找最大值（百度筆試題

題目：有n個長度均為m的整型陣列，陣列中的元素都是從小到大有序排列，從所有這些陣列m*n個數中，找出值最大的前k個。請給出思路和時間複雜度。 類似賽馬問題做法 本Markdown編輯器使用StackEdit修改而來，用它寫部落格，將會帶來全新的體驗哦： Markdown和擴

百度筆試題--論壇資料庫表設計

轉載地址：http://blog.sina.com.cn/s/blog_542a862901000cbq.html 二、 一個簡單的論壇系統，以資料庫儲存如下資料： 　　使用者名稱，email，主頁，電話，聯絡地址，發帖標題，發帖內容，回覆標題，回覆內容。 　　每天論壇訪問量300萬

百度筆試題：malloc/free與new/delete的區別

相同點：都可用於申請動態記憶體和釋放記憶體 不同點： （1）操作物件有所不同。 malloc與free是C++/C 語言的標準庫函式，new/delete 是C++的運算子。對於非內部資料類的物件而言，光用maloc/free 無法滿足動態物件的要求。物件在建立的同時要自動

給定一個存放整數的陣列，重新排列陣列使得陣列左邊為奇數，右邊為偶數---百度筆試題

題目：給定一個存放整數的陣列，重新排列陣列使得陣列左邊為奇數，右邊為偶數。        要求：空間複雜度O(1)，時間複雜度為O(n)。 　　我自己寫了一下（之前寫的那個不對，現在重寫了，時間複雜度達到O（n））    void swap(int *a,int i,int

百度筆試題 完成括號匹配

/* *計算出不能匹配的'[' , ']'，輸出時加在左右 */ #include <bits/stdc++.h> using namespace std; int main() { string s, left; cin >> s; int

C語言50題之百度筆試題

判斷你的電腦儲存方式是大端還是小端 大端模式，是指資料的高位元組儲存在記憶體的低地址中，而資料的低位元組儲存在記憶體的高地址中，這樣的儲存模式有點兒類似於把資料當作字串順序處理：地址由小向大增加，而資料從高位往低位放；這和我們的閱讀習慣一致。 小端模式，是指

百度計算機視覺崗筆試題-2018

注：選擇題記不清了，簡答題和系統設計大致題目如下，程式題也是大致意思，不是原題，原題給了一個實際場景，此處忽略。 一、選擇題（30道，60分） 有影象處理題 有程式題，幾道是C++，兩道是pthon 有計算機組成原理的題目 有計算機網路的題目，考了ICMP 二、簡

百度面試題（2018.10.29） 內容生態事業部

介紹自己的專案 專案的資料量有多大 zookeeper在follower死掉後，如何重新選舉？ hdfs的資料儲存和讀取過程？ hdfs在資料儲存過程中，如何保證副本的資料一致性？ 當時我沒想起來，於是被問道，如果是你設計，你會如何實現hdf

頭條筆試題2018後端第二批

時間 ann 空格 pack urn [] 輸入 整數 UNC 頭條筆試題2018後端第二批

今日頭條筆試題--2018(3) 【 優先隊列 】

pre operator 程序 兩個 分別是 strong 條件 ide priority 時間限制：1秒 空間限制：81920K 產品經理(PM)有很多好的idea，而這些idea需要程序員實現。現在有N個PM，在某個時間會想出一個 idea，每個 ide

技術類—Java筆試題2018

1寫一個Singleton出來，你知道幾種Singleton模式？ public class Singleton {     private Singleton(){     }     private static volatile Singleton ins

百度面試題：找出陣列中出現次數超過一半的數

現在有一個數組，已知一個數出現的次數超過了一半，請用O(n)的複雜度的演算法找出這個數。 Thinking……/>/> Thinking……/>/>/> Thinking……/>/>/> Thinking……/>/>/> Think

騰訊，百度筆面試經驗

騰訊百度遊戲網易華為 面試完畢，已跟網易遊戲簽約。遂敲一份筆經面經，記錄下面試經過。類似於用日記記錄自己，同時希望對師弟師妹有一定幫助。不是炫耀，只是希望攢RP，希望各位不要鄙視我。正所謂“飲水思源”。小弟來自廣州華南理工大學，電腦科學與工程學院。給華工計算機打一個廣告

隨機數——百度面試題

題目如下：   已知一隨機發生器，產生0的概率是p，產生1的概率是1-p，現在要你構造一個發生器，使得它構造0和1的概率均為1/2；構造一個發生器，使得它構造1、2、3的概率均為1/3；...，構造一個發生器，使得它構造1、2、3、...n的概率均為1/n，要求複雜度最低。

js百度面試題

小編推薦：Fundebug專注於JavaScript、微信小程式、微信小遊戲，Node.js和Java實時BUG監控。真的是一個很好用的bug監控費服務，眾多大佬公司都在使用。 說出以下程式碼執行結果 var a = {n: 1} var b = a; a.x = a

百納筆試題 把ip字串轉換為32位二進位制數

#include <iostream> #include <string> using namespace std; int ip[32]={0};//可以只寫一個0，不然的話就是隨見的如-3895567 之類的。 int * intToA(in

百度面試題 字串中單詞的逆轉，即將單詞出現的順序進行逆轉

#include<stdio.h> #include<string.h> void Rotate(char *start,char *end) { if(start == NULL || end == NULL) return ; while(sta

百度面試題之二叉樹層次遍歷(從上到下，從下到上)

1.二叉樹的層次遍歷 遞迴解法 class Node(object): def __init__(self, v, left=None, right=None): self.value = v self.left = l

陣列中只出現一次的兩個數字（百度面試題）

題目要求： 在一個數組中，其餘數字都是成堆出現的，只有兩個數字出現了一次。儘快找到這兩個數字。 思路： 之前有過類似題，是一組陣列中只有一個數字出現了一次，其餘數字都是成對出現的。找到這個數字。這道題