参考中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)并加以拓展，以供自己复习方便，目前还在学习并不断补充。 1. 盒模型 页面渲染时，dom 元素所采用的布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为： 2. BFC 块级格式化上下文，是一个…

新建一个<canvas>网页元素。 支持<canvas>的浏览器将会忽略在容器中包含的内容，正常渲染canvas。 默认宽度为300像素，默认高度为150像素。 <canvas>元素只是创造了一个固定大小的画布，要想在它上面去绘制内容，需要用getContext()方法找到它的…

1、利用css将<li>与<canvas>层重叠；htmlcss在canvas画布上绘制刮刮卡图层图像；3、在canvas画布区域监听鼠标事件或触摸事件；4、在手指移动过程中，实时计算手指在画布中的位

布局的传统解决方案是基于盒模型，依赖 display + position+ float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为“弹性布局”。 采用 Flex 布局的元素，称为 Flex 容器（fl…

假定有个列表，每个列表项都有一条底边线，但是最后一项不需要底边线。 ::placeholder在使用时需要加上各个浏览器的前缀；除了Firefox是 ::[prefix]placeholder，其他浏览器都是使用 ::[prefix]input-placeholder。

RegExp对象表示正则表达式，是由普通字符和特殊字符(也叫元字符或限定符)组成的文字模板。 . ： 任何单个字符(除了换行和行结束符) 正则表达式默认会匹配贪婪模式（尽可能多的匹配）。 也可用于改变和重新编译正则表达式。 检索字符串中指定的值。返回找到的值，并确定其位置 返回…

引言sql语句：数据库的核心语言sql语句对表的添删改查操作：查询在sql语句中，表名和字段加行``,加快sql语句的运行速度添加修改删除

一个前端小伙伴给我看React事件处理函数的两种写法，问了一些问题，于是我查阅了一些文档... ES6 的Class可以看作一个语法糖，写法让对象原型的写法更加清晰、更像面向对象编程的语法，上面的代码用 ES6 的Class改写，就是下面这样。 Point类除了构造方法 con…

很久之前，Web基本上就是文档的浏览，服务器不需要进行什么记录。这一次请求和上一次请求没有任何关系，无状态带来的好处是快速。 但是随着交互式Web应用，马上就面临了一个问题，例如在线购物等需要登陆的网站，服务器没办法单单从网络连接上知道访问者的身份。为了使某个域名下的所有网页能…