风禾源泉

Skip to content

Main NavigationHome

Pocket - JS常用方法

Tiny - Lottie 压缩

Appearance

Sidebar Navigation

优化

Lottie 优化

中后台

直播间

通用优化怎么做

其他

Electron BrowserView层级管理优化：基于位移的创新方案

HackTimer: 解决 Chrome 后台定时器暂停问题

Proxy 应用场景

SVG 绘制一个圆角

images

clippy-c1-c2.jpg

clippy-c1.jpg

curved-edge-triangle.png

如何在浏览器中录音并将录音片段上传

如何打开浏览器摄像头并拍个照

如何给背景图挖一个透明的洞

直播聊天区列表优化策略

经验

一眼看穿电脑性能

团队分享必要性

如何保证项目如期正常交付

如何避免稳定性和体验升级成为一场不停歇的拉锯战

寻找统一与定制的平衡点：我们直播间的五年演进之路

我经常做的技术思考话题

面试题

Electron

index

H5

webview 和原生交互是如何实现的，搭桥的原理

css

1.两种以上方式实现已知或者未知宽度的垂直水平居中

10.grid

11.css 中的 scope 为什么可以实现局部作用

13.1px dip dp

14.css3 属性

15.css 中的 px，rem，em，vw，vh

16.伪元素 ::before 与伪类 :first-child 的区别

17.为什么 marign 0 auto 无法垂直居中

18.z-index

19.元素替换

2.flex

20.画一个三角形

21.硬件加速

22.选择优先级

23.inline-block 间隙根本原因

24.font-display 控制字体加载和替换

3.position

4.display none opacity: 0 visibility:hidden

5.回流和重绘

6.BFC 应用、盒子模型

6.BFC

7.左边定宽度，右边自适应

8.高度已知，请写出三栏布局，左右栏宽度为300px,中间自适应

9.css 的 transform 和 animation 区别

基础

http

1.post 和 put 请求有什么区别

10.TCP 和 UDP 区别是什么

11.谈谈你对 dns-prefetch 的理解

12.TCP 滑动窗口、重试机制

13.content-type

14.理想模型

15.心跳机制

2.http 缓存原理，前端缓存了解哪些，网络缓存和前端缓存如何交互，协商缓存浏览器如何判断

3.说几个缓存相关的 HTTP 状态码， 301 和 302 区别，浏览器接收到 301 302 如何处理

4.三次握手，四次挥手，为什么挥手不能用三次

5.http1 和 http2 的区别， http2 做了那些改进，有哪些不足，http3 做了那些改进

6.http 和 https 的区别

7.CDN 理解，有 CDN 和没有 CDN 区别

8.DNS 寻址过程

9.get 和 post 有什么区别

HTTP

HTTP协议.xmind

题

js

1.['1', '2', '3'].map(parseInt) what & why

10.什么是面向对象

11.ES6 上数组上扩展了哪些方法

12.事件机制捕获、冒泡

13.JS 中通过 `bind` 绑定的方法，再使用 `apply` 或 `call` 会改变它的 `this` 吗

14.事件循环

15.实现 reduce foreach, forEach与for循环，谁的性能更好

16.ES6 中 Reflect 对象，它什么优点

17.JS 中有哪些方法可以实现继承

18.深拷贝和浅拷贝

19.JS 垃圾回收和 v8 的垃圾回收机制有什么区别

2.`for...in` 和 `for...of` 的区别

20.设计模式了解应用,发布订阅模式,单例模式

21.ajax fetch axios 区别，ajax 实现原理, axios 原理是什么

22.不用 promise, 那些可实现 promise generator

23.Promise原理、方法

24.为什么原生的 form 表单提交没有跨域问题（form 请求和 ajax 请求有什么不同)

25.防抖节流

26.new 操作符, 构造函数和普通函数区别, 函数有 return 返回什么

27.什么是作用域链、执行上下文、词法环境

28.[]+{}

29.模块化

3.map，forEach 的区别

30.箭头函数于普通函数区别

31.柯里化

32.0.1 + 0.2 !== 0.3，如何解决上面说的精确度丢失问题，number 最大数

33.RAF 和 RIC 是什么

34.a===1&&a===2&&a===3 为 true

35.isNaN 和 number.isNaN 区别

36.随机数

37.正则

38.位运算

39.进程通信的几种方式

4.symbol 是否可以遍历

40.'use strict' 的作用是什么

41.如何判断是 new 还是函数调用

5.引用类型怎么存储，js 中的堆和栈有什么区别

6.slice，splice，区别，是否改变数组

7.Object.prototype.toString 返回什么

8.闭包

9.typeof、数据类型、instanceof、手写 instanceof

函数

eval

npm

index

ts

extrace

vue

1.vue响应式原理

10.compiler diff 原理

11.vue-router

11.依赖收集

2.vue数组是否响应

3.虚拟 dom

4.全局注册组件vue use 干了什么

5.vue 组件如何通讯

6.reactive ref 区别

7.vuex 的数据流核心原理是什么

8.自定义指令

9.minxins

vue3

index

区别

Vue2 和 Vue3 区别

webpack

1.webpack 中 loader 和 plugin 的区别

10.热更新 HMR

11.讲一下 Rollup 和 webpack 的区别

2.webpack 的三种 hash、chunkHash、contentHash 有什么区别

3.source map 怎么用

4.如何实现一个 plugin 插件

5.webpack 构建过程

6.webpack 构建优化、前端性能优化

7.loader 执行顺序

8.webpack 分包加载用的是哪个，分包的原理？

9.webpack 的 tree shaking 是怎么实现的

vite.v

浏览器

1.浏览器进程，渲染进程，渲染流程

2.说说 script 标签中的 defer 和 async 异同点

3.安全

4.输入url到看到页面发生了什么

5.跨域

6.onload 和 DOMContentLoaded 的区别

7.WebP

项目

微前端

题目

On this page

Table of Contents for current page

position: sticky 在未“粘住”前在文档流中，粘住后视觉上类似 fixed，但原位置仍占位（仍参与布局）

脱离文档流

fixed
absolute

在 GitHub 上编辑此页面

Last updated:

Previous page24.font-display 控制字体加载和替换

Next page4.display none opacity: 0 visibility:hidden

在 MIT 许可下发布

版权所有 © 2023-至今 MTY