作为一名 ASP.NET Core 的开发者，依赖注入可以说是居家旅行开发调试的必备技能。在这篇文章里，希望通过一些常识性测试题，来巩固学习一下依赖注入的基础知识。作用域请问下面这段代码的执行结果是什么？public interface IServiceA { } class ServiceA : IServiceA { ServiceA() { Console.WriteLine("New SA"); } } public class Startup { public void ConfigureServices(IServiceCollection services) { services.AddTransient(); ... } }结果是报错：System.AggregateException: 'Some services are not able to be constructed' A suitable constructor for type 'AspNetCore.Services.ServiceA' could not be located. Ensure the type is concrete and services are registered for a ...继续阅读 (7)

入参校验空值是一个非常基础的事儿。很多人看到这个问题，第一反应就是：这事儿也要讨论？大家不都这么写吗？public void DoSomething(Foo foo) { if (foo == null) { throw new ArgumentNullException(nameof(foo)); } }为何校验很多 coding style 建议这样做，很多开源项目也是这样写的，甚至 VS 还提供了一键校验入参的快捷按钮可以自动生成一堆if params == null throw new Exception的代码。但是为什么呢？不校验入参会导致什么问题，校验入参又带来了什么好处？请看下面这个例子：public void PrintCar(Car car) { if (car == null) { throw new ArgumentNullException(nameof(foo)); } Console.WriteLine(car.Name); }在这个例子里，如果不校验入参，Console.WriteLine(car.Name);会抛出NullReferenceException，如果校验入参，则会抛出ArgumentNullException。有人说，这解决了空指针异常的问题。其实 ...继续阅读 (7)

多进程单进程问题不稳定，插件崩溃浏览器就崩溃不流畅，脚本执行会让页面卡顿，内存泄漏也会导致浏览器变慢不安全，恶意插件和恶意脚本容易获取系统权限作恶多进程优点进程隔离，插件或者页面崩溃不会导致其他页面崩溃页面隔离，即使 JS 阻塞了渲染进程，影响到的也只是当前的渲染页面，而并不会影响浏览器和其他页面，其他页面的脚本是运行在它们自己的渲染进程中的，浏览器也可以正常使用。通过安全沙盒解决安全问题五个常见进程浏览器主进程：负责界面显示、用户交互、子进程管理，同时提供存储等功能。渲染进程：负责页面渲染，运行在独立沙盒中，排版引擎和 JS 引擎都是运行在该进程中。一般每个标签页创建一个渲染进程，同源标签（域名、协议、端口）复用同一个渲染进程。官方把这个默认策略叫 process-per-site-instance，但是通过rel="noopener noreferrer"可以强制新进程渲染，表示当前页面明确新窗口不需要访问父窗口的内容，防止钓鱼网站。网络进程：负责页面的网络资源加载，之前是作为一个线程运行在浏览器进程里面的，后来独立出来，成为一个单独的进程。GPU 进程：绘制 UI 界面插件进程：负责插件的运行，因插件易崩溃，所以需要通过插件进程来隔离，以保证插件进程崩溃不会对浏览器和页面造成影响。渲染浏览器渲染机制DOM：渲染引擎解析 HTML 文档，构建 DOM TreeComputed ...继续阅读 (2)

float 和 decimalfloat 存储的是近似值，decimal 是存储的精确值。当数据是整数的时候，float 会以整数处理。float 容易出现误差，所以不会用 = 做比较，更多是做 range 比较。如何分析语句的性能通过 EXPLAIN 关键字模拟优化器执行 SQL 语句，从而知道 MySQL 是如何处理 SQL 语句的。慢查询分析当 MySQL 性能下降时，通过开启慢查询来获得哪条SQL语句造成的响应过慢，进行分析处理。当然开启慢查询会带来CPU损耗与日志记录的IO开销，所以我们要间断性的打开慢查询日志来查看 MySQL运行状态。慢查询能记录下所有执行超过 long_query_time 时间的SQL语句, 用于找到执行慢的SQL, 方便我们对这些SQL进行优化show variables like "%slow%";-- 是否开启慢查询;show status like "%slow%"; -- 查询慢查询SQL状况;show variables like "long_query_time"; -- 慢查询时间通过 mysqldumpslow 工具分析慢查询 slow_query_log如何优化 MySQL 配置innodb_buffer_pool_size 缓冲池大小，越大越好，尽量用内存innodb_log_file_size：redo 日志大小，用于写操作 ...继续阅读 (5)

