见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我…

以下是提高 UI 动效的实用建议，让我们一起看看 UI 交互动画从良好走向优秀的实例。他们是如何通过细节的调整，使用交互动画来提升用户的界面体验。 本文所列出的界面主要显示状态之间的连续性，表示共享元素之间的关系并将用户的注意力引向他们应该注意和采取行动的事物上。 为了创建这些…

众所周知，JavaScript 是单线程的，所谓单线程，就是指一次只能完成一个任务，如果有多个任务就必须要排队，前面的一个任务完成了，再执行后面的任务，以此类推。 需要注意的是 JavaScript 只在一个线程上运行，不代表浏览器内核只有一个线程，事实上浏览器内部有多个线程，…

BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 内部的 Box 会在垂直方向上一个接一个的放置。 bfc 的区域不会与 float 的元素区域重叠。 bf…

刚开始调研服务器渲染写了一个 demo，正好对诗词感兴趣，就做了一个关于诗词的站点，越写越大，demo 变成了 DEMO，总的来说还是特别简单。随手挂到了服务器下。 有了前端自然需要服务器端支持，遵循着简单方便好用易于上手的原则，在 parse-server 与 graphql…

19年，又是新的一年，“前端届”，又出了哪些新的“玩意”，今天小编向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。 Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手…

每当项目进入联调阶段，或者提前约定接口时，前后端就会聚在一起热火朝天的讨论起来。可能 99% 的场景都在约定 Http 接口，讨论 URL 是什么，入参是什么，出参是什么。 有的团队前后端接口约定更加高效，后端会拿出接口定义代码，前端会转换成（或自动转成）Typescript …

项目需求制作为新的app的分享页，故需要制作多页面应用，那既然app是新的，这边我们也要更新上，经过多方考察（度娘）下，综合了一些他人的优点并结合项目实况产生了此文。 本文省去了部分初级操作。 一. webpack.base.conf.js 基本上就是一些变量的引用，简单解释一…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…