头条社招面试题-[小胡].md

简答题

1. css3 特特性中的 transform:translateZ(0)有什么作用?
2. 请列举三种禁止浏览器缓存的头字段，并写出相应的设置值。
3. 精确获取页面元素位置的方式有哪些？
4. 正则从 2018-10-07T11:48:47 Asia/zh-cn 提取出来结果[2018,10,07,11,48,47]
5. 如何判断 object 是数组类型？

编程题

1. 已知数据结构 users，请实现语法支持 user.unique 能够按照 name 字段去重，并输出结构为：[“a”,”b”]

const users = [
  { id: 1, name: "a" },
  { id: 2, name: "a" },
  { id: 3, name: "b" },
  { id: 4, name: "v" }
];

Array.prototype.unique = function() {
  //补全代码
};

2. 已知如下对象，请基于 es6 的 proxy 方法设计一个属性拦截读取操作的例子，要求实现去访问目标对象 example 中不存在的属性时，抛出错误：Property “$(property)” does not exist

const man = {
  name: "jscoder",
  age: 22
};

 //补全代码
const proxy = new Proxy(...)
proxy.name //"jscoder"
proxy.age //22
proxy.location //Property "$(property)" does not exist

3. 给出如下虚拟 dom 的数据结构，如何实现简单的虚拟 dom，渲染到目标 dom 树 样例数据

let demoNode = {
  tagName: "ul",
  props: { class: "list" },
  children: [
    { tagName: "li", children: ["douyin"] },
    { tagName: "li", children: ["toutiao"] }
  ]
};

构建一个 render 函数，将 demoNode 对象渲染为以下 dom

<ul class="list">
  <li>douyin</li>
  <li>toutiao</li>
</ul>

参考答案链接，不保证参考答案的准确性，仅仅提供参考 https://ru23.com/note/7c193027.html