2021届阅文web开发方向笔试卷
时长:120分钟 总分:100分
175浏览 1人已完成答题
题型介绍
| 题型 | 简答题 |
|---|---|
| 数量 | 7 |
1.
在网页中有两个div块，html代码如下 <div class="o...
在网页中有两个div块，html代码如下
<div class="outer">
<div class="inner"></div>
</div>
对应的js代码如下：
var outer = document.querySelector('.outer')
var inner = document.querySelector('.inner')
function onClick() {
console.log('click')
setTimeout(function() {
console.log('timeout')
}, 0)
Promise.resolve().then(function() {
console.log('promise')
})
outer.setAttribute('data-random', Math.random())
}
inner.addEventListener('click', onClick)
outer.addEventListener('click', onClick)
当点击class为inner的div块时，控制台依次输出结果是什么？
<div class="outer">
<div class="inner"></div>
</div>
对应的js代码如下：
var outer = document.querySelector('.outer')
var inner = document.querySelector('.inner')
function onClick() {
console.log('click')
setTimeout(function() {
console.log('timeout')
}, 0)
Promise.resolve().then(function() {
console.log('promise')
})
outer.setAttribute('data-random', Math.random())
}
inner.addEventListener('click', onClick)
outer.addEventListener('click', onClick)
当点击class为inner的div块时，控制台依次输出结果是什么？
6.
已知模板： <script id="test" type...
已知模板：
<script id="test" type="text/html">
<h1>{{title}}</h1>
<p>我叫{{data.name}}，性别{{data.sex}}，年龄{{data.age}}，这两个JS面试题对我而言小菜一碟！</p>
</script>
数据：
var data = {
title: '面试吐槽'
data: {
name: '阅文',
sex: '男'
age: 22
} }
执行脚本：
var html = template('test', data)
html的值是：
<h1>面试吐槽</h1>
<p>我叫阅文，性别男，年龄22，这两个JS面试题对我而言小菜一碟！</p>
这个神奇的template方法到底做了什么事情化腐朽为神奇呢，认为小菜一碟的你可否告诉我具体的实现呢？
<script id="test" type="text/html">
<h1>{{title}}</h1>
<p>我叫{{data.name}}，性别{{data.sex}}，年龄{{data.age}}，这两个JS面试题对我而言小菜一碟！</p>
</script>
数据：
var data = {
title: '面试吐槽'
data: {
name: '阅文',
sex: '男'
age: 22
} }
执行脚本：
var html = template('test', data)
html的值是：
<h1>面试吐槽</h1>
<p>我叫阅文，性别男，年龄22，这两个JS面试题对我而言小菜一碟！</p>
这个神奇的template方法到底做了什么事情化腐朽为神奇呢，认为小菜一碟的你可否告诉我具体的实现呢？
7.
已知某阅读产品，有 书架、书城页，书详情页，书目录页，阅读页，书评列表页，...
已知某阅读产品，有 书架、书城页，书详情页，书目录页，阅读页，书评列表页，书评详情页 这些页面，并且有 加入书架、发表评论、发表回复 等操作，请规划该产品的所有路由(例如: /book，包括操作对应的 ajax 请求)
