对于单行文本，想要自适应容器改变字体大小比较简单，通过容器width和文本字数即可计算出字体大小，本文主要讲述多行文本自适应容器的方法（同样适用于单行的情况），多了一个维度，会稍微复杂一点

项目中的sass 系统有多种用户权限，且同一个帐号可以多个人同时登录，导致有些操作无法直接追溯到对应的责任人，因此需要获取到当前登录用户的IP地址（员工内部人员的内网地址）并收集上报。 1. 公网IP 对于收集公网IP， 目前通用的是利用 新浪 和 搜狐 的接口，可兼容多种浏览…

做网页应用时，我们离不开用浏览器测试，特别是Chrome和Firefox这样调试工具强大的浏览器。让我们谈谈怎么用Chrome浏览器拦截网页中发出的请求，如果符合预设的条件，返回mock的数据。

前端同学只要 描述清楚你所需要的数据，通过HTTP发送给服务器，服务器就会返回给你响应的数据。就像你写SQL语句查询数据库一样方便快捷。 Rest API 不论前后端都需要对API做管理，版本和路径的管理，非常麻烦。 （1）GraphQL 只有一个入口，相当于访问一个数据库，我…

首先，在开始介绍时间切片前，很有必要先把浏览器的渲染流程梳理一下，这里面涉及的知识有event loop、渲染帧等知识，下面会简单地介绍。 事件循环，这个严格来说其实并不是js语言本身的特性，而是在浏览器这个宿主环境下提供的机制，（因为在node环境下又是另一种事件循环机制了）…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

而 302 表示临时重定向，这个资源只是暂时不能被访问了，但是之后过一段时间还是可以继续访问，一般是访问某个网站的资源需要权限时，会需要用户去登录，跳转到登录页面之后登录之后，还可以继续访问。 301 类似，都会跳转到一个新的网站，但是 301 代表访问的地址的资源被永久移除了…

目前工作快四年，年后投了一波简历，这里整理了一下新鲜出炉的前端面经，需要的可以自取。 面试挺累人的，每天下班后赶回家面试，有时候干脆找个会议室偷偷摸摸面试。面了将近一个月，目前还没挂过，但由于各种因素，又都拒了。。。现在又要开始新一轮的面试了，祝自己好运吧。 看到评论区里面不少…

本 blog 使用 HEXO 搭建， MATERY 作为主题， nginx 作静态代理，搭配 HTTPS 使用。 1. 安装 hexo-cli 安装之前，请确认本机已经有 node 环境，可选择安装 cnpm。 2. 初始化一个 project 此时，通过 tree . -L …