javascript面试题-详细版
这是一份 JavaScript 面试题 详细版,从 typeof、类型转换、数组方法讲到闭包、原型、异步和 DOM。 每题保留原问答和代码示例,按题号顺序阅读即可。 1. javascript的typeof返回哪些数据类型. 答案:string,boolean,number,undefined,fu…
这是一份 JavaScript 面试题 详细版,从 typeof、类型转换、数组方法讲到闭包、原型、异步和 DOM。 每题保留原问答和代码示例,按题号顺序阅读即可。 1. javascript的typeof返回哪些数据类型. 答案:string,boolean,number,undefined,fu…
下面整理了 JavaScript 里最常被问到的 10 个问题。它们大多落在基础上:闭包、Promise、变量提升、类 等。难度不算高,但面试里反复出现,值得一次对齐口径。 适合刚开始学 JS 的读者:先看懂例子,再对照自己的代码想一遍「如果改掉某一行会怎样」。答案不是唯一标准,这里是便于记忆的讲法…
JavaScript 站稳之后,前端工作往往不再是「再手写一遍」,而是找到能开箱即用的库。 下面 9 个库覆盖地址补全、浏览器里的机器学习、动画、图表、输入格式化、字符串、轮播、实时通信和数学公式,都是作者实际会优先考虑的工具。 英文原文:https://medium.com/better-prog…
CSS Grid 是二维布局:父容器 17 个属性、子元素 10 个,加上取值方式,一共 27 项。把它拆成「布局之道 / 构建之法 / 取值之术」更好记。 构建套路是父容器三步(定框架、设间隔、找对齐)加子元素两步(摆位置、找对齐),也就是「32 构建之法」。原文 23 张图和示例代码全部保留。 …
这是一个下午写完的纯 JS 中国象棋:用 HTML5 Canvas 画棋盘、棋子和选中动画,主要走子逻辑都在一份脚本里。 棋盘是 10 行 9 列共 90 个坐标;棋子带颜色、走法(马走日、相走田)、选中态和当前坐标。完整代码和效果图都保留。 部分 做什么 棋盘 10 行 9 列、90 个点、点击定…
当微软宣布 Edge 将支持 CSS 变量时,这项能力在主要浏览器里已经齐了。原生 CSS 从此可以声明可复用的自定义属性,再用 var() 读出来。变量名用两根连词线 --,因为 $foo 被 Sass 占用,@foo 被 Less 占用。 CSS 变量又叫 CSS 自定义属性(CSS custo…
闭包不只是面试名词,它会在定时器传参、事件回调、私有变量、循环绑定和 ES6 偏函数里反复出现。下面按原文五个场景把例子摊开。记住一条:返回的函数不要随手去引用循环变量。 参考:CSDN 原文;廖雪峰:闭包。 一、setTimeout 传参 原生 setTimeout 传的第一个函数不能带参数,用闭…
居中是 CSS 布局里最常被问到的一块:水平、垂直、水平垂直三套,方案从 text-align、margin: 0 auto 到定位 transform 再到 Flex。下面按效果把能用的写法收齐,并标出继承性和脱离文档流时的坑。 选方案时先问三件事:子元素是否块级、是否已脱离文档流、要不要兼容老浏…
这篇从 JS 基础、面向对象和 V8 三个方向收前端进阶:ES5 模拟 let/const,手写 call/apply/bind、防抖节流、扁平化、Promise,再写 new 与四种继承。 配图和表格按原文保留。最后用引用计数、标记清除和 V8 的编译优化解释 JS 为什么比 C++ 慢、引擎做了…
前端要掌握的 CSS 可以收成一张清单:盒模型差异、选择器与 at 规则、伪类伪元素、定位、水平垂直居中、BFC、函数、预处理器和模块化。 后半段对比 OOCSS / SMACSS / BEM,再补上按需加载、防阻塞、动画、兼容写法和响应式方案。配图按原地址保留。 主题 要点 盒模型 标准 widt…