得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…

为大家推荐GitHub上25个今年最值得关注学习的JavaScript开源项目，这些项目的平均star数达到5000个。 Prettier：一款帮你解决代码风格问题的代码格式化工具，功能强大，简单易用，支持多语言，减少配置项。[GitHub上26755个star] Parcel…

上面一张图，已经大概把一个简单模板引擎(这里以EJS为例)的原理解释得七七八八了。本文将描述一个简单的模板引擎是怎么运作的？包含实现的关键步骤、以及其背后的思想。 基本上模板引擎的套路也就这样了，但这些思想是通用的，比如你在看vue的模板编译器源码、也可以套用这些思想和方法. …

网上现有的Vue源码解析文章一搜一大批，但是为什么我还要去做这样的事情呢？因为觉得纸上得来终觉浅，绝知此事要躬行。 然后平时的项目也主要是Vue，在使用Vue的过程中，也对其一些约定产生了一些疑问，可能官网上只会建议你这么做，但是核心实现我们可能并不知道。比如： ... 其次，…

Preact 作为实现大部分 React 的接口，并且专注于轻量的框架。本文作为 Preact 源码解读系列的第二篇，比较简短，将介绍 Preact 如何将 JSX 代码转义成 DOM 输出的流程

2018年11月24日于杭州，由w3ctech、前端圈共同举办的中国第二届VueConf落下帷幕，来自全国各地的前端爱好者共聚一堂，畅聊Vue，畅聊未来。 那我们一起来听听 Vue.js 作者尤雨溪 给我们带来的《Vue 3.0 进展》的视频。

在默认主题下，导航栏需要在themeConfig属性上进行配置nav，导航栏的两个重要属性为text和link，其中text指明了导航的文字内容，link指明了导航的链接。 第二种： 单个禁用导航栏，在每一个页面(.md文件)最顶部，配置navbar属性为false，此种方式禁…

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述了 webpack 的功能 —— bundle js / css / ... （打包全世界ヾ(◍°∇°◍)…

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。我们将在这里揭开他可爱而神奇的面纱。 这个只…