乐趣区

关于html5:11月12月字节实习面经

A 部门一面凉经

自我介绍
怎么学前端
两边定宽的⚪、两头自适应。三列布局,两端为半径为 50px 的圆,两头内容宽度自适应。(我写的答复↓)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .container {
        display: flex;
        width: 150px;
        height: 100px;
    }
.box1 {
    width: 100px;
    height: 100%;
    background-color: red;
    border-radius: 50px;
    flex-shrink: 0;
}

.box3 {
    width: 100px;
    height: 100%;
    background-color: yellow;
    border-radius: 50px;
    flex-shrink: 0;
}

.box2 {
    height: 100%;
    background-color: green;
    flex-grow: 1;
}
</style>

<body>

    <div class="container">
        <div class="box1"></div>
        <div class="box2"></div>
        <div class="box3"></div>
    </div>

</body>
</html>

类型判断,怎么判断 null
var a = null

console.log(a == Object);//false
console.log(a == null)//true

根本数据类型有哪些
援用数据类型有哪些
es6 新增的数据类型:promise、symbol、
联合事件循环讲一下 promise
vue 事件绑定的原理
vue 数据监听的原理
强缓存和帮助缓存
for 循环外面 setstate
biteint 是什么?
返回 402 是什么
缓存机制、不要缓存

实现一个 bigNumber 类型,反对加减法运算。
给定一个链表,有环则返回环的第一个节点,无环则返回 null

箭头函数、一般函数:const foo = {fn: function (){console.log(this);}}
const bar = {fn: () => {console.log(this);}}
const f = foo.fn;
f(); 
foo.fn(); 
const b = bar.fn;
b();
bar.fn();

实现一个 bigNumber 类型,反对加减法运算。
给定一个链表,有环则返回环的第一个节点,无环则返回 null。代码实现

字节官网介绍对前端的考查

  • 对前端开发岗而言,哪些专业知识比拟 match

    • html css 基础知识

      • 简略的布局,定位 等基础知识。
    • js 根底能力

      • 原型原型链,函数闭包,函数科里化,js 作用域 this 指向,js 事件队列。
      • es6,es7 罕用语法:promise,数组、对象新办法 等。
      • 数据结构,数组对象、相干办法的应用。
      • 事件捕捉和冒泡,事件代理,跨域。
    • 浏览器

      • 缓存,浏览器存储,iframe,前端性能监控。
    • 至多熟练掌握一门前端开发框架及配套

      • vue/react/angular
      • 路由 vue-router/react-router
      • 数据管理 vuex/mobx/redux
    • 前端工程化 webpack/gulp 的应用

B 部门实习生一面

如何打乱数组,代码实现(我写的是洗牌算法)

如何把下面写的算法以数组办法的模式实现(我的思路是放在原型对象)

数组原型对象取得数组的值(间接在原型对象的办法用 this 能够获取调用办法的对象的值)let test=[1,2,6,4]
arry_sort(test)
test.arry_sort()
Array.prototype.arry_sort=arry_sort
arry_sort(test)
{test}
arry_sort()
{????}

map 的用法
介绍一下 cookie、localStorage 和其余存储形式
用代码考查 padding、margin 和 top 的了解(margin 不会笼罩父元素的 padding,会相加。相对定位是绝对于父元素的内容区,top、left 的优先级高于子元素的 margin)

<style>
    .wrapper {
        width: 200px;
        height: 200px;
        padding: 10px;
        position: relative;
        top: 200px;
        left: 200px;
        background-color: black;
    }


    .div1 {
        width: 100px;
        height: 100px;
        margin: 10px;
        position: absolute;
        top: 30px;
        background-color: red;
    }

</style>
<body>
    <div class="wrapper">
        <div class="div1"></div>
    </div>
</body>

所有状态码(因为我是网工业余的)
1** 信息,需请求者继续执行操作
2** 胜利,被胜利承受并解决
3** 重定向
4** 客户端谬误,蕴含语法错误和无奈实现申请
5** 服务器谬误

let 和 var 的区别
强缓存和帮助缓存

如何实现三角形?(我写的是用 border 实现的,但面试官问我怎么用 canvas 实现,上面是我预先从新学完后写的代码)var canvas = document.getElementById('test')
if(!canvas.getContext) return;
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50,50);
ctx.lineTo(200,50)
ctx.lineTo(200,200)
ctx.fill()

执行上下文,事件循环

二路归并排序
疾速排序
输出 n 块钱,不限数量,输入所有用 1 元、2 元、5 元组成 n 块钱的数组

B 部门实习生二面

疾速排序算法(有什么优化计划,什么状况下工夫复杂度最差,怎么优化呈现的这种状况)
c++,java 和 js 的区别是什么
对进来咱们部门有什么预期,感觉会做什么

退出移动版