HashMap简介本文针对HashMap的源码分析基于JDK 7，JDK 8在HashMap的实现上有着较大幅度的改进和优化，这部分优化我将另起一篇来阐述。另外，本文仅分析HashMap众多方法中最常用的方法，其余方法有需要时再研究。HashMap的继承关系如下。public class HashMap<K,V> extends AbstractMap<K,V> implements Map<K,V>, Cloneable, SerializableHashMap继承自AbstractMap，同时实现了Map、Cloneable和Serializable接口。因此，HashMap可以被克隆，并支持序列化。另外，HashMap是一个非线程安全的，因此适合运用在单线程环境下。如果是在多线程环境，可以通过Collections的静态方法synchronizedMap获得线程安全的HashMap，如下代码所示。Map<String, String> map = Collections.synchronizedMap(new HashMap<String, String>());存储结构针对每个键值对，HashMap使用内部类Entry来存储，Entry核心代码如下。static class Entry<K, ...继续阅读 (31)

传送门Github地址：https://github.com/AlloyTeam/...简介AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面，监听用户触摸，给用户真实的运动反馈是很常见的应用场景。如王者荣耀里，旋转用户角色，抽奖程序滚动转盘、页面滚动、局部滚动等。上面的那些场景，都会使用到下面三种过程之一：触摸、运动、减速、停止触摸、运动、减速、回弹、停止触摸、回弹、停止上面的运动可以是任何形式，如旋转、平移、zoom等运动形式。当然，在上面过程执行的过程中，如果有其他用户交互介入，会停止当前的过程，继而反馈用户新的触摸手势。AlloyTouch正是为了解决这类问题而生。同时做到了:极小的文件大小（不到300行代码）与页面布局无关运动属性无关，能运动对象字量（如｛x:100｝）渲染无关的设计（dom、canvas、webgl、svg都能使用）真实的物理运动轨迹高效的运动方式极简的API设计安装npm install alloytouch使用姿势new AlloyTouch({ touch:"#wrapper",//反馈触摸的dom target: target, //运动的对象 property: "translateY", //被运动的属性 mi ...继续阅读 (15)