基础知识常见协议分层应用层：HTTP，负责封装请求内容传输层：TCP、UDP，负责把数据包送达具体应用网络层：IP，负责把数据包送达目标主机TCPTCP 三次握手、TCP 四次挥手三次握手可以两次吗为了实现可靠数据传输， TCP 协议的通信双方， 都必须维护一个序列号， 以标识发送出去的数据包中， 哪些是已经被对方收到的。 三次握手的过程即是通信双方相互告知序列号起始值， 并确认对方已经收到了序列号起始值的必经步骤。如果只是两次握手， 至多只有连接发起方的起始序列号能被确认， 另一方选择的序列号则得不到确认。在 S ACK 的时候，C 可能已经关闭无法接受信息，导致网络资源浪费。四次挥手可以三次吗当服务端收到客户端的 SYN 连接请求报文后，可以直接发送 SYN+ACK 报文。其中 ACK 报文是用来应答的，SYN 报文是用来同步的。但是关闭连接时，当服务端收到 FIN 报文时，很可能并不会立即关闭，所以只能先回复一个 ACK 报文。只有等到服务端所有的报文都发送完了，才能发送 FIN 报文，因此不能一起发送。所以需要四次挥手。客户端第一个「SYN」包丢了，怎么办？客户端会尝试三次重传 SYN 包，间隔时间分别是 5.8s、24s、48s。建立一个新连接的最长时间限制为 75 秒。服务端收到「SYN」并回复的「SYN, ACK」包丢了，怎么办？客户端没收到 ACK 会以为是前面 ...继续阅读 (8)

