資訊專欄INFORMATION COLUMN
以下是2018年年初，面某公司的筆試題。為啥現(xiàn)在才分享出來(lái)，純粹是因?yàn)橹皯小Ｖ环窒眍}，沒(méi)有答案。
1.請(qǐng)通過(guò)代碼實(shí)現(xiàn)下面的效果
function add(num){
var total = 0;
var curryAdd = function(num){
total = total + num;
return total;
}
return curryAdd;
}
console.log(add(2)(3)); //結(jié)果為5
console.log(add(2)(3)(4)(5)); // 結(jié)果為14
2.請(qǐng)回答按鈕點(diǎn)擊前后，代碼中的兩個(gè)console.log在瀏覽器控制臺(tái)的輸出信息
并解釋現(xiàn)象背后的原因.
let count = 0;
class MyComponent extends React.Component{
constructor(){
super();
this.state = {
count : count
};
}
componentWillMount(){
this.setState({
count : ++count
});
this.setState({
count : ++count
});
setTimeout(() => {
this.setState({
count : ++count
});
this.setState({
count : ++count
});
}, 1000);
}
componentDidMount(){
this.button.addEventListener("click", this.onClick.bind(this, "原生瀏覽器事件"), false);
}
onClick(info) {
console.log(info);
this.setState({
count : ++count
});
this.setState({
count : ++count
});
}
render() {
console.log(this.state.count);
return (
Count : {this.state.count}
);
}
}
ReactDOM.render(
3.throttle的簡(jiǎn)單實(shí)現(xiàn)
function throttle(func, duration) {
// 在這里編寫(xiě)具體實(shí)現(xiàn)
}
window.addEventListener("scroll", throttle(func, 50), false);
4.實(shí)現(xiàn)一個(gè)深度優(yōu)先搜索算法（非遞歸）
function dfs(tree, name){
// 請(qǐng)?jiān)谶@里實(shí)現(xiàn)
}
var tree = {
name : "中國(guó)",
children : [
{
name : "北京",
children : [
{
name : "朝陽(yáng)群眾"
},
{
name : "海淀區(qū)"
},
{
name : "昌平區(qū)"
}
]
},
{
name : "浙江省",
children : [
{
name : "杭州市",
code : 0571,
},
{
name : "嘉興市"
},
{
name : "紹興市"
},
{
name : "寧波市"
}
]
}
]
};
var node = dfs(tree, "杭州市");
console.log(node); // { name: "杭州市", code: 0571 }
5.編寫(xiě)一個(gè)簡(jiǎn)單的自定義事件處理器: 1.具備 on 方法綁定事件, 2.具備 off 方法解綁事件
function EventEmitter () {
// TODO
}
var emitter = EventEmitter();
emitter.on("foo", function(e){
console.log("listening foo event 1", e);
});
emitter.on("foo", function(e){
console.log("listening foo event 2", e);
});
emitter.on("bar", function(e){
console.log("listening bar event", e);
});
// 監(jiān)聽(tīng)全部事件
emitter.on("*", function(e){
console.log("listening all events");
});
emitter.trigger("foo", {name : "John"});
emitter.trigger("bar", {name : "Sun"});
emitter.trigger("*", {name : "Sun"});
emitter.off("foo");
6.請(qǐng)用原生 JS 實(shí)現(xiàn) DOM 拖動(dòng)效果，盡量多考慮兼容以及其他可能的情況
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100120.html
摘要：注意點(diǎn)這個(gè)代碼是嚴(yán)格依賴環(huán)境的，例如中和是連續(xù)的，在編譯器中，和之間有一個(gè)空間。注意點(diǎn)當(dāng)把與交換之后，程序?qū)⒉粫?huì)出現(xiàn)死循環(huán)，但是程序的越界訪問(wèn)報(bào)錯(cuò)是少不了的。注意點(diǎn)這種優(yōu)化是無(wú)差別的，即無(wú)論你的代碼是否越界，都會(huì)進(jìn)行這樣的優(yōu)化。 目錄 聲明 原題 題目詳細(xì)解析 運(yùn)行結(jié)果： 題目...
摘要：順便一說(shuō)，這首歌的原唱是秋田，中島當(dāng)年嗓子壞了，才有這歌。中文是直接翻譯來(lái)的，作曲是秋田。一部電影春夏秋冬又一春春夏秋冬又一春是由金基德執(zhí)導(dǎo)，金英民吳英秀金基德主演的一部韓國(guó)電影。年月日于韓國(guó)上映。 原鏈接： http://bluezhan.me/weekly/#/9-2 1、web前端 Angular vs. React vs. Vue: A 2017 comparison 9 S...
摘要：順便一說(shuō)，這首歌的原唱是秋田，中島當(dāng)年嗓子壞了，才有這歌。中文是直接翻譯來(lái)的，作曲是秋田。一部電影春夏秋冬又一春春夏秋冬又一春是由金基德執(zhí)導(dǎo)，金英民吳英秀金基德主演的一部韓國(guó)電影。年月日于韓國(guó)上映。 原鏈接： http://bluezhan.me/weekly/#/9-2 1、web前端 Angular vs. React vs. Vue: A 2017 comparison 9 S...
摘要：三月去面試了幾家公司，不大不小，把面試時(shí)面試官問(wèn)的問(wèn)題總結(jié)一下供大家參考。很明顯，面試時(shí)問(wèn)題以及出現(xiàn)頻率非常高，并且包括，在方面問(wèn)的比較多的主要是跨域以及。面試時(shí)更側(cè)重于在實(shí)際項(xiàng)目中，遇到問(wèn)題你是怎么解決的。 三月去面試了幾家公司，不大不小，把面試時(shí)面試官問(wèn)的問(wèn)題總結(jié)一下供大家參考。很明顯，面試時(shí)問(wèn)題vue以及react出現(xiàn)頻率非常高，并且包括webpack，在JS方面問(wèn)的比較多的主要...
閱讀 2419·2021-09-30 09:47
閱讀 1405·2021-09-28 09:35
閱讀 3279·2021-09-22 15:57
閱讀 2535·2021-09-22 14:59
閱讀 3676·2021-09-07 10:25
閱讀 3110·2021-09-03 10:48
閱讀 3070·2021-08-26 14:14
閱讀 979·2019-08-30 15:55