前言Promise，相信每一个前端工程师都或多或少地在项目中都是用过，毕竟它早已不是一个新名词。ES6中已经原生对它加以支持，在caniuse中搜索一下Promise，发现新版的chrome和firefox也已经支持。但是低版本的浏览器我们可以使用es6-promise这个polyfill库来加以兼容。暂且不谈await、async，在Google或百度或360搜索等搜索引擎、或者在segmentfault等社区中，我们可以搜到一大把介绍promise的文章，毕竟它已经出现了很长时间，早已有很多大神分析讲解过。我也看了一些文章，但是感觉都没有达到想要的效果。所以决定自己开一个小系列文章学习讲解一下promise的原理，以及实现，最后再谈一谈与之联系密切的Deferred对象。本文是该系列的第一篇文章，主要先让大家对Promise有一个基本的认识。promise简介Promise的出现，原本是为了解决回调地狱的问题。所有人在讲解Promise时，都会以一个ajax请求为例，此处我们也用一个简单的ajax的例子来带大家看一下Promise是如何使用的。ajax请求的传统写法：getData(method, url, successFun, failFun){ var xmlHttp = new XMLHttpRequest(); xmlHttp.open(method, url ...继续阅读 (16)

红黑树是平衡二叉查找树的一种。为了深入理解红黑树，我们需要从二叉查找树开始讲起。BST二叉查找树（Binary Search Tree，简称BST）是一棵二叉树，它的左子节点的值比父节点的值要小，右节点的值要比父节点的值大。它的高度决定了它的查找效率。在理想的情况下，二叉查找树增删查改的时间复杂度为O(logN)（其中N为节点数），最坏的情况下为O(N)。当它的高度为logN+1时，我们就说二叉查找树是平衡的。BST的查找操作T key = a search key Node root = point to the root of a BST while(true){ if(root==null){ break; } if(root.value.equals(key)){ return root; } else if(key.compareTo(root.value)<0){ root = root.left; } else{ root = root.right; } } return null;从程序中可以看出，当BST查找的时候，先与当前节点进行比较：如果相等的话就返回当前节点；如果少于当前节点则继续查找当前节点的左节点；如果大于当前节点则继续查找 ...继续阅读 (62)

引用计数迄今为止，我们向HashTables中加入的zval要么是新建的，要么是刚拷贝的。它们都是独立的，只占用自己的资源且只存在于某个HashTable中。作为一个语言设计的概念，创建和拷贝变量的方法是“很好”的，但是习惯了C程序设计就会知道，通过避免拷贝大块的数据(除非绝对必须)来节约内存和CPU时间并不少见。考虑这段用户代码：<?php $a = file_get_contents('fourMegabyteLogFile.log'); $b = $a; unset($a);如果执行zval_copy_ctor()（将会对字符串内容执行estrndup()）将$a拷贝给$b，那么这个简短的脚本实际会用掉8M内存来存储同一4M文件的两份相同的副本。在最后一步取消$a只会更糟，因为原始字符串被efree()了。用C做这个将会很简单，大概是这样：b = a; a = NULL;。Zend引擎的做法更聪明。当创建$a时，会创建一个潜在的string类型的zval，它含有日至文件的内容。这个zval通过调用zend_hash_add()被赋给$a变量。当$a被拷贝给$b，引擎做类似下面的事情：{ zval **value; zend_hash_find(EG(active_symbol_table), "a", sizeof("a"), (void**)& ...继续阅读 (8)

ThreadLocal简述下面我们看一下ThreadLocal类的官方注释。This class provides thread-local variables. These variables differ fromtheir normal counterparts in that each thread that accesses one (via its{@codeget} or {@codeset} method) has its own, independently initializedcopy of the variable. {@codeThreadLocal} instances are typically privatestatic fields in classes that wish to associate state with a thread (e.g.,a user ID or Transaction ID).大致的意思是，ThreadLocal提供本地线程变量。这个变量里面的值（通过get方法获取）是和其他线程分割开来的，变量的值只有当前线程能访问到，不像一般的类型比如Person,Student类型的变量，只要访问到声明该变量的对象，即可访问其全部内容，而且各个线程的访问的数据是无差别的。Thread的典型应用是提供一个与程序运行状态相关静态 ...继续阅读 (13)

1. 系统结构系统考虑使用Nodejs和SocketIo实现服务器端逻辑，前端使用HTML5。2. 逻辑流程1 . 主要逻辑包括用户进入游戏、等待对家进入游戏、游戏过程、结束统计这4个过程。2 . 游戏过程的逻辑具体如下3 . 服务器-客户端通讯逻辑如下3. 客户端界面设计1 . 登录界面2 . 发牌界面4. 数据结构4.1 牌型为了便于计算，使用一维数组定义每张扑克的index，根据图中顺序，按从左到右以及从上到下递增（即左上角的红桃A为0,右上角的红桃K为12,方块A为13,以此类推）>4.2 出牌规则牌的大小顺序：大王，小王，2，A，K，Q，J，10，9，8，7，6，5，4，3。牌形分为：单张、 一对、 三张、姐妹对（两张三张都可以连接，且连接数量无限）、顺子（数量无限制）、炸弹（不能4带1）：除了炸弹以外，普通牌形不允许对压，相同牌形只有比它大的才能出。炸弹任何牌形都能出，炸弹的大小为：天王炸，2，A，K，Q，J，10，9，8，7，6，5，4，3。4.3 比较大小根据牌型用整数定义扑克的数值大小从3到K对应的value为2到12A对应132对应14大小王对应16与155. 系统模块设计5.1 出牌对象var MODAL; $(init); function init() { new modal(); //绑定页面上的出牌按钮,根据当前不同的状态运行不同 ...继续阅读 (18)

【摘要】The algorithm for supporting distributed MVCC based multi-row transactions on top of a distributed key-value database with single-row transaction support.阅读全文 ...继续阅读 (9)

构建一个自定义 angular2 输入组件今天我们来学习如何正确的构建和一个具有和<input type="text">同样作用，但同时也具有自己的逻辑的输入组件。在读这篇文章之前，希望你已经把官方的文档和案例都看过至少一遍了，具体的一些概念和细节不会在文章中讲解。我们先来看一下我们这篇文章里面所介绍的组件的表现形式是怎么样的：OK，上图就是我们所要达到的效果了。那么，我们来分析下我们这个组件该具备哪些功能。聚焦的时候，底部边框为绿色具有自己的部分逻辑，比如在有输入值的情况下，会出现一个删除图标当输入值为空的时候，提示错误文案可以插入其它的 DOM，比如最下面的发送验证码按钮支持input的必要属性，比如maxlength、placeholder等支持表单angular2 form-control表单绑定，如上图中的值都是从FormBuilder中构建的我们将在后面一步步的来讲解如何实现这样一个自定义组件的功能；创建一个 angular2 组件我们先来构建一个基础的angular2组件,这里我们先新建一个叫做input-control的组件。首先是input-control.component.ts文件：@Component({ selector: 'input-control', templateUrl: 'input-control.component.ht ...继续阅读 (26)

《Python3函数参数中的星号》最近在看asyncio的代码，看到一个新的用法，查阅完文档之后，发现，在定义函数的参数列表中，`*` 后的参数，调用者必须以 ``key=value`` 形式调用。因为平时看到的都... ...继续阅读 (43)

在学习或使用过一阵子React后，你可能会发现一个在setState方法的特性，以下面这个简单例子来说明:export default class SelectBox extends React.Component { constructor(props) { super(props) this.state={value: ''} } handleChange = (e) => { this.setState({value: e.target.value}) console.log(this.state.value) } render() { return( <div> <select onChange={this.handleChange} value={this.state.value}> <option value="JavaScript" key={1}>JavaScript</option> <option value="Angular2" key={2}>Angular2</option> ...继续阅读 (11)

对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式：var obj = new Object; //obj = {} obj.name = "张三"; //添加描述 obj.say = function(){}; //添加行为除了以上添加属性的方式，还可以使用Object.defineProperty定义新属性或修改原有的属性。Object.defineProperty()语法：Object.defineProperty(obj, prop, descriptor)参数说明：obj：必需。目标对象prop：必需。需定义或修改的属性的名字descriptor：必需。目标属性所拥有的特性返回值：传入函数的对象。即第一个参数obj针对属性，我们可以给这个属性设置一些特性，比如是否只读不可以写；是否可以被for..in或Object.keys()遍历。给对象的属性添加特性描述，目前提供两种形式：数据描述和存取器描述。数据描述当修改或定义对象的某个属性的时候，给这个属性添加一些特性：var obj = { test:"hello" } //对象已有的属性添加特性描述 Object.defineProperty(obj,"test",{ configurable:true | false, enumerab ...继续阅读 (9)

说明：本篇主要学习数据库连接阶段和编译SQL语句部分相关源码。实际上，上篇已经聊到Query Builder通过连接工厂类ConnectionFactory构造出了MySqlConnection实例(假设驱动driver是mysql)，在该MySqlConnection中主要有三件利器：\Illuminate\Database\MysqlConnector;\Illuminate\Database\Query\Grammars\Grammar;\Illuminate\Database\Query\Processors\Processor，其中\Illuminate\Database\MysqlConnector是在ConnectionFactory中构造出来的并通过MySqlConnection的构造参数注入的，上篇中重点谈到的通过createPdoResolver($config)获取到的闭包函数作为参数注入到该MySqlConnection，而\Illuminate\Database\Query\Grammars\Grammar和\Illuminate\Database\Query\Processors\Processor是在MySqlConnection构造函数中通过setter注入的。开发环境：Laravel5.3 + PHP7数据库连接器连接工厂类ConnectionFa ...继续阅读 (18)

概念ECMAScript 5 中定义了一个名叫“属性描述符”的对象，用于描述了的各种特征。属性描述符对象有4个属性：configurable：可配置性，控制着其描述的属性的修改，表示能否修改属性的特性，能否把属性修改为访问器属性，或者能否通过delete删除属性从而重新定义属性。默认值为true。enumerable：可枚举性，表示能否通过for-in遍历得到属性。默认值为true。writable：可写性，表示能否修改属性的值。默认值为true。value：数据属性，表示属性的值。默认值为undefined。除了上面的属性，还有两个存取器属性，分别是get和set，可以代替value和writable。get：在读取属性时调用的函数。只指定get则表示属性为只读属性。默认值为undefined。set：在写入属性时调用的函数。只指定set则表示属性为只写属性。默认值为undefined。使用“属性描述符”对象只能在Object.defineProperty或Object.defineProperties中使用。API 用法Object.defineProperty：https://developer.mozilla.org...Object.defineProperties：https://developer.mozilla.org...var hello = {} Objec ...继续阅读 (21)

前言在Python中，所有以"__"双下划线包起来的方法，都统称为"魔术方法"。比如我们接触最多的__init__.有些魔术方法,我们可能以后一辈子都不会再遇到了,这里也就只是简单介绍下;而有些魔术方法,巧妙使用它可以构造出非常优美的代码,比如将复杂的逻辑封装成简单的API。本文编辑的思路借鉴自Rafe Kettler的这篇博客:A Guide to Python Magic Methods，并补充了一些代码示例。介绍的顺序大概是：常见的先介绍，越少见的越靠后讲。本文中用到的代码示例，可以在我的github上下载到。构造和初始化__init__我们很熟悉了,它在对象初始化的时候调用,我们一般将它理解为"构造函数".实际上, 当我们调用x = SomeClass()的时候调用,__init__并不是第一个执行的,__new__才是。所以准确来说,是__new__和__init__共同构成了"构造函数".__new__是用来创建类并返回这个类的实例, 而__init__只是将传入的参数来初始化该实例.__new__在创建一个实例的过程中必定会被调用,但__init__就不一定，比如通过pickle.load的方式反序列化一个实例时就不会调用__init__。__new__方法总是需要返回该类的一个实例，而__init__不能返回除了None的任何值。比如下面例子:class Foo(o ...继续阅读 (22)

作者：Ole Begemann，原文链接，原文日期：2016-08-29译者：与狼同行；校对：Cwift；定稿：CMB本系列其他文章：(1)Measurements 和 Units 概览(2)乘法和除法(3)内容提炼(4) 幽灵类型(本文)我之前撰写了关于标准库里新的度量值的短系列，此文是该系列的额外之作。虽然我很喜欢苹果的 API ，但我觉得探索同一问题的不同解决方案也很有意思。特别是这个问题，纯 Swift 设计是否能优于苹果的接口呢，因为苹果的接口考虑了 Objective-C 的兼容性问题。苹果的设计在苹果的 API 中，开发者主要使用的数据类型是度量值Measurement类型，它包含一个浮点数value和用于测值的单位unit，并基于单位类型使用了泛型。struct Measurement<UnitType: Unit> { let unit: UnitType var value: Double } let length = Measurement(value: 5， unit: UnitLength.meters) // 长度表现为一个 Measurement<UnitLength>Measurement 被视为值类型——它在 Objective-C 中是类，在 Swift 中是结构体。在单位族（Unit Family）中， ...继续阅读 (14)

JS函数式浅析0x00 入门的导语(废话)最近两年你要说函数式编程不火的话, 那是不可能的, 是人都知道函数式编程很火.为什么函数式编程会火呢, 在于它的思想, 很强大, 很强势!尤其是前端的redux更是在reducer上完全使用纯函数, 函数式的好处渐渐被发掘出来, 笔者最近看了一些函数式方面的东东, 现在发出来给大家学习学习, 顺便我也学习学习怎么写文章... :P常用的函数式库:ramda设计很棒的一个库lodash比较常用的一个库underscore应该也不错的一个库0x01 纯函数定义: 相同输入一定得到相同输出且运行过程中不修改,不读取外部环境的变量的函数说出来肯定不好理解, 还是要看看代码. 就好像你不看国足比赛永远不知道国足为什么会输给月薪几百块的叙利亚.// Array.slice 对于固定输入一定是固定输出, 且不依赖外部变量, 啥? 依赖了arr变量吗? // 其实这种写法和Array.prototype.slice(arr, 0, 3); 是一样的. 这样就理解了, // 你还学到一个东西 Array.slice是不会修改原数组滴! var arr = [1,2,3,4,5]; arr.slice(0,3); // Array.splice 会修改xs, 所以是不纯的, 所以相同的输入不会有相同的输出! var xs.splice(0,3); //= ...继续阅读 (16)

安装我使用的是https://github.com/go-redis/r...这个 golang 客户端, 因此安装方式如下:go get gopkg.in/redis.v4接着在代码中导入此包即可:import "gopkg.in/redis.v4"基本操作创建客户端通过 redis.NewClient 函数即可创建一个 redis 客户端, 这个方法接收一个 redis.Options 对象参数, 通过这个参数, 我们可以配置 redis 相关的属性, 例如 redis 服务器地址, 数据库名, 数据库密码等.下面是一个连接的例子:// 创建 redis 客户端 func createClient() *redis.Client { client := redis.NewClient(&redis.Options{ Addr: "localhost:6379", Password: "", DB: 0, }) // 通过 cient.Ping() 来检查是否成功连接到了 redis 服务器 pong, err := client.Ping().Result() fmt.Println(pong, err) return client }String 操 ...继续阅读 (50)

作者：Ole Begemann，原文链接，原文日期：2016/07/29译者：钟颖；校对：小铁匠Linus；定稿：CMB更新：2016-08-02 已将代码更新至 Xcode 8 Beta 4本系列其他文章：(1)Measurements 和 Units 概览(2)乘法和除法(3) 内容提炼（本文）(4)幽灵类型Swift 中 Measurements 和 Units 的系列文章中，仍然有一些收尾工作要做。如果你还没有看过之前的文章的话，可以在第一部分中找到 Foundation 框架中 Measurements 和 Units 接口的大致介绍，并在第二部分中看到我如何扩展该系统用于类型安全的乘法和除法。在计算过程中保持单位在我们之前的文章里面，乘法和除法在计算之前总是会将单位转换到各自的默认单位，正如我们在UnitProduct协议的defaultUnitMapping()方法定义的那样。为了让结果在各种计算场景下都正确，无论传入参数的单位是什么。到目前为止，我们仍然使用一个默认的单位映射作为计算结果的单位。比如说，UnitSpeed，UnitDuration和UnitLength的映射是(.metersPerSecond, .seconds, .meters)。这意味着72 千米每 2 小时将会在计算前被转换成72000 米每 7200 秒。然后我们会将计算结果封装成Measu ...继续阅读 (26)

一 前言本文主要对ES6的Promise进行一些入门级的介绍。要想学习一个知识点，肯定是从三个方面出发，what、why、how。下面就跟着我一步步学习吧~二 什么是Promise首先是what。那么什么是Promise呢？以下是MDN对Promise的定义The Promise object is used for asynchronous computations. A Promise represents a single asynchronous operation that hasn't completed yet, but is expected in the future.译文：Promise对象用于异步操作，它表示一个尚未完成且预计在未来完成的异步操作。那么什么是异步操作？在学习promise之前需要把这个概念搞明白，下面将抽离一章专门介绍。2.1 同步与异步我们知道，JavaScript的执行环境是「单线程」。所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程。但实际上还有其他线程，如事件触发线程、ajax请求线程等。这也就引发了同步和异步的问题。2.1.1 同步同步模式，即上述所说的单线程模式，一次只能执行一个任务，函数调用后需等到 ...继续阅读 (21)

高层级的变化模板解析器不再依赖于DOM（除非你使用真正的DOM作为模板），因此只要你使用字符串模板，你将不再受到任何1.0版本中的解析限制。但是，如果你依赖在存在的内容中挂载一个元素作为模板（使用el元素），你将依然受到这些限制。编译器（将字符串模板转换为渲染方法的部分）和运行时间现在能够被分开。这里有两种不同的构建：独立构建：包括编译并且运行。这种方式和vue 1.0几乎完全一样。运行时编译：由于它不包括编译器，在编译步骤时要么预编译模板，要么手动编写渲染功能。npm包默认导出这个版本，那么你需要有一个编译的过程（使用Browserify或Webpack）,从中vueify或vue-loader将可以进行模板预编译。全局配置Vue.config.silentVue.config.optionMergeStrategiesVue.config.devtoolsVue.config.errorHandler（新API，全局的挂钩用于在组件渲染和监控的时候处理未捕获的错误）Vue.config.keyCodes（新API，为v-on配置自定义的key的别名）Vue.config.debug（已丢弃）Vue.config.async（已丢弃）Vue.config.delimiters(已丢弃)Vue.config.unsafeDelimiters（已丢弃，使用v-html）全局APIVu ...继续阅读 (29)

C# 中的协变与逆变（抗变）最近在看《C#高级编程（第九版）》这本书，看到了泛型接口这章。其中关于协变和逆变没太理解，讲得有点坑爹，网上查了许多资料，总算（感觉）弄清楚了，来这里记录一下。一、协变和逆变是什么？先从字面上理解协变(Covariance)、逆变(Contravariance)。co-是英文中表示“协同”、“合作”的前缀。协变的字面意思就是“与变化的方向相同”。contra-是英文中表示“相反”的前缀，逆变的字面意思就是是“与变化方向相反”。那么问题来了，挖掘机技术哪家强？这里的变化方向指的是什么？C# 中对于对象（即对象引用），仅存在一种隐式类型转换，即子类型的对象引用到父类型的对象引用的转换。这里的变化指的就是这种子->父的类型转换。object o = "hello"; //string （子类）类型的引用转换为 object （父类）类型的引用协变与逆变虽然从名字上看是两个完全相反的转换，但其实只是“子类型引用到父类型引用”这一过程在函数中使用的两个不同阶段而已，接下来将详细说明这点。二、使用函数的不同阶段发生的类型转换假设有一函数，接收object类型的参数，输出string类型的返回值：string Method(object o) { return "abc"; }那么在Main函数中我们可以这样调用它：string s = "abc"; o ...继续阅读 (26)

原文链接：You Might Not Need Redux人们常常在正真需要 Redux 之前，就选择使用它。“如果不使用 Redux，我们的应用无法扩展怎么办？”应用接入 Redux 之后，开发者就开始头疼了。“为什么为了开发一个简单的功能需要创建 3 个文件？”为什么！人们痛苦地抱怨 Redux, React, FP, 不可变数据和一些别的东西，但我理解他们。那些不需要一系列代码来更新应用状态的方法自然比使用 Redux 更为简单。这说的没错，设计上也是如此。Redux 提供了一种权衡。它要求你：用简单的对象和数组来描述应用状态用简单对象来描述应用中的变更用纯函数来描述处理变更的逻辑无论是不是 React 应用，这些限制都不是创建一个应用所必须的。事实上，这些都是非常强的约束，在把它们加入应用之前，你应当慎重考虑。你有没有一些好的理由来使用 Redux？当然是有的。这些限制吸引我是因为它同时也能够使应用拥有以下的特性：持久化应用状态到 LocalStorage，之后应用可以根据该状态启动。（视频预警）服务器初始化应用状态，客户端直接根据该状态启动。序列化用户操作，并将它们连同应用状态的快照一同添加到错误报告中，使得产品开发人员能够通过重放用户操作来重现错误。无需要对代码做巨大的修改，就能通过网络传递简单的 Action 对象来实现协作环境。无需要对代码做巨大的修改，就能实现撤销 ...继续阅读 (20)

作者：Ole Begemann，原文链接，原文日期：2016-07-28译者：粉红星云；校对：saitjr；定稿：CMB文章更新日志:2016/06/30 增加了一个“不足之处”小节，主要关于语法冗长。还有很少一部分内容的重写。2016/08/02 把代码更新到 Xcode 8 beta 4 版本的。这个系列的其他文章:在 Foundation 框架中的度量值和单位（本篇文章）乘法和除法改良幽灵类型 (Phantom Types)在 iOS 10 和 macOS 10.12 里的 Foundation 框架，新出了一系列将度量单位模型化的类型，我们在现实中真实使用的度量单位，比如：1 千米，21 摄氏度。如果你还没了解过这个，看看WWDC session 238吧，这里概述讲的挺好的。<!-- more -->介绍这个例子向你展示了下用法。让我们从新建一个我上次骑行的距离的常量开始。let distance = Measurement(value: 106.4, unit: UnitLength.kilometers) // → 106.4 km这度量值（Measurement，在 swift 中是一个值类型）包含了数量（106.4）和度量单位（千米）。我们也可以自己定义一个单位，但是在 Foundation 框架中已经有了一堆常见的物理量（physical quant ...继续阅读 (16)

作者：Aaron SchumacherTensorFlow作为一个项目比你能想象到的更大。事实上，它是深度学习的一个库。这个项目与谷歌之间的关系帮助它获得了很多的关注。但是在这些喧哗的表面下，这个项目还是有些独特的元素值得仔细的关注，包括：TensorFlow的核心库不仅仅只用于深度学习，它也适用于更广范围的机器学习技术。线性代数和其他内部核心也明确地开放出来除了核心的机器学习功能，TensorFlow还包括它自己的日志系统，自己的交互式日志可视化工具，甚至是它自己深度工程化的服务架构TensorFlow的执行模式和Python的scikit-learn包以及大部分R语言的工具都不一样这些都是很酷的东西。但是特别是对于那些第一次接触机器学习的人，TensorFlow有更多可以学习使用的东西。TensorFlow是如何工作的？让我们把它拆开，来仔细看看并理解它的内部情况。我们会探索数据流图（这些图定义了你的数据会经历的计算），了解如何使用TensorFlow的梯度下降法训练模型，以及如何用TensorBoard可视化你的TensorFlow工作。后面的例子不会解决工业级的机器学习问题，但是它会帮助你理解构成TensorFlow的所有基础组成部分，包括今后你想要构建的。Python和TensorFlow里的命名和执行TensorFlow管理计算的方法和Python通常的管理方法并不是完 ...继续阅读 (21)

原文地址：https://gmiam.com/post/react-...什么是 Immutable Data ？Immutable Data 是指一旦被创建就不可以被改变的数据，通过使用不可变数据可以让我们很方便的去处理数据的状态、变化检测等问题，而且让我们的程序变得更加的可预见怎么用？npm install immutablevar Immutable = require('immutable'); var map1 = Immutable.Map({a:1, b:2, c:3}); var map2 = map1.set('b', 50); map1.get('b'); // 2 map2.get('b'); // 50大体使用 API// 深度转换 JS Object 和 Array 为 Immutable Map 和 List Immutable.fromJS({a: {b: [10, 20, 30]}, c: 40}) // Immutable.List 浅转换 const $arr1 = Immutable.List([1, 2, 3]); $arr1.size // => 3 // 给倒数第一个赋值 const $arr2 = $arr1.set(-1, 0); // => List [ 1, 2, 0 ] const $arr3 = $arr1 ...继续阅读 (20)

问题你有一个HTML文档要从中提取数据，并了解这个HTML文档的结构。方法将HTML解析成一个Document之后，就可以使用类似于DOM的方法进行操作。示例代码：view plain copy print? File input = new File("/tmp/input.html"); Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/"); Element content = doc.getElementById("content"); Elements links = content.getElementsByTag("a"); for (Element link : links) { String linkHref = link.attr("href"); String linkText = link.text(); }说明Elements这个对象提供了一系列类似于DOM的方法来查找元素，抽取并处理其中的数据。具体如下：查找元素getElementById(String id)getElementsByTag(String tag)getElementsByClass(String className)getElementsByAttribute(String key)(and ...继续阅读 (20)

原文地址：https://gmiam.com/post/react-...React 是一个 JS 库，主要是通过操作数据的方式去操纵 DOM，为什么要重造轮子呢，因为 FB 觉的目前市面上的 MV* 框架对于创建大型应用程序不够直观，不能满足需求，所以诞生了 React。React 现在官方的介绍是 Declarative、Component-Based、Learn Once, Write Anywhere，其实开始推出时主要的特色是 Virtual DOM，因为 DOM 操作总是很慢的，而 JS 的性能日趋向上，所以 React 内部用 JS 维护一颗 DOM 树，每次数据变了从新生成一颗树与之前的做对比，把实际变化的地方应用到真实的 DOM 上。其实说它性能高，只不过是用 JS 的方式计算出最小的 DOM 操作，所以性能就上来了。说到这里我们实际操作下吧，这里假设你熟悉 node、babel、webpack 方式，当然你也可以选择你喜好的方式传送门首先创建目录结构react-demo .babelrc index.html src app.jsindex.html<!doctype html> <html lang="en"> <head> <meta charset="utf ...继续阅读 (22)

原文地址：https://prinzeugen.net/optimi...这篇文章应该算是心得体会一类的吧，因为并没有什么卵用（笑就像前两篇文章说的一样，在我把项目框架改为 Laravel 后，自然要最大限度地利用 Laravel 的特性来提升我们应用的性能（虽然使用 Laravel 本身就是在降低性能了），并且让我们的代码看起来更优雅装逼。其中我们可以最方便地利用的一个特性就是 Laravel 的服务容器了。在这里我不多赘述 Service Container 是个啥，想了解的可以自行搜索。不想了解的就只要大致知道它是个可以 绑定/取出 实例的东西就好了（当然服务容器可不止这么点功能）。相信很多 Web 应用都会在数据库建立一个options表来储存一些用户的配置信息，而为了方便，我们通常会封装一个Option类来方便地进行数据的get、set操作。而通常的做法是把这些操作做成类内静态方法来调用。但是这样的弊端就是每一次的操作都要去查询数据库，这对于性能还是有挺大影响的，尤其是在一次响应中要使用很多 options 的情况下。那么在 Laravel 下我们可以怎么优化呢？蛤？你说 Eloquent？你 TM 长点脑子啊用了 ORM 那 tm 还叫优化？你们呀，不要听的风是得雨，看到 Laravel 就想到 Eloquent！好吧好吧，再强行 +1s 是要出事的，我们回到正题。没错 ...继续阅读 (17)

原文http://lucasmreis.github.io/b...Communicating Sequential Processes 的 7 个示例CSP 是什么? 一般来说, 它是写并行代码的一套方案.在 Go 语言里自带该功能, Clojure 通过基于 Macro 的core.async来实现,现在 JavaScript 通过 Generator 也能做支持了, 或者说 ES6 的功能.为什么我要关心 CSP? 因为它强大啊, 而且高效, 而且简单. 都这样了你还想要什么? :)好吧, 说细节. 怎样使用呢?我们用js-csp, 而且需要 generator 支持, ES6 才有.也就说 Node 4 或者更高的版本才行, 或者浏览器代码用Babel编译一下,当然能其他的编译工具可能也行, 但你要确认下是支持 Generator 的.注: 文章写得早, 现在翻译文章, Chrome 应该是支持 Generator 的.扯多了, 来看例子吧!例 1: 进程第一个要学的概念是"进程". 进程可以执行代码, 简单说就是这样的了. :)注: 当然不是操作系统原始的进程了, js 里模拟的.这是启动进程的语法: generator 函数作为参数, 传给go函数执行.import {go} from 'js-csp'; go(function* () { console.log ...继续阅读 (22)