历年百度web前端工程师笔试题【JavaScript】 15 17年

最新推荐文章于 2021-06-24 10:51:11 发布

李二狗不能说的秘密

最新推荐文章于 2021-06-24 10:51:11 发布

阅读量883

点赞数

文章标签： javascript css html html5

本文链接：https://blog.csdn.net/weixin_41657424/article/details/108195289

版权

百度web前端工程师笔试题

百度2015前端研发笔试卷
百度2017春招笔试真题编程题集合

百度2015前端研发笔试卷

HTML的 Doctype 作用 ? 严格模式与混杂模式如何区分？它们有何意义 ? 声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
通过css实现方形右边带小三角

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <title>百度笔试</title>
    <style>
        #demo {
   
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100px;
            height: 100px;
            border: 2px solid black;
            background-color: #fff;
        }
        #demo:before {
   
            content: "";
            position: absolute;
            top: 20px;
            left: 100px;
            border-top: 14px transparent solid;
            border-bottom: 14px transparent solid;
            border-left: 14px solid black;
        }
        #demo:after {
   
            content: ""; //加入这句话伪元素才会显示出来
            position: absolute;
            top: 20px;
            left: 97px;
            border-top: 14px transparent solid;
            border-bottom: 14px transparent solid;
            border-left: 14px solid #fff;
        }  
    </style>
</head>

<body>
    <div id="demo"></div>
</body>
</html>

简述document.write和 innerHTML的区别
document.write只能重绘整个页面,
innerHTML可以重绘页面的一部分。
JS异步编程的方法
回调函数，这是异步编程最基本的方法。
事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。
发布/订阅，上一节的"事件"，完全可以理解成"信号"。
Promises对象，Promises 对象是CommonJS 工作组提出的一种规范，目的是为异步编程提供统一接口。
用户从手机的浏览器访问www.baidu.com，看到的可能跟桌面PC电脑，是不太一样的网页效果，会更适合移动设备使用。请简要分析一下，实现这种网页区分显示的原因及技术原理。
手机的网速问题、屏幕大小、内存、CPU等。通过不同设备的特征，实现不同的网页展现或输出效果。根据useragent、屏幕大小信息、IP、网速、css media Query等原理，实现前端或后端的特征识别和行为改变。
Flappy Bird是风靡一时的手机游戏，玩家要操作一只小鸟穿过无穷无尽的由钢管组成的障碍。如果要你在HTML前端开发这个游戏，为了保证游戏的流畅运行，并长时间运行也不会崩溃，请列举开发要注意的性能问题和解决的方法。

背景的卷轴效果优化。背景不能是无限长的图片拼接，必须有回收已移出的场景的方法。
将复杂运算从主UI线程中解耦。比如场景中小鸟的运动轨迹、碰撞算法等，需要在空闲时间片运算，不能和UI动画同时进行。
将比较大的运算分解成不同的时间片，防止阻塞主UI线程。最好使用webworker。
注意内存泄漏和回收。使用对象池管理内存，提高内存检测和垃圾回收。
进行预处理。将一些常用的过程进行预处理，
控制好帧率。将1秒分解成多个时间片，在固定间隔时间片进行UI动画，其他时间片用在后台运算。
通过GPU 加速和CSS transition 将小鸟飞行动画和背景动画分离
7. 点击表头给表格进行排序，第一次点击为降序，第二次点击为升序
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
    <title>百度笔试</title>
</head>
<body>
    <table>
        <thead id="title">
            <th>姓名</th>
            <th>力量</th>
            <th>敏捷</th>
            <th>智力</th>
        </thead>
        <tbody id="content">
        </tbody>
    </table>
    <script>
        // 人物对象
        function People(name, power, ahility, wisdom) {
   
            this.name = name
            this.power = power
            this.ahility = ahility
            this.wisdom = wisdom
        }
        // 初始化人物
        let p1 = new People("德鲁伊", 17, 24, 13)
        let p2 = new People("月之骑士", 15, 22, 16

最低0.47元/天解锁文章

李二狗不能说的秘密

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
历年百度web前端工程师笔试题【JavaScript】 15 17年

百度web前端工程师笔试题百度2015前端研发笔试卷百度2017春招笔试真题编程题集合百度2015前端研发笔试卷HTML的 Doctype 作用 ? 严格模式与混杂模式如何区分？它们有何意义 ? 声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈
复制链接

扫一扫