在前端工程師的筆試中，JS和CSS方面的題目幾乎是必不可少的部分。下面我們就來看一些典型的JS和CSS試題。

1. JS面試題 —— 復(fù)制一個對象

var obj1 = {a:1, b:2, c:3};
var obj2 = {};
for(var key in obj1){
obj2[key] = obj1[key];
}
console.log(obj2); // {a:1, b:2, c:3}

在JS中復(fù)制一個對象，可以使用for循環(huán)遍歷對象中的每個屬性，然后將其賦值給新的對象中

2. JS面試題 —— 點擊按鈕改變顏色

<button onclick="changeColor()">點擊我改變顏色</button>
<script>
function changeColor(){
var target = document.getElementsByTagName("body")[0];
target.style.background = "red";
}
</script>

這道題其實考查的是JS的DOM操作。點擊按鈕后，我們可以獲取到要改變顏色的目標(biāo)元素，然后通過修改其style的background屬性值實現(xiàn)顏色改變。

3. CSS面試題 —— 實現(xiàn)父元素中的子元素垂直居中

<div class="parent">
<div class="child">子元素</div>
</div>
<style>
.parent{
position: relative;
}
.child{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
</style>

這道題測試的是CSS的布局技能，通過給父元素設(shè)置相對定位，然后使子元素的位置絕對定位，通過top和transform實現(xiàn)居中對齊。

以上就是一些典型的JS和CSS面試題，希望能對準(zhǔn)備參加前端工程師筆試的同學(xué)提供參考。