blog
blog copied to clipboard
xiongwilee
该repo的issue为这个博客的数据源：
读《创京东》
[intro]: 最近一个团队小伙伴儿问我在我们这种创业公司应该怎么成长，除了一些比较软的东西外，我推荐了这本《创京东》，站在老板的“上帝视角”反观如何实现自我迭代升级…… [image]: https://img4.cyzone.cn/uploadfile/2018/0125/20180125042250667.jpg 最近跟很多小伙伴儿聊天，拿京东的成长史讲的比较多；刚刚好在微博上看到了刘强东在老员工授勋晚宴的演讲（[参考链接](http://www.miaopai.com/show/gk1PTRRjf02HOlv4AHkOFvo7kJbBGpO48-JmNQ__.htm)）；另外，正好过几天准备给团队的小伙伴“罗辑思维”式地讲一本书…… 这一系列的缘故，关于《创京东》索性直接成文，记录下来。 ### 一、刘强东维度：寒门出贵子吗？ 先直接说结论：**出，但“寒门难出贵子”，同时，我是坚信阶级固化的概念的；所以，尤其是在中国，接下来寒门将越来越难出贵子**。再引申一下，草根将越来越难成为主流，而是越来越趋于多样化。（参考：[《我们这个时代,寒门再难出贵子》](http://bbs.tianya.cn/post-free-3443970-1.shtml)） 几乎所有这一代中国的名人传记都会强调吃苦耐劳，但刘强东经历却是比较形象的： > 父母常年跑船，在船上吃住。刘强东和他妹妹被寄养在他的外婆家，照今天的话来说，就是留守儿童。他的外婆是一位典型的被艰难生活榨干了血肉，只剩下皮与骨头的中国农村妇女。5岁的刘强东就要照顾3岁的妹妹，妹妹喊饿，他就在地上用砖块搭灶做饭，把米煮成一锅黑乎乎的饭。再长大一点，割猪草、挑水他什么都做。 1989年夏天，刘强东15岁的时候没有和家里人打招呼，怀揣自己攒的50块钱，只身从宿迁到江西九江和湖北黄冈。粗算了下，单程差不多1000公里，但是在那个年代，1000公里决不可与现在同日而语。   除了开始一次个人的长途旅行所需要的勇气外，还需要有足够成熟的心理状态去消化途中的诱惑和见识。 > 这次出远门的经历，在刘强东的人生里留下浓重的痕迹，这是他第一次自主思考生命的意义，认真思考自己只有一次的人生。虽然老师在课堂上教育学生思考人生，思考理想，但那时风过水无痕，对他没有多大的影响。 所以，**不一定是旅行，自己一定需要一次打破自己生活常态的尝试，给自己一些“思考人生”的时机**。这一点我自己也深有感触，具体两个经历：1）大二暑假去深圳的一家血汗工厂打工，和我年级相仿的人住一个可能随时会踩到蟑螂的寝室；2）大四毕业，奔波全国，就为了找一份自己满意的工作（https://mp.weixin.qq.com/s/6ELiS9jrlxFOwiOHUIFd-g）。 ### 二、京东纬度：互联网创业公司生存图鉴 #### 做电商：顺势而为 1998年6月18日京东成立，2003年SARS来袭，柜台的客户瞬间变少，无可奈何之际，京东选择了电商。   期间的背景和过程摘录原文如下： **背景：** > 电商的风起云涌，互联网的大起大落，都与刘强东和他的京东多媒体无关，……直至2003年一个偶然事件的发生。是年3月6日，北京接报第一起非典型性肺炎病例，……依赖客流量的零售业受到重创，当时中关村所有电脑都在降价，平均降价幅度达到30%～40%。因为“非典”，京东多媒体采购的1000多元一台的雅马哈刻录机……全积压在办公室里。……21天，京东亏了800多万，公司账面资金只有两三千万。...
[intro]: 通过创建的模板，快速生成对应的图片，用以：自动生成营销分享图片、批量生成不同二维码的图片等。 > 项目地址：https://github.com/xiongwilee/imageTemplateGenerator > 通过创建的模板，快速生成对应的图片，用以：自动生成营销分享图片、批量生成不同二维码的图片等等  ## 一、入门 imageTemplateGenerator(puppeteer版)基于puppeteer实现，大致原理为根据配置渲染网页，然后截图返回。 下载文件到任意目录，并安装依赖： ```shell $ git clone -b puppeteer git://github.com/xiongwilee/imageTemplateGenerator.git imageTemplateGenerator $ cd imageTemplateGenerator $ npm install ``` 执行示例文件： ```shell $ cd...
[intro]: 浏览器在加载JS文件时，一般都了解在默认的加载模式下，在文档流内的JS文件会并行加载、依次执行。但如果多个JS文件是按需加载的场景（在文档流渲染完成之后再被注入到文档中），执行顺序也是按照script标签的先后顺序吗？ > 转自： https://github.com/letiantian/how-to-load-dynamic-script ，有改动 最近在做一个为网页生成目录的工具[awesome-toc](https://github.com/someus/awesome-toc)，该工具提供了以jquery插件的形式使用的代码，也提供了一个基于[Bookmarklet](https://en.wikipedia.org/wiki/Bookmarklet)（小书签）的浏览器插件。 小书签需要向网页中注入多个js文件，也就相当于动态加载js文件。在编写这部分代码时候遇到坑了，于是深究了一段时间。 我在这里整理了动态加载js文件的若干思路，**这对于理解异步编程很有用处，而且也适用于Nodejs**。 ## 一、硬编码在html源码中的script是如何加载的 如果html中有： ```html ``` 那么，浏览器解析到 ```html ``` 会停止渲染页面，去拉取`1.js`（IO操作），等到`1.js`的内容获取到后执行。 1.js执行完毕后，浏览器解析到 ```html ``` 进行和`1.js`类似的操作。 不过现在部分浏览器支持async属性和defer属性，这个可以参考： [async vs defer attributes](http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html) [script的defer和async](http://ued.ctrip.com/blog/script-defer-and-async.html) [script -MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script)指出：async对内联脚本（inline...
[intro]: 在BOSS直聘或者拉勾上快速定位到985/211或者全球TOP院校的候选人，提升招聘效率 > 项目地址：https://github.com/xiongwilee/show-me-985211 ## 一、示例 1. 快速查询  2. 在拉勾和BOSS直聘高亮最优候选人  ## 二、安装 ### 方法一：手动安装 [https://pan.baidu.com/s/1HoKr3RdSbd-IyM-jwvdl_Q](https://pan.baidu.com/s/1HoKr3RdSbd-IyM-jwvdl_Q) 1. 访问上面的链接下载`show-me-985211-2.4.zip`文件； 2. 然后在chrome中打开`扩展程序`页 （ 可以直接访问：[chrome://extensions/](chrome://extensions/) ），打开`开发者模式`； 3. 将`show-me-985211-2.4.zip`解压后拖放到扩展程序页的任意位置即可完成安装 ### 方法二：Chrome网上应用商店安装 [https://chrome.google.com/webstore/detail/show-me-985211/fpihkbimcgfjmflglfdobfefdkbmojop?hl=zh-CN](https://chrome.google.com/webstore/detail/show-me-985211/fpihkbimcgfjmflglfdobfefdkbmojop?hl=zh-CN) 1....
[intro]: 没有用到机器学习，就基于openCV的简单粗暴的尝试 > 项目地址：https://github.com/xiongwilee/plateReplace  ## 使用 ### 环境 python3 / openCV 3.x ### 运行 ```shell $ python plateReplace.py ``` ## TODO - [ ] 黑色或灰色车牌无法识别 - [ ] 无法替换不规则图形（视觉梯形），导致替换后视差有误...
[intro]: 苦于PHP的本地开发环境搭建成本（微服务架构，你懂得），及可视化IDE转VIM的学习成本（其实是尝试了一周放弃了）的两个背景，要在本地使用IDE开发，就得想办法把本地代码实时同步到远程开发机了 > 1. 苦于**PHP的本地开发环境搭建成本**（微服务架构，你懂得），及**可视化IDE转VIM的学习成本**（其实是尝试了一周放弃了）的两个背景，要在本地使用IDE开发，就得想办法把本地代码实时同步到远程开发机了 > 2. 仅供IDE入门者查阅，Vim党可以绕道哈 ## 一、准备 本文主要介绍在PHPStrom或Sublime开发环境下，通过SFTP协议（比如：Linux下的SCP命令）同步文件的方法；当然了，其他的协议比如FTP协议，也可以依葫芦画瓢。 在开始之前，确保已经完成了： 1. 开发机开放了22端口，且本地可访问（可通过`telnet ${开发机IP} 22`监测）； 2. 本地与开发环境建立了[信任关系](http://www.cnblogs.com/mchina/archive/2013/03/15/2956017.html)； ## 二、配置IDE ### 1、Sublime 3.x的自动发布插件：`sftp` #### 第一步：启用插件 参考： https://packagecontrol.io/installation #### 第二步：安装sftp插件 首先，打开...
[intro]: 面试中发现很多人对rem布局的原理不是很清楚，只停留在会使用的阶段，或者理解完全是错误的，本文将给大家讲清楚rem布局的原理，使用方案等知识 > 转自：http://yanhaijing.com/css/2017/09/29/principle-of-rem-layout/ 面试中发现很多人对rem布局的原理不是很清楚，只停留在会使用的阶段，或者理解完全是错误的，本文将给大家讲清楚rem布局的原理，使用方案等知识 ## 什么是Rem rem和em很容易混淆，其实两个都是css的单位，并且也都是相对单位，现有的em，css3才引入的rem，在介绍rem之前，我们先来了解下em > em作为font-size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小——MDN 我在面试时经常问会一道和em有关的题，来看一下面试者对css细节的了解程度，如下，问s1、s2、s5、s6的`font-size`和`line-height`分别是多少px，先来想一想，结尾处有答案和解释 ```html 1 1 1 1 ``` ```css .p1 {font-size: 16px; line-height: 32px;} .s1 {font-size: 2em;} .s1 {font-size: 2em; line-height:...
[intro]: 基于Nodejs实现的简单高可配的技术周报邮件推送工具，用以抓取及推送技术周报，例如FEX、360技术周报等；你也可以根据自己的需求配置周报源…… [image]: https://img002.qufenqi.com/products/7c/ba/7cbac61933c8e8d21fe2e3915d4618e4.jpeg > 项目地址：[https://github.com/xiongwilee/Techweekly](https://github.com/xiongwilee/Techweekly) ## 快速入门 第一步，下载代码，安装依赖： ```shell $ git clone https://github.com/xiongwilee/Techweekly.git $ cd Techweekly && npm install --registry=https://registry.npm.taobao.org ``` 第二步，修改邮件配置`config/config.mail.js`： ```javascript module.exports = { "sender": { "host":...
[intro]: 利用Reveal.js通过Markdown直接生成slider（俗称：PPT），可以在issues里直接通过Markdown写slider了 [type]: slider [theme]: night ## 这是啥？ * 就是允许你的文档能以像幻灯片一样播放的功能，可以用以技术分享什么的； * 这篇博客就是支持slider模式的，可以点击[查看该博客的slider模式](https://iblog.wilee.me/post/slider/5) ## 怎么配置？ 首先请参看：[iBlog：基于Gracejs及github issues的全功能博客方案](https://iblog.wilee.me/post/detail/4) 可以参考本文档内容的配置，在文档第一行加入： ``` [type]: slider ``` 即允许文档进入演示模式。 另外，你还可以配置文档显示主题(默认为black主题)： ``` [theme]: black ``` 你还可以选择的主题有： * `beige`...
[intro]: Gracejs (又称:koa-grace v2) 是全新的基于koa2的MVC+RESTful架构的前后端分离框架；具备各种特性：1、支持MVC架构，可以更便捷地生成服务端路由 ；2、标准的RESTful架构，支持后端接口异步并发，页面性能更优…… ## 一、简介 Gracejs是[koa-grace](https://github.com/xiongwilee/koa-grace)的升级版，也可以叫koa-grace v2。 主要特性包括： 1. 支持MVC架构，可以更便捷地生成服务端路由； 2. 标准的RESTful架构，支持后端接口异步并发，页面性能更优； 3. 一套Node环境经服务服务多个站点应用，部署更简单； 4. 优雅的MOCK功能，开发环境模拟数据更流畅； 5. 完美支持async/await及generator语法，随心所欲； 6. 更灵活的前端构建选型，想用什么就用什么，随你所愿。 相比于koa-grace v1（以下简称：koa-grace）：**Gracejs完美支持koa v2**，同时做了优化虚拟host匹配和路由匹配的性能、还完善了部分测试用例等诸多升级。当然，如果你正在使用koa-grace也不用担心，我们会把Gracejs中除了支持koa2的性能和功能特性移植到koa-grace的相应中间件中。 这里不再介绍“前后端分离”、“RESTful”、“MVC”等概念，有兴趣可参考[趣店前端团队基于koajs的前后端分离实践](http://feclub.cn/post/content/qudian_koa)一文。 Gracejs及前后端分离问题交流群： * **QQ交流群**：368463457...