Yorke
Yorke
the [README](https://github.com/rstacruz/webpack-tricks#development-mode) said: > Webpack 2: Invoke Webpack as webpack -p when building your production assets. NODE_ENV is automatically set by Webpack. I think there's something wrong. from the webpack...
### Describe the Bug  ### Which package is affected (leave empty if unsure) react-email ### Link to the code that reproduces this issue https://demo.react.email/preview/notifications/github-access-token?view=source ### To Reproduce https://demo.react.email/preview/notifications/github-access-token?view=source ###...
# Parcel > Version: 1.4.1 # Classes ### Assets 文件资源类，负责记录所有的原始资源，资源打包的结果信息； 负责自身资源的处理，资源依赖的收集，包含资源的下列信息： > offical comments: 一个资源代表了依赖树中的一个文件， 该资源可以有很多父资源去依赖它，并且能够被加入到多个输出的bundles中，基类Asset自身并不做太多工作，只是设置一个接口给子类去实现，例如JsAsset, HTMLAsset, LessAssets等等。 __properties:__ - id: 简单的id生成方法：从1开始自加 - ast: 抽象语法树 - basename: 资源名称(e: index.html) -...
# garbage collection ## 什么是垃圾 常见的编程语言中，对使用的内存分为 stack 和 heap 两种， stack 内存被用作线程的执行，当一个函数被调用，就会有一块栈内存被分配用来存储局部变量等，当该函数被返回的时候，所有该函数分配的栈内存都会被释放，通常认为，程序中的每种语句对栈都是零副作用的，也就是当每个语句执行完成之后，stack 栈的长度应该和执行语句之前的长度一致。 与栈相对应的是，堆内存通常用来存放动态的持久的内存使用，例如闭包变量，全局变量，对象等。 通常在 C/C++等语言中，程序员需要手动的去分配和释放内存，如果在内存分配了之后没有及时清除，就有可能造成内存泄漏，相反，如果一个对象的内存在仍然有可能被使用的时候被释放了，就会造成空指针的情况。 什么决定一个对象是否是垃圾对象呢，通常的原则是如果一个对象可经由某个被定义为活跃对象的对象，通过某个指针链所访问，则它就是活跃的。其他的都被视为垃圾。 1. 所有的根对象都是活跃对象 2. 任何活跃对象可以引用到的对象都是活跃对象 常见的根对象：栈中的对象， 全局变量，函数调用帧，被活跃对象引用的闭包对象等等。 常见的垃圾对象：例如未被引用的闭包对象，临时使用的字符串对象例如`var a = "hello" + "world";`，弱引用的对象有没有其他对象应用的对象比如 weakMap...
### es5下实现es6中两种新增的数据结构Map和Set ### set结构是一种集合，集合是一组无序且唯一的项组成的。 ```js // 首先新建起set结构的骨架 function Set(array) { this.items = {}; if(array && array.length) { array.forEach(function(value) { this.items[value] = value; }) } } ``` 接下来，需要声明一些集合可用的方法。 由于Set结构没有键名，只有键值（或者说键名和键值是同一个值）， Set实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。 -...
# TypeScript ## 类型系统(type system) - 结构类型(structural typing) - 命名类型(nominal typing) 当比较两种数据的时候, 如果比较的是他们的类型结构, 则是结构类型, 也就是说即使两个参数的类型不同，但是如果他们的类型结构是一样，我们就认为它们的类型是兼容的 比如 Java, C++, Swift则主要是以命名类型为主: ```java class Foo { method(input: string): number { ... } }...
## react服务端渲染小记 ### 优势： 1. seo 2. 性能 ### 实现 #### development（webpack功能的服务端代替：） 1. handle javascript ```js require('babel-core/register')({ presets: ['es2015', 'react', 'stage-3'], plugins: [ 'add-module-exports', 'transform-runtime', 'transform-class-properties', 'transform-decorators-legacy', 'syntax-dynamic-import', [ 'import',...
# 实现一个websocket服务器(Nodejs) ## 前置知识 - [webSocket 协议](https://tools.ietf.org/html/rfc6455#section-5.4) - [Bit Manipulation](https://hackernoon.com/programming-with-js-bitwise-operations-393eb0745dc4) - http - net - Stream - Events - Buffer - crypto ## WebSocket服务器应该完成的工作 ### 响应websocket握手 websocket 是一个独立的基于TCP/IP的应用层协议，但是会利用HTTP来建立TCP/IP通道，并响应`Upgrade`请求。 nodejs 已经自带了upgrade事件，用于响应`Upgrade`请求。...
# NGINX笔记 ## Nginx配置文件结构 ```nginx Core Contexts: Global/Main Context Events Context HTTP Context Upstream Context Server Context Location Context Mail Context ``` ### 全局变量： - $host: 请信息中的Host，如果请求中没有Host行，则等于设置的服务器名 - $request_method: 客户端请求类型，如GET、POST...
# javascript项目的最佳实践（译） > 译自 => https://github.com/wearehive/project-guidelines > 对你来说，开发一个全新的项目就像在青草地上打滚那样快乐，但是对其他人来讲，维护这个项目就像是一个潜在的黑暗扭曲的噩梦。 下面是我们发现的一系列指导方案，它们和大多数[hive](http://wearehive.co.uk)中的项目都合作的很好（至少我们认为）。 如果你想分享一些最佳实践，或者认为这些指导方案中的某一条应该被移除。[请随意的和我们分享](http://makeapullrequest.com)。 - [Git](#git) - [介绍](#documentation) - [环境](#environments) - [依赖](#dependencies) - [测试](#testing) - [结构和命名](#structure-and-naming) - [编码风格](#code-style) - [log记录](#logging) - [API 设计](#api-design) -...