在开始聊之前，我想定义一下架构的概念。大部分小伙伴都会问一个问题：前端能有啥架构，不就是文件放到哪个文件夹吗？对，但也不对，所以我们需要对齐认知：到底什么是架构？在开始之前，我希望你将视野从前端这个点扩展开，站在你正在参与开发的整个系统来思考这个...

太长不读：在很长一段时间我并不知道怎么去平衡速率和质量之间的关系，我虽然看过不少书和文章告诉我只有保证质量才能保证速率，但我还没有见过反例，我没办法很好地说服别人，我只能看着他们义无反顾的冲向进度，然后抱怨时间不够。我想用我经历和见证的不同项目、...

本文跟技术栈强相关，但是理论上从里面抽离出来的方法论可以实践在任意的技术栈上，只需要投入一点点时间和精力写一个小工具就好了，下面是本文所用到的一些技术栈：

Authentication(又被称为AuthN，身份验证)，它指的是 the process of verifying that "you are who you say you are"，也就是说这个过程是为了证明你是你。通常来说有这么几个方式：

本文首发于我的个人博客: [链接] Performance Performance API 有的时候我们可能会想测试一下用户的某一个操作要消耗多少时间，而通常一般人会这么做： {代码...} 使用 performance API，我们可以这么做： {代码...} 之后在控制台里我们可以看到这样的 console 信息 ...

自从三大框架成型之后，各个框架都为提升开发者的开发效率作出了不少努力，但是看起来技术革新都到了一个瓶颈。除了 React 引入了一次函数式的思想，感觉已经没有当初从DOM时代到数据驱动时代的惊艳感了。于是 React 将精力放在了用户体验上，想让开发者在不过多耗费...

这是一个介绍Chrome devtool的系列文章，虽然这是一个前端小伙伴们都很熟悉的东西，但是我相信它的很多还不错的功能其实或许你并不知道，这个系列的文章会涉及到: 代码修改、debug、network、audit、monitor等等。

从这张图可以看到，最上面的文件就是我们整个app的入口，也是这个文件启动了我们整个app，这就是weback的入口，通常这个文件会依赖我们自己app的其他文件，其他文件又会依赖别的第三方库，这些依赖可能是js，也可能是css，当然右边也展示了我们也会依赖app里面的其他...

webpack的核心目的和功能就是打包JavaScript代码，在时间的推进过程中，其逐渐演化成了一个生态体系，成为前端打包代码和处理开发时候必不可少的一个工具。

如果只是这样用，有什么问题呢？这样引入JavaScript是没办法大量引入的，什么算大量呢？也不用多，加入某个页面我需要20个JavaScript文件，怎么办？好像我只能加20个script标签，然后一个一个去请求。但是这样的话首先会使页面加载变慢，你需要在加载页面后去请求大...

首先写一个后台的数据接口，地址是：[链接] 然后使用wx.request调用后台数据接口的地址 示例代码 {代码...} 运行代码，效果如下图： 从上图中看到页面一片空白，没有获取到数据，并且控制台报错（request 合法域名校验出错；[链接] 不在以下 request 合法域名列表中...

由于篇幅所限文章中并没有给出demo的所有代码，大家如果有兴趣可以将代码clone到本地从commit来看整个demo的TDD过程，配合文章来看会比较清晰。本文涉及的所有代码地址: teobler/TDD-with-React-hooks-demo

写在前面，最近在准备校招，陆陆续续做一些之前的总结，写了一个小系列的文章，想借此机会记录下来，也能以后有个地方能进行查阅，上一篇文章在css基础总结希望能帮助一下和我一样的菜鸟们好了，正文开始。

通俗来说就是，发送请求后，2s还没有收到请求答复，就超时报错

你说的时iconfont吧，去阿里图标库，注册一个账号，然后搜索你想要的图标库或者单个图标，添加到你的购物车（基本都是免费的），然后进入购物车选择下载代码，他会下你需要的所有东西，然后里面有一个html文件会教你怎么使用这些iconfont，要是有什么不懂可以追问，...

按照常理，我们渲染一张网页，必定是网页全部拼装完毕，然后生成HTML字符串，传送至客户端。这也意味着，如果一张网页处理的有快有慢的话，必须串行等到所有的逻辑都处理完毕。后端才能进行返回。（这也是我们目前网页的一般逻辑）。如下面的例子，三个很慢的读数据...

恩，小菜鸟又来了，上篇文章在这，话不多说，这次罗列总结一下css基础知识，和我一样的菜鸟可以看看。 引入方式 css的引入方式主要有以下几种： 外部样式表 通过在head标签中加入link标签来引入外部样式表，因为其良好的分离性和可维护性，大多数css样式都是通过这种...

span span标签与div标签类似，本身无特殊意义，但它在结合诸如class,lang,或者dir属性时，可作为行内元素的容器。它起到描述（文档内容）的作用。

使用webpack也有一段时间了，但是没有系统的去学习，最近无心代码，正好用这段时间系统地看一下webpack,借鉴一下前辈们的经验，防止忘记，记录下来。