编程题
-
用 Class 实现 EventEmitter,要求拥有 on,once,emit,off 方法
-
实现 deepClone,要求能成功克隆带有循环引用的对象
-
CSS 实现一个宽度为浏览器1/2,宽高比为 2:1 的盒子
-
实现 sum 函数
sum(1)(2)(3) == 6; // true
sum(1, 2, 3) == 6; // true
复制代码
-
实现 sum2 函数
console.log(sum2(1)(2)(3)()) // 6
console.log(sum2(1, 2, 3)()); // 6
复制代码
-
用尾递归实现 fibonacci 数列
-
实现 co 函数
-
实现以下功能,当对一个 arr 做 push 操作时,会自动打印一行提示消息
const arr = [1,2,3];
arr.push(4);
// arr pushed a new element: 4
复制代码
-
代码实现中断 Promise 的运行
-
有一组图片,实现后一张图片必须等到上一张图片加载完毕,才能开始加载
-
为 Test 类添加方法,打印指定内容
class Test {
constructor() {
this.person = { name: "jack", age: 38, position: "CTO" };
}
// ......
}
const test = new Test();
for (const ele of test) {
console.log(ele);
}
// [ 'name', 'jack' ]
// [ 'age', 38 ]
// [ 'position', 'CTO' ]
复制代码
-
实现 handler 函数,遇到 b 和 ac 都要去除
console.log(handler("aabaa")); // 'aaaa'
console.log(handler("abaccbc")); // 'c'
console.log(handler("aaccc")); // 'c'
console.log(handler("aaabccc")); // ''
复制代码
-
实现 decode 函数
decode('HG[3|B[2|CA]]F') === 'HGBCACABCACABCACAF' // true
复制代码
-
实现 _bind 函数,使打印 success
function Animal(name, color) {
this.name = name;
this.color = color;
}
Animal.prototype.say = function() {
return `I'm a ${this.color} ${this.name}`;
};
const Cat = Animal._bind(null, "cat");
const cat = new Cat("white");
if (
cat.say() === "I'm a white cat" &&
cat instanceof Cat &&
cat instanceof Animal
) {
console.log("success");
}
复制代码
-
CSS 实现圆环进度条效果
-
说出以下打印内容
console.log(-1 >>> 32);
console.log(-1 << 32);
console.log(1 >> 32);
console.log(5 >>> 2);
var a = { n: 1 };
var b = a;
a.x = a = { n: 2 };
console.log(a.x);
console.log(b.x);
复制代码
简答题
- 实现 F12 开发者工具的检查(inspect)功能
- 实现 把一个盒子从一个区域拖放到另一个指定区域中
- 盒子一部分在区域内,一部分在区域外,该如何处理
- 简述几个封装好的关键方法
- 开发完的项目,在微信浏览器上白屏,该如何排查
- 如何统计一个页面上哪些区域用户点击次数最多
- 如何根据按钮级别的粒度,设计用户权限,例如:A 可以访问按钮,B 不可以
- 如何对一个网页内容进行自动化截屏,如何解决登录限制
- A组件包裹B组件,B组件包裹C组件,它们的 componentDidMount 触发顺序如何
- React setState 到底是异步还是同步的,其原理是什么
- React Hooks 的使用有哪些注意事项
- React 的合成事件机制
- 简述 React 类组件的新老生命周期,谈谈 React Fiber 架构的引入
- 详细介绍一下 Redux 状态管理,如何和 React 组件连接
- React HOC 的用途,什么是装饰器模式
- Mobx 的实现原理
- Koa 的中间件原理,介绍一下 compose 函数
- 介绍 NodeJS 的 EventLoop 机制,process.nextTick() 的作用
- NodeJS 是单线程还是多线程,都有哪些线程,JS 为什么是单线程的
- CommonJS 的实现原理
- NodeJS 中存在哪些流,怎么理解 pipe() 及其优点
- require 的解析规则
- 介绍一下负载均衡,NodeJS 的 cluster 和 child_process 是什么
- webpack 是如何进行打包的
- webpack 动态 import 是如何实现的
- 如何编写自己的 loader 和 plugin
- 简述 webpack 配置文件中的 externals,UMD 了解吗
- 介绍一下 DNS,什么是迭代查询和递归查询,什么是一级域名、二级域名
- HTTP 首部(Header)和实体(Body)的分隔符是什么,用正则如何匹配
- HTTPS 的详细过程,什么是数字证书,消息摘要,非对称加密,Hash 算法
- 如何实现 Tab(标签)页之间,客户端与服务器的实时通讯
- HTTP 状态码:301、302、307 的区别
- 简述浏览器的垃圾回收机制,什么是强引用、弱引用、循环引用
- 简述 requestAnimationFrame 和 requestIdleCallback 的作用
- CSS 选择器的解析顺序是从右到左,还是从左到右,为什么
- click 事件在移动端有什么问题,如何解决,你在移动端还遇到那些坑
- 简述 JWT 的生成过程和优缺点,怎么主动注销 JWT 和续签 JWT
- 通过什么检测网站的性能,有哪些指标
- 如何查看网站的 Ajax 请求是由哪行代码发出的,一个元素都绑定了哪些事件,Chrome 调试面板 F8,F10,F11 各代表什么
- 说说你对 jpg、gif、jpeg、png、webp、base64 URL 的了解
总结
**其实上面说了这么多,钱是永远赚不完的,在这个知识付费的时代,知识技能提升才是是根本!我作为一名8年的高级工程师,知识技能已经学习的差不多。**在看这篇文章的可能有刚刚入门,刚刚开始工作,或者大佬级人物。
像刚刚开始学Android开发小白想要快速提升自己,最快捷的方式,就是有人可以带着你一起分析,这样学习起来最为高效,所以这里分享一套高手学习的源码和框架视频等精品Android架构师教程,保证你学了以后保证薪资上升一个台阶。
这么重要的事情说三遍啦!点赞+点赞+点赞 免费分享所有学习秘籍!
直达领取链接:点击链接免费领取【Android高级架构师】
【Android高级架构师系统学习资料】高级架构师进阶必备——设计思想解读开源框架
第一章、热修复设计
第二章、插件化框架设计
第三章、组件化框架设计
最后
光有这些思路和搞懂单个知识的应用是还远远不够的,在Android开源框架设计思想中的知识点还是比较多的,想要搞懂还得学会整理和规划:我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架,**这些都是属于Android开源框架设计思想的。如下图所示:
这位阿里P8大佬针对以上知识点,熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想PDF文档,内容详细,把Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架这些知识点从源码分析到实战应用都讲的简单明了。
由于文档内容过多,篇幅受限,只能截图展示部分,更为了不影响阅读,这份文档已经打包在GitHub,有需要的朋友可以直接点此处前往免费下载。
整理不易,觉得有帮助的朋友可以帮忙点赞分享支持一下小编~
你的支持,我的动力;祝各位前程似锦,offer不断!!!