Github连击200天(1)——ShowCase

gaomysion 发布于2019-07-16 14:54 / 2289人阅读

摘要：今天是我连续泡在上的第天，也是蛮高兴的，终于达了故事的背影是去年国庆完后要去印度接受毕业生培训就是那个神奇的国度。但是在去之前已经在项目待了九个多月，项目上的挑战越来越少，在印度的时间又算是比较多。管理依赖。。。。

今天是我连续泡在Github上的第200天，也是蛮高兴的，终于达了:

故事的背影是: 去年国庆完后要去印度接受毕业生培训——就是那个神奇的国度。但是在去之前已经在项目待了九个多月，项目上的挑战越来越少，在印度的时间又算是比较多。便给自己设定了一个长期的goal，即100~200天的longest streak。

或许之前你看到过一篇文章让我们连击，那时已然140天，只是还是浑浑噩噩。到了今天，渐渐有了一个更清晰地思路。

先让我们来一下ShowCase，然后再然后，下一篇我们再继续。

一些项目简述

上面说到的培训一开始是用Java写的一个网站，有自动测试、CI、CD等等。由于是内部组队培训，代码不能公开等等因素，加之做得无聊。顺手，拿Node.js +RESTify 做了Server，Backbone + RequireJS + jQuery 做了前台的逻辑。于是在那个日子里，也在维护一些旧的repo，如iot-coap、iot，前者是我拿到WebStorm开源License的Repo，后者则是毕业设计。

对于这样一个项目也需要有测试、自动化测试、CI等等。CI用的是Travics-CI。总体的技术构架如下:

技术栈

前台:

Backbone

RequireJS

Underscore

Mustache

Pure CSS

后台:

RESTify

测试:

Jasmine

Chai

Sinon

Mocha

Jasmine-jQuery

一直写到五星期的培训结束，只是没有自动部署。想想就觉得可以用github-page的项目多好~~。

过程中还有一些有意思的小项目，如:

google map solr polygon 搜索

google map solr polygon 搜索

代码: https://github.com/phodal/gmap-solr

技能树

这个可以从两部分说起:

重构Skill Tree

原来的是

Knockout

RequireJS

jQuery

Gulp

代码: https://github.com/phodal/skillock

技能树Sherlock

D3.js

Dagre-D3.js

jquery.tooltipster.js

jQuery

Lettuce

Knockout.js

Require.js

代码: https://github.com/phodal/sherlock

Django Ionic ElasticSearch 地图搜索

ElasticSearch

Django

Ionic

OpenLayers 3

代码: https://github.com/phodal/django-elasticsearch

简历生成器

React

jsPDF

jQuery

RequireJS

Showdown

代码: https://github.com/phodal/resume

Nginx 大数据学习

ElasticSearch

Hadoop

Pig

代码: https://github.com/phodal/learning-data/tree/master/nginx

其他

虽然技术栈上主要集中在Python、JavaScript，当然还有一些Ruby、Pig、Shell、Java的代码，只是我还是习惯用Python和JavaScript。一些用到觉得不错的框架:

Ionic: 开始Hybird移动应用。

Django: Python Web开发利器。

Flask: Python Web开发小刀。

RequireJS: 管理js依赖。

Backbone: Model + View + Router。

Angluar: ...。

Knockout: MVV*。

React: 据说会火。

Cordova: Hybird应用基础。

还应该有:

ElasticSearch

Solr

Hadoop

Pig

MongoDB

Redis

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/34029.html

浅析RWD

摘要：三响应式网页设计的基本原理标签，允许页面宽度自动调整大多数移动浏览器将页面放大为宽的视图以符合屏幕分辨率。解决方案使用，选择器清除浮动，只适用于非浏览器。由于移动设备屏幕大小的限制，在其上进行显示的内容一般是经过精心筛选的。一、前言现今，无论是移动设备、平板电脑、PC，屏幕大小各不相同，若是针对每个屏幕大小单独设计一个解决方案，则会大幅增加网站建设的复杂程度和运营成本。响应式网页设...

0x584a 2019-08-30 12:52 评论0 收藏0
浅析RWD

摘要：三响应式网页设计的基本原理标签，允许页面宽度自动调整大多数移动浏览器将页面放大为宽的视图以符合屏幕分辨率。解决方案使用，选择器清除浮动，只适用于非浏览器。由于移动设备屏幕大小的限制，在其上进行显示的内容一般是经过精心筛选的。一、前言现今，无论是移动设备、平板电脑、PC，屏幕大小各不相同，若是针对每个屏幕大小单独设计一个解决方案，则会大幅增加网站建设的复杂程度和运营成本。响应式网页设...

_Dreams 2019-08-01 15:10 评论0 收藏0
前后端分离的问题与解决方案

摘要：版本升级每个文件方法头标明版本号，每次修改需修改版本号大于原版本号，即为版本升级。这些天项目有的API出现版本控制问题，着实忙乎了一小阵，因为项目使用TP5的传统方法进行版本控制（api目录下进行版本区分，由请求路径决定使用的版本） showImg(https://segmentfault.com/img/bVbekSM?w=200&h=128); 但是问题往往是，项目使用了v2版本...

zilu 2019-07-01 10:23 评论0 收藏0
iOS精品源码，GHConsole图片浏览器圆形进度条音视频传输连击礼物弹出动画

摘要：可在中显示的控制台框架自定义图片浏览器圆形进度条音视频实时传输补充上一贴以前微信写的仿微信项目仿写今日头条的选择页面音频播放控件一款自定的直播室连击礼物弹出动画 1、可在app中显示的控制台框架GHConsole showImg(https://segmentfault.com/img/remote/1460000012277057?w=342&h=688); 2、GKPhotoBr...

Berwin 2019-06-25 16:31 评论0 收藏0
深入理解原型模式 ——通过复制生成实例

摘要：定义给出的原型模式定义如下使用原型实例指定将要创建的对象类型，通过复制这个实例创建新的对象。具体原型类角色负责实现复制现有实例并生成新实例的方法。 Java面试通关手册（Java学习指南，欢迎Star，会一直完善下去，欢迎建议和指导）：https://github.com/Snailclimb/Java_Guide 系列文章回顾：设计模式专栏深入理解单例模式深入理解工厂模式深入理解...

Pocher 2019-08-16 12:30 评论0 收藏0