响应式原理方案一：Object.defineProperty基于 Object.defineProperty 通过 setter/getter 方法来监听数据的变化。 getter 进行依赖收集，setter 在数据变更的时候通知订阅者，递归调用监听对象的所有属性。缺点：无法检测到对象属性的添加或删除不能监听数组的变化，需要重写数组方法function defineReactive(obj, key, value) { Object.defineProperty(obj, key, { enumerable: true, configurable: true, get() { console.log('get', obj, key, value) return value }, set(newVal) { observe(newVal) if (newVal !== value) { console.log('set', obj, key, newVal) value = newVal } } ...继续阅读 (14)

CSS几种布局正常布局流，display 属性为 block inline inline-block 这些标准属性，是浏览器默认的HTML布局方式table 布局，优点是兼容性好，缺点是需要等内容全部加载完才可以展示浮动布局，通过 float 属性，例如 float: left 可以让块级元素并排而不是堆叠position 属性布局静态定位 static：默认属性相对定位 relative：允许元素的相对移动静态定位 absolute：相对第一个非 static 的父类元素定位固定定位 fixed：相对浏览器视图固定粘性布局 sticky：指定阈值后，未越过阈值为 relative，越过阈值为 fixedCSS Grid，display 属性为 grid，兼容性差Flexbox，display 属性为 flex盒模型content、padding、border、border标准盒模型（content-box）的宽高就是 content 的宽高，IE 盒模型（border-box）的宽高是 content+padding+border 宽高的总和选择器及其优先级!important内联样式 style=""ID 选择器 #id类选择器/属性选择器/伪类选择器元素选择器/关系选择器/伪元素选择器通配符选择器BFCFormatting Context 指一个独立的渲染区域，或者说是一个隔 ...继续阅读 (7)

通用模板系统设计的面试题是一个开放式的对话，大体可以分成四个步骤：第一步：明确需求需求是无止境的，需要明确一个范畴，专注讨论范畴内的需求用例目标用户是谁，用户规模大概多大有哪些功能，核心功能的输入输出是什么有哪些边界情况需要注意预期的数据量和处理速度第二步：设计架构做一个高层次设计，画出核心组件的架构用连线代表核心组件之间的交互第三步：细化实现具体到每个系统组件，提供具体的解决方案演示所有功能的交互流程和解决方案第四步：扩展设计不用直接得出最终设计，通过 benchmark/load/profile 迭代分析瓶颈可参考方案：DNS、CDN、负载均衡、水平扩展、反向代理、应用层、缓存、主从复制论述可能的解决办法和代价，每件事情需要权衡利弊做出取舍重要的是讨论在初始设计中可能遇到的瓶颈，以及如何解决每个瓶颈一些常见的优化方案：DNS：根据地理位置分流CDN：内容分发加速，客户端访问速度更快Load Balancer：反向代理层做负载均衡，缓解单个 web server 的访问压力Memory Cache：高频数据放在内存缓存中，缓解数据库查询压力SQL Write Master-Slave & Read Replicas：主从分离提高数据安全性和可用性，slave 上做查询可以缓解生产服务器访问压力过大的问题。SQL Analytics：分析 SQL 的执行耗时，优化应用层的 SQL ...继续阅读 (8)

简单整理了一下 Leetcode 上 easy 题目的常见分类和解题思路，easy 的题目思路都比较简单，主要考察基础的编程能力和常见数据结构的使用。数组set/hash：常用于计数、去重Contains Duplicate：set 做去重Single Number：解法比较多，可以 set 计数后找 count = 1 ，或者异或运算也行Intersection of Two Arrays II：word count 之后在 hash 里取 count 最小值Two Sum：把 target - i 存进 hash ，这样下次遍历寻找的时候就是 O(1)in-place：不用额外空间的数组操作，主要是 index 相关，比如记录删除后 index 的偏差Remove Duplicates from Sorted Array：inplace remove，标记 deleted countRotate Array：从 k 位开始轮转数组，等于 reverse 之后再分别 reverse 0-k 和 k+1:length-1Rotate Image：顺时针旋转二维数组，reverse 后在做斜对称的反转比较方便Move Zeroes：第一次遍历标记 zero count ，先把数字移到正确位置，再补零Merge Sorted Array：遍历两个数组，不断把第一个数组的元素往右移，同时 ...继续阅读 (8)

背景闲聊大家好。请原谅我用了这样一个高调奢华张扬浮夸的标题。毕竟这是一篇设计相关的文章，为了表现本人的美学修养，为了营造良好的艺术氛围，我决定放弃『奥土雷奥特从入门到精通』『垃圾小波教你30分钟掌握设计大局观』『艾欧哀思布局看这篇就够了』这样土爆了的名字，而使用和我本人一样低调又有内涵的『设计美学』作为这篇文章标题。UI 可以说是 iOS 开发中不可避免的一个重要环节。手撕还是拖拽的咸淡豆腐脑之争先放在一边，在这篇文章里我希望和大家分享一些我在使用 Auto Layout 开发 UI 时的想法。亲爱的手写党们，请不要看到这里就关闭浏览器。文章虽然是关于 Auto Layout 的，但是其实最核心的部分是如何将设计稿中的像素转化为开发稿中的约束，而这点在所有开发场合中都是通用的。『如何将设计稿中的像素，转化为开发稿中的约束。』这句话居然还押韵，我真是个天才。基础概念Auto Layout 是一种通过约束规定页面组件的依赖关系后自动布局的 UI 编写方式。本质上， Auto Layout 是规定了两个组件属性的线性关系。y = ax + b关于 Auto Layout 的基础知识本文不再赘述，请参考阅读：Auto Layout GuideBeginning Auto Layout Tutorial in iOS 7: Part 1Auto Layout Tutorial in iOS ...继续阅读 (4)

背景Electron是一个跨平台应用框架，原本为Atom设计，后来单独分离了出来。它提供了一些与原生系统交互的 API ，可以方便快速使用 HTML、JavaScript、CSS 等 Web 技术开发跨平台应用。最近基于 Electron 开发了一个简单的理财计算器。发布了 1.0 版本之后，总结一下这段时间的开发经历。哦对了，价格是随便定的，主要是熟悉下流程，大家千万别买。这篇文章只包含个人开发小结，不包括各种框架工具的基础使用，如有需要请自行 Google 。过程理财计算器的功能很简单，目前只做了股票的保本卖出价的计算。输入买入价、买入数量等信息，算上各种手续费之后，输出保本卖出的价格。看起来很简单的功能，大概却做了5天，主要在开发环境配置上卡了挺久。基础项目一开始需要做的是搭建整个项目的基础框架，主要包含以下几个方面：electron：跨平台框架，主要是封装 Web 应用，并且打包发布。webpack：模块加载打包工具，可以通过各种 loader 加载不同资源。eslint：JS 代码静态检测工具，可以方便的统一代码的风格。babel：可以将 ES6 代码转为 ES5 代码的语法编译器。vue：前端框架，数据驱动的组件化开发，配上vue-loader之后十分好用。上面这一套东西要搞一下还是比较费时间的，好在网上有各种现成的模板，货比三家之后最后选用了electron-boil ...继续阅读 (12)

背景国内有很多技术分享平台。作为热衷于写博客的开发者，自己写的内容能让更多的人看到，个人感觉这是一件好事。然而不少平台的分享存在着版权问题。有些直接就是原文再排版，然后在自己的网站上发布，读者无法与作者讨论交流，作者自己的博客也没有流量。这似乎并不是一件好事。今天花点时间，了解一下版权相关的知识，也希望阅读到文章的你能够有所收获。著作权与版权作为一个文盲兼法盲，在正文之前先补了补基础课，仔细读了读《中华人民共和国著作权法》。著作权和版权在国内属于同一个东西，摘录一段著作权法中的说明：第十条　著作权包括下列人身权和财产权：（一）发表权，即决定作品是否公之于众的权利；（二）署名权，即表明作者身份，在作品上署名的权利；（三）修改权，即修改或者授权他人修改作品的权利；（四）保护作品完整权，即保护作品不受歪2222曲、篡改的权利；（五）复制权，即以印刷、复印、拓印、录音、录像、翻录、翻拍等方式将作品制作一份或者多份的权利；（六）发行权，即以出售或者赠与方式向公众提供作品的原件或者复制件的权利；（七）出租权，即有偿许可他人临时使用电影作品和以类似摄制电影的方法创作的作品、计算机软件的权利，计算机软件不是出租的主要标的的除外；（八）展览权，即公开陈列美术作品、摄影作品的原件或者复制件的权利；（九）表演权，即公开表演作品，以及用各种手段公开播送作品的表演的权利；（十）放映权，即通过放映机、幻灯机等 ...继续阅读 (10)

背景前段时间合伙人想做一个早教类的 AR 项目，并且扔给了我一个小册子：大概的功能是：iPad 扫瞄识别右侧的积木屏幕上出现主角按照顺序执行操作最后显示运行结果，闯关是否成功折腾了一段时间，基本做完了上述功能，可以在这里看到演示的效果。整个项目从第一次提交代码，到最后出演示效果，花了两天的时间，看了下 git commit 累计花了 25 小时（主要是炒股浪费了不少时间，也浪费了不少钱，此处略过不谈）。看上去最终的开发时间不多，不过前面还是做了不少功课，在此简单的记录一下。文章中不会涉及任何工具的具体使用过程，所有的基础操作在官方文档里都有详细的讲解。了解正式开发之前，先做了一些准备工作，主要是搜索 AR 相关的功能，看看有哪些工具可供使用。一番调研对比和测试之后整理了以下待选方案：OpenCV：计算机视觉库，主要进行右侧积木的识别。Vuforia：可以方便的在软件中实现 AR 功能，主要用于关卡识别和主角模型展示。Python：主要是围绕 OpenCV 的一系列科学运算工具，用于快速开发图像识别功能的原型。Unity3D：一款 3D 游戏引擎，可以很方便的进行 3D 场景搭建。OpenGL：如果不用 Unity3D 就需要在 iOS 项目里基于 Vuforia 手写 OpenGL 实现 AR 功能。积木识别测试在正式开发之前，先使用 OpenCV for Python 开发图像识 ...继续阅读 (57)

背景识别二维码的项目数不胜数，每次都是开箱即用，方便得很。这次想用 OpenCV 从零识别二维码，主要是温习一下图像处理方面的基础概念，熟悉 OpenCV 的常见操作，以及了解二维码识别和编码的基本原理。作者本人在图像处理方面还是一名新手，采用的方法大多原始粗暴，如果有更好的解决方案欢迎指教。QRCode二维码有很多种，这里我选择的是比较常见的 QRCode 作为探索对象。QRCode 全名是 Quick Response Code，是一种可以快速识别的二维码。尺寸QRCode 有不同的 Version ，不同的 Version 对应着不同的尺寸。将最小单位的黑白块称为 module ，则 QRCode 尺寸的公式如下：Version V = ((V-1)*4 + 21) ^ 2 modules常见的 QRCode 一共有40种尺寸：Version 1 : 21 * 21 modulesVersion 2 : 25 * 25 modules…Version 40: 177 * 177 modules分类QRCode 分为 Model 1、Model 2、Micro QR 三类：Model 1 ：是 Model 2 和 Micro QR 的原型，有 Version 1 到 Version 14 共14种尺寸。Model 2 ：是 Model 1 的改良版本，添加了对齐标记，有 Ver ...继续阅读 (30)

背景介绍刚开始炒股的时候，心中一直有个疑问：什么是大盘？为什么大家都在看大盘而不是看自己的股票呢？大盘的涨跌和个股的走势有什么关联吗？然后看新闻资讯的时候，也常常听到什么拉动所在板块上升之类的话。某个行业的利多利空消息是否对所有股票都适用？哪些个股比较随大流，它涨我也涨？又是哪些股总是带头冲锋，苟利国家生死以，岂因祸福避趋之？这篇文章，尝试从数据出发，挖掘股票价格之间的关系，寻找那些生死与共的好股友们。概念扫盲在继续深入之前，先对一些名词有个简单的了解：大盘：通常指上证综合指数，以上海证券交易所挂牌上市的全部股票为样本，以发行量为权数，以加权平均法计算，以1990年12月19日为基日，基日指数定为100点的股价指数。板块：由股票组成的群体，因为有某一共同特征而被归类在一起。板块特征可能是地理上的，例如江苏板块、浦东板块；可能是业绩上的，如绩优板块；可能是上市公司经营行为方面的，如购并板块；可能行业分类方面的，如钢铁板块、科技板块、金融板块、房地产板块等。收集数据可以通过tushare下载历年的数据：importtushareastsimportpandasaspddefdownload(code, name, index=False):filename ='get_h_2000/'+code+'-'+name+str('.csv')ifos.path.exists(filename ...继续阅读 (74)

背景分析上海是全国最早实行私人轿车牌照拍卖方式来控制交通流量的城市，需要通过投标拍卖的形式购买车牌。而车牌的拍卖并不是简单的价高者得，服务器只接受最低可成交价上下300元区间内的出价，意思就是说，如果现在最低成交价是60000，你出价范围必须在57000～63000之间，并且这个最低成交价是在不断变化的，到了最后几分价格上涨太快根本来不及操作。如果能提前根据历年数据预测本次拍卖成交价格，那么成功率必定比盲拍要高很多。下面就尝试使用scikit-learn这个机器学习工具库来进行价格预测。收集数据在上海国拍竞标网等其他公告网站收集到了最近几年的完整拍卖记录：另外，一些重要的政策搜集也很重要，如果出现异常值可以剔除：2013年4月，开始有最低警示价的约束。2013年10月，取消警示价。2013年11月，重启警示价。2014年1月，试行车牌拍卖年度统一警示价72600元。同时，将实行个人、单位分场拍卖。2014年4月，投标卡参拍增至6次。2014年7月，拍牌者必须提交驾驶证件。2014年11月，二手车牌照不能私下交易，买卖纳入统一拍卖平台。2015年1月，警示价设定标准为剔除价格波动异常月份后，取最近三个月拍卖成交均价的加权平均值。加载数据数据和政策都收集好了，接下来就是数据预处理部分。预处理主要是读取数据并除掉无用的列，重命名中文列名等等：df = pd.read_csv('data. ...继续阅读 (33)

基础概念金叉和死叉是股票分析中十分常见的技术名词。金叉是指短期线上穿长期线，且这两根线方向均朝上，则此线组合为『金叉』，反之为『死叉』。股票交易中，金叉通常为买进信号：短期线带节奏拽着长期线往上，说明短期强势，可以考虑买进。那『金叉买进』之后到底涨的概率为多少呢？涨幅又如何？不妨通过 Python 来算算看。寻找金叉我们取出过去两年的所有数据，用来计算 MA 的值。然后再取出 2015 年的数据，用于寻找金叉：%matplotlib inlineimporttushareastsimportpandasaspdimportmatplotlib.datesasdatesimportmatplotlib.financeasfimportmatplotlib.pyplotaspltimportdatetimeall_df = ts.get_h_data('601233',start='2014-01-01',end='2016-03-01')all_df = all_df.sort_index(ascending=True)params = [5,10,20,60]forpinparams:all_df['ma'+str(p)] = pd.rolling_mean(all_df['close'], window=p)df = all_df[all_df.index.year ==2015 ...继续阅读 (116)

背景最近在学习使用 Python 做数据分析，感觉一个比较有意思的场景是用于股市，比如数据可视化、股票技术指标分析等等。准备写一个系列记录用 Python 分析股票的全过程。相关技术在折腾的过程中，相关的技术如下：Python：用于分析股票的编程语言，选择 Python 的原因是相关科学计算的库十分丰富。Virtualenv：用于创建虚拟的 Python 运行环境，用于保持工作空间互不干扰。iPython：代码编写均在 iPython Notebook 中完成，方便查看运行结果和记录分享。NumPy：一个常见的基础运算库，支援矩阵运算，包含大量常用的数学函数。Pandas：一个基于 NumPy 的数据分析工具，可以简单高效地处理数据。Matplotlib：基于 NumPy 的绘图工具，可以用一些通用的 GUI 工具很方便的绘制图表。基础操作股票的数据是通过matplotlib的finance模块获取的，它提供了一个获取雅虎股票数据的接口：date1 = datetime.date(2016,2,25)date2 = datetime.date(2016,2,26)sp = f.quotes_historical_yahoo_ohlc('601233.ss', date1, date2, adjusted=True)printsp获取到的数据格式是：日期、开盘价、最高价、最低价、收盘 ...继续阅读 (45)

背景介绍最近在做微信订阅号爬虫的时候，突然感觉可以搞这样一个报警系统：如果解析的内容出现了错误，通过『瀑布 IM』发送消息给我。有这样聪明懂事的爬虫，绝对省心不少。初步实现功能嘛很简单，就是爬虫解析网页的时候，如果发现解析的内容和期待的内容格式不相符（比如正则没匹配上），则调用报警接口，预计应该是pubu.error('extract item failed')这样的调用方式。我们先分析一下接口需要哪些数据，瀑布的文档里是这样描述的：{"text":"文本","attachments":[{"title":"标题","description":"描述","url":"链接","color":"warning|info|primary|error|muted|success"}],"displayUser":{"name":"机器人名称","avatarUrl":"头像地址"}}大概是需要：消息的内容，附件的标题、描述、链接、类型，发送者的名称、头像。于是我们很快可以写出一个报警函数：functionsendPubuMessage(type, sender, title, description, url){constattachment = {title: title,description: desc ...继续阅读 (8)

最近和学生团队一起完成了一款玩票产品：《生日诗词》。功能很简单：根据你的生日生成一首诗词。本以为扔一堆高频词组然后随机组装就行了，然而实际做起来却发现其乐无穷。需求分析既然是唐诗宋词，那肯定有一定的格式。五言七言、绝句律诗，后面说不定还要支持宋词元曲，如何才能灵活的生成想要的格式呢？先来看个五言绝句：平平仄仄平（韵） 仄仄仄平平（韵） 仄仄平平仄 平平仄仄平（韵）可以看到，主要需要关注的是平仄和韵脚。如果能自己定义模板，然后再攒一大堆唐诗宋词通用的词组，最后将数据填充到模板里就好了。前期准备自定模板模板的话大致需要一下几个信息：字数：希望用多少字的词组来填充平仄：朗朗上口的话平仄是必须的押韵：合适的韵脚可以让诗更像诗标记：通用的标记可以更好地渲染这里补充一下平仄的基础知识：普通话中，第一声、第二声称为阴平、阳平，是由古汉语的平声演变而来。第三声上声、第四声去声 ...继续阅读 (10)

在这篇文章里，我想聊一聊2015年，我的收获与感想。TL;DR掌握正确的学习方法，循序渐进提高效率。静下心来学习，戒骄戒躁，专注与技术本身。有自己的职业规划，清楚自己需要什么在做什么。学习这一年的时间里，我感觉收获最大的地方就是学习了。并不是学习给我带来了什么，而是学习方法本身的收获。对于我而言，学习分为三个过程：大量阅读整理消化乐于分享大量阅读第一步是大量阅读。充分保证阅读量是高效学习的前提，而阅读量主要取决于以下方面：信息来源：有哪些渠道来收集信息关注焦点：大量的信息里如何取舍我的阅读来源主要是（排名有先后）：RSS：订阅了很多博客，以前主要是 iOS ，现在主要是前端。好处是可以第一时间获取到最新的博客分享，而且不会遗漏。一般我只在 Mac 上用 Reeder 处理订阅的内容，方便归档整理。订阅列表会定期同步到 Gist 上。周报：邮箱里订阅了很多技术周报，比如 Swift Sandbox 、iOS Dev Weekly 等等，周报可以起到一个查漏补缺的作用，因为这是其他开发者手机整理的，如果发现有好的博客则可以整理到自己的 RSS 里方便以后长期关注。微博：前面两个信息来源都是自己主动订阅的，可以保证质量但是并不能保证阅读的广度。我的微博里有一个专门的 Learn 分组，里面存放了近两百个质量比较高的微博帐号，可以及时看到一些微博上的技术分享，这个分组里的微博是每天每条必读 ...继续阅读 (20)

最近用 Flask 给以前写的 OpenCV 代码配置一个入口供前端调用，翻文档的时候发现部署服务器和在本地运行与我一开始想的并不太一样。于是花点时间了解并整理了一下，补补基础课。CGI概念CGI 是一种服务器和后端可执行程序之间的交互标准，它描述了『如何通过环境变量来传递请求信息』。原理最原始的服务器，简单到就是访问文件目录，每次的请求都是请求加载目录下的文件。比如文档放在/usr/local/apache/htdocs目录下，访问http://example.com/index.html其实就是请求/usr/local/apache/htdocs/index.html文件。CGI 通过服务器脚本（或者二进制文件），扩展了这个基础的『访问过程』。它利用程序的标准输入输出流，完成 HTTP 通信。每次请求的文本以标准输入流的形式进入服务器端的 CGI 程序，创建进程并执行，然后将运行结果通过进程的标准输出流输出作为响应。比如/usr/local/apache/htdocs/cgi-bin是我们的 CGI 目录，当请求了 CGI 目录里的文件的时候（比如访问http://example.com/cgi-bin/printenv.pl），服务器并不会返回这个文件，而会运行这个程序，然后将生成的内容返回给客户端。所以理论上，任何有输入输出能力的语言都可以用来写 CGI。CGI 的工作原理 ...继续阅读 (71)

最近开始每天花点时间阅读 Pocket 里收藏的文章，已经1300+的未读文章啦，要抓紧时间看起来了。做一些简单的记录，以后需要的时候方便翻阅。2015-11-28前端：HTML 处理利器 PostHTML 入门教程图片脚本懒加载 - Lazyload移动端Web上传图片实践从 jQuery 到 Angular 的一次改版如何在大型 Web 应用中保持数据的同步更新？再谈 CSS 预处理器如何开发并维护一个开源的 React 组件？移动端 Web App 自适应布局探索与总结JS的递归与TCO尾调用优化尾调用优化JavaScript 中对变量和函数声明的『提前（hoist）』15年双11手淘前端技术巡演 - H5性能最佳实践Nginx能为前端开发带来什么？2015前端组件化框架之路2015前端框架何去何从未来Web应用的前端技术选型畅想美团吕伟：借助后端算法 大幅提升前端编译性能前后端分离Web 研发模式演变JavaScript 模块化七日谈前端模块化开发那点历史Bootstrap 的10个错误用法后端Passport.js 学习笔记Express在生产环境下的最佳实践 - 性能和可靠性Express在生产环境下的最佳实践 - 安全性Node.js 在双十一中有哪些应用，表现如何？当我们谈论 cluster 时我们在谈论什么(上)n的设计与实现解密 IFTTT 的数据架构如何应对并 ...继续阅读 (33)

最近在做一个微信公众账号，很多地方需要用到字符识别(OCR)。补了补一些基础知识之后，决定基于Tesseract进行开发。接下来会整理一系列文章，记录整个开发过程，包括：训练自定义字体集、部署到 Docker 、通过 NodeJS 调用、等等。TesseractInstall训练过程是在 Mac 上完成，然后把训练结果扔到 Docker 上。所以需要安装 Mac 和 Linux 两个环境下的 Tesseract 。首先是 Mac 下，homebrew以前需要手动编译，最近终于加上了--with-training-tools的选项，各种训练工具都已经打包搞好，只需要：brew install tessreact --with-training-tools然后 Linux 下，通过 Docker 配置了 Ubuntu@14.04 ，安装也很方便：sudo apt-get install tesseract-ocrTest安装完成之后，在没有训练之前先先试一下效果如何。比如下面这张：通过 Tesseract 识别：tesseract input.jpg result识别结果是：08F1916711‘嗯大体上数字识别还是准确的，但是对于一些相近的字符比较容易出现识别错误，例如图中的 G 被识别成了 0。原因是默认会使用英语进行识别，而英语字体集中并没有我们想要识别的字体。这时候 ...继续阅读 (51)

同志们，我又来闲扯前端了。掐指一算不务正业地折腾前端已经有将近一个月的时间了，这段时间零零散散做了三四个简单的小项目，尝试了 Grunt Gulp Webpack 之类的项目构建工具，折腾了 AngularJS ReactJS VueJS 之类的前端框架，对比了 Jade Mustache Ejs 之类的模板引擎，把玩了 Sass Less Stylus 之类的预处理器，还借助着 Babel 体验了一把 ES6+ ，心中一直有这样一种感觉：还是 iOS 好啊！（别问我为什么试这么多东西，挑一个用不就行了吗？是啊，但是不试一遍怎么知道挑哪个好Q_Q简单整理一下最新的一个项目：一个用于微信传播的 HTML5 小活动，源码在活动上线之后会开源到 Github 上。YeomanYeoman 在前面的文章中介绍过，是一款脚手架工具。新项目使用的是generator-gulp-webapp这个模板，在recipes里介绍了一些常用的扩展方案，主要是 gulp 相关的一些配置。BabelBabel 是一款 JavaScript 转译器，它能够将 ES6+ 的代码转译为主流浏览器支持的 ES5 代码，而且还可以通过插件加载 JSX 的语法。可以在 Babel 的repl里体验一下它的神奇之处。输入一段 ES6 的内容：varadd = (a, b) => {console.log( ...继续阅读 (112)

最近在新项目中尝试使用 Moya+RxSwift+Argo 进行网络请求和解析，感觉还阔以，再来给大家安利一波。MoyaMoya是一个基于Alamofire的更高层网络请求封装，深入学习请参见官方文档：Moya/Docs。使用Moya之后网络请求一般长了这样：provider.request(.UserProfile("ashfurrow")) { (data, statusCode, response, error)inifletdata = data {// do something with the data}}Moya提供了很多不错的特性，其中我感觉最棒的是stub，配合sampleData分分钟就完成了单元测试：privateletprovider =MoyaProvider<ItemAPI>(stubClosure:MoyaProvider.ImmediatelyStub)注意这里的MoyaProvider.ImmediatelyStub，我原以为它是个枚举类型，看了MoyaProvider定义发现这里应该传个closure，看了ImmediatelyStub的定义发现原来它是个类方法：publictypealiasStubClosure=Target->Moya.StubBehavioroverridepubl ...继续阅读 (81)

SppedUp我们团队每隔两周会有一次 SppedUp ，两天时间开发一款全新的应用。从前天凌晨到昨天深夜整整48小时，第一次 SpeedUp 理论上应该已经结束，但是事实上并没有想象中那么理想，一直拖到今天还在继续，而且还存在诸如『登录时键盘遮挡输入框』这种低级错误。今天花了一天时间完善了细节，并且整理一下代码，整理一些 Swift 中的代码优化细节。UIStoryboardSegue作为一名纯粹的 IB 党，少不了和UIStoryboardSegue打交道。主要的使用场景是以下两个方法：performSegueWithIdentifier(_:sender:)prepareForSegue(_:sender:)一开始我们是这么写的：performSegueWithIdentifier("show_detail", sender:nil)后来发觉这种hard code并不科学，于是用 struct 封装了一下定义成常量，这样合理多了：structSegueIdentifier{staticletshowDetal ="show_detail"}performSegueWithIdentifier(SegueIdentifier.showDetal, sender: dataSource[indexPath.row])再后来感觉prepareForSegue里不 ...继续阅读 (14)

Intro这部分主要是学习RxSwift项目中的示例项目，了解RxSwift在实际 iOS 开发中的正确打开方式。Demo1:GitHub Signup第一个示例是 GitHub 注册账号的例子。输入用户名、密码、重复密码，然后提交注册。username在注册流程中，用户名校验是一个很常见的功能。我们一般需要对用户名做如下检查和流程：是否不为空是否不包含非法字符是否没有被注册过以上均通过，联网注册是否成功连接上服务器服务器是否正确处理并返回结果要通过 RxSwift 实现以上流程，可以划分成如下几步。rx_text如果想监听文字输入，我们最好能有一个Observable的对象不断地给我们发送新的输入值。rx_text是 RxSwift 针对 Cocoa 库做的各种封装中的一个，可以简单看下它的定义：extensionUITextField{/**Reactive wrapper for `text` property.*/publicvarrx_text:ControlProperty<String> {returnrx_value(getter: { [weakself]inself?.text ??""}, setter: { [weakself] valueinself?.text = value})&# ...继续阅读 (105)

（前面的坑还没填完，我又来开坑了。。。Part 0 走起！）RxSwift是我在 Github 上关注已久的一个项目，今天花点时间过了一下它的示例代码，感觉很有意思。我主要是通过项目里的Rx.playground进行学习和了解的，这种方式确实便捷高效。只需要把文档用/*: */注释即可，直接用 Markdown 编写，简单方便。不过 Xcode7 中这种方式现在还不是很稳定，会有大量的空行，而且有个最大的问题就是阅读到中间然后切到其他文件再切回来的时候，阅读的进度条是从头开始的，并不能记录上次阅读的位置。心累。下面是我的简单笔记，只是把学习过程中的收获记录下来，大部分内容来自于项目内的 playground 。注意！是很大部分！而且操场里图文并茂，很容易理解。所以，各位如果感兴趣，建议 clone 官方项目，跑个操场玩玩。参考文献中罗列了我在学习过程中查阅的相关资料，可以作为补充阅读。SupportCode在进入正题之前，先看下项目里的SupportCode.swift，主要为 playground 提供了两个便利函数。一个是example函数，专门用来写示例代码的，统一输出 log 便于标记浏览，同时还能保持变量不污染全局：public func example(description: String, action: () -> ()){print("\n--- \(de ...继续阅读 (44)

最近在做一个简单的资源管理系统，以前都是 PHP+jQuery+Bootstrap 的组合，这一次想尝试一些没接触过的东西。在这里简单的总结一下在开发过程中用到的框架和工具。总结的比较简单，新手上路，多多指教！各位如果感兴趣可以进入各个项目的主页深入了解。另外，由于我曾经是一名 iOS 程序员（啊现在也是），在文章中可能会情不自禁地乱入一些 iOS 开发相关的东西，可以直接无视我。。。npmnpm 是 NodeJS 的包管理工具，建议使用n管理 NodeJS 版本，无痛体验 NodeJS 4.0 和 0.12 版本。同时考虑到国内的网络环境，可以考虑使用 taobao 的npm 镜像。虽然 homebrew 是神器，但是还是不推荐使用 homebrew 安装 npm ，原因可见：Fixing npm On Mac OS X for Homebrew Users。用 npm 去管理 npm 再好不过了。Yeoman在做开发的时候，各种文件的归类和摆放是一个很常见的问题，例如业务逻辑文件放在 app 文件夹，模板文件放在 template 文件夹，每次新建项目都要做一些重复的工作。Yeoman 是一款脚手架工具，可以轻松地为你搭建一个项目的大体框架。可以通过 npm 安装：npminstall-gyo bower grunt-cli gulp安装完成之后，输入yo就可以开始搭建一个项目 ...继续阅读 (11)