Yuchengkai's blog

本文同步分布在我的 Github 上 本文不会过多介绍基础知识，而是把重点放在原型的各个难点上。 大家可以先仔细分析下该图，然后让我们进入主题 prototype首先来介绍下 prototype 属性。这是一个显式原型属性，只有函数才拥有该属性。基本上所有函数都有这个属性，但是也有一个例外 1let fun = Function.prototype.bind() 如果你以上述方法创建一... 阅读全文…

本文是 Redux 源码解析视频的文字版，如果你想看我一句句代码解析的视频版，可以关注文末的公众号。每周末都会发布一些视频，每天也会推送一些我认为不错的文章。 前言同步更新在 我的Github 在进入正题前，我们首先来看一下在项目中是如何使用 Redux 的，根据使用步骤来讲解源码。以 我开源的 React 项目 为例。 123456789101112131415161718192021... 阅读全文…

大家好，新年快乐！今天，我开源了一个 React 的项目。这个项目虽小，但是五脏六腑俱全。 先来介绍下这个项目的技术栈： React 全家桶：React 16 + Redux + React-router 4.0 + Immutable.js ES6 + ES7 语法 网络请求：Axios + Socket.io UI 框架：Antd-mobile 后端：Express + Mongo... 阅读全文…

本文重在列出并解释说明 JS 中各种容易出错的坑和细节，供大家更加深入理解为什么 JS 会这样 执行环境（Execution context）var 和 let 的正确解释当执行 JS 代码时，会生成执行环境，只要代码不是写在函数中的，就是在全局执行环境中，函数中的代码会产生函数执行环境，只此两种执行环境。 接下来让我们看一个老生常谈的例子，var 12345678b() // call... 阅读全文…

该文使用的 Webpack 版本为 3.6.0，本文分两部分。第一步是简单的使用 webpack，第二部分通过一个真实项目来配置 webpack，没有使用任何的 CLI，都是一步步配置直到完成生产代码的打包。这是本项目对应的仓库，每个小节基本都对应了一次 commit。 这是本文的大纲，如果觉得有兴趣你就可以往下看了 ... 阅读全文…

本文篇幅较长，有兴趣的可以先收藏再看。本文将重要的 ES6 特性介绍了一遍，并且详细解释了一些重难点。 let && constlet 与 var 的声明用法相同，但是多了一个临时死区（Temporal Distonrtion Zone）的概念。 1234console.log(a) // -> undefinedvar a = 1console.log(b) //... 阅读全文…

模块化是什么，有什么用？模块化就是将一个大的功能拆分为多个块，每一个块都是独立的，你不需要去担心污染全局变量，命名冲突什么的。 那么模块化的好处也就显然易见了 解决命名冲突 依赖管理 代码更加可读 提高复用性 早期苦逼的前端er但是，JS 这门语言在最初是没有这个设计的。所以也就苦了早期的前端开发者。下面介绍下最开始的写法。 函数封装这个嘛，谁都会，最大的缺点就是污染全局作用域了1234... 阅读全文…

平时会经常浏览一些网站充电，但是老是需要切换网站也很麻烦，所以就有了做这个小项目的想法。通过爬虫抓取一些网站，然后整合在一个应用中。虽然是个简单应用，但是五脏六腑俱全，适合 Vue 的新手学习。 项目地址 项目技术栈 Vue 全家桶 语言：ES6 UI：这里使用了Element-ui，毕竟小项目，不花时间在 UI 上 后台：express + superagent + cheerio ... 阅读全文…

登录这块是基本每个 APP 都需要用到的技术，小程序这边的登录和其他的有点不同，本篇文章主要讲下登录这块的坑。 首先看一下文档里介绍登录的图 首先在第一个页面中调用 ws.log... 阅读全文…

现在面试门槛越来越高，很多开发者对于网络知识这块了解的不是很多，遇到这些面试题会手足无措。本篇文章知识主要集中在 HTTP 这块。文中知识来自 《图解 HTTP》与维基百科，若有错误请大家指出。文章会持续更新。 面试 – 网络 TCP/IP 了解 Web 及网络基础 发送端在层与层间传输数据时，没经过一层都会被加上首部信息，接收端每经过一层都会删除一条首部 IP 协议，TCP 协议和 ... 阅读全文…