参加 d2 的这个周末 - 编程思维

周末参加了 D2, 又认了不少人, 面对大型活动总让我有点乡下人进城的感觉
我说好听是宅, 实际上缺少各种社交场合打交道的经验, 只有技术还能说得开
我遇到过好多人让我艳羡的社交能力.. 当然这不是文章的重点...
这是我第一次参加前端大型的聚会, 第二次去大型的 JS 活动, 第二次去淘宝城
有过前边参加 JSconf 杭州的经验, 这次好歹不像之前那么拘谨了..
另外我就是冲着 React 去的, 去前还商量过怎么打广告事情, whatever

流水账

去过淘宝城所以认路不是大问题了, 周五和同事上海去, 第二天从南山路找公交
进会场, 先和携程的大学同学打了招呼, 然后跟同事坐前排, 重构代码...
找 WIFI 时候和旁边同学聊, 发现是芒果 TV 的, 说他们用 Angular 用 Node 觉得很意外
另外 Teambition 知名度好像那边有点弱啊, 他们都爱自己做团队管理工具呢

然后去了分会场, 坐在路由器不远, 听苏千的演讲, 一边赶紧完成 hanoi 的代码重构
忘了问 Chair 为什么在网上搜不到, 什么 chairjs.org 啦什么的...
午饭, 队伍太长, 出来逛了下, 结果回去队伍一样长, 寸志他们还看起代码来了..
饭前无聊我还想起个事情来, 就是刚写完的分形动画用的手法值得挖掘下
还有是刷微博看到民工精髓V转的大搜车用了 React 做聊天的消息
饭后, 听腾讯对 Node 优劣的分析, 会场最后排闷热很困, 听完跑出去找水结果遇到民工精髓V

再去分会场时候 dead_horse 已经开讲了, 窝在后排想理一下那个想法来着
遇到 alsotang, fish, 也找到了 fraser, 突然遇到能聊天的人结果没认真听私有 npm 那个分享
后来又跟着 dead_horse alsotang 他们去听了下下周 NodeParty 的安排..
提到说淘宝有用 React 做某个小应用, 虽然不知道是什么东西但是有在用很 High 有没有
完了回去找 fraser 找严老师, 照面了王勋同学. 后边手机已经没电了.. 拿个插头偷偷充电
至于前端建构工具什么的, 考虑到我们是个小公司, 还是 Gulp 吧.

晚饭.. 完了去参加酒会, 感谢 SegmentFault 的同学带路.. 又见 fakefish..
会场前遇到被我面试过的同学, 虽然省略很多字, 但有点意外感觉幸运吧
在微博上遇到过 johnhax, 知乎看到过贺师俊, 但没见过贺老视频, 真是有气场...
酒会那么多听着演讲喝着饮料扯淡的人看着后边两位嘉宾都有点 hold 不住了
早就听说会场妹子多, 这个话题不知道怎么说, 跳过
贺老的电脑锁屏出了名, 后来屏幕一黑我条件反射就去找贺老了..

最后一个演讲, 豆瓣, 张克军, 早就听说豆瓣对 React 很有好感, 一直等说 React
结果, 幻灯片一个 Logo, 台词一句话, 没了... 没了 >_<|||| 真有 QA 逆袭下的冲动, 可我不行
后边很意外淘宝有位同学冲上去了, 于是结尾都在说 React 好, 我忘了具体说什么了
然后我就想那同学是不是 react-china 那谁谁啊, 就上去问了下
大概再过个半年 React 话题不会少吧. 有大公司带头实践也许就加速了

散场后匆匆忙忙上公交, 手机又没电了, 匆匆忙忙找宾馆, 追番, 累死了
今天回上海前还得瑟去了下郭宇微博上说的杭州植物园, 真羡慕玉泉那群人
倒叙下周五我们找旅社晚上在南山路下绕, 还绕进钱王祠, 西湖夜色阴森
周六早上醒得早, 就在西湖边上看看日出, 删删代码, 但湖被树挡住看不到
总共算下来身体有点吃不消了.. 好失败, 大学时候真应该多爬爬山锻炼一下的

关于社区

我在会场看到大量的人, 以前都不能想象那么多前端聚集在一起
这类机会我极少有经历, 所以有点谨慎地在观察和考虑着这究竟是什么..
程序员大型聚会在互联网之前从未有过, 难以想象那么多写代码的人聚集在一起
随着时间, 性别比逐渐均衡, 聚会成为常态, 大家开始习惯于类似的网络社区..
那时候技术社区会呈现什么样子? 相互之间怎样高效地沟通?

基本能确定的是人数会越来越多, 成为松散庞大的一个组织
技能重用非常多, 可能形成专门的知识库和传承的方案被当作宝贝维护
也可能继续出现大量新技术的浪潮, 导致一连串怪事, 社区反复变换
我想一个网络社区像是一套代码, 需要有经得起时间和需求考研的设计
而在 Web 社区发展的头几个年头, 我们能看到未来是什么样的需求?

网络容纳更多的人, 混杂在一起, 难度随之而来, 人们不是那么容易就能聚集在一起的
和朋友聊的时候一直是社区论坛氛围总是不理想的问题, 有好多的隐忧
社区膨胀后就像通常任何人之间有吸引有排斥一样, 社区的引力斥力也暴露了
因此设计论坛的人们随之面对着新的挑战, 而且不是代码架构方面的问题

高晓松节目里说的上升通道(Social Ladder)让我感到印象深刻
在一个人群麇集的场所, 人们想要一个向上升的阶梯来实现阶级的流动
我并不是认为网络也是, 但是网络是否可能有着类似的规律
当思考未来的论坛, 应该设计怎样的结构来为付出的人提供回报?
网络社区膨胀很容易, 怎样即便社区膨胀了技术的生态还能平稳地发展?

那个想法, DOM 结构的限制

没学过 Flex 有点可惜, 我不知道过往的技术里边是否已有现成的方案..
具体想在另一篇文章展开, 大体上是这样的, 就是自己定义坐标的元素动画:
https://github.com/Cirru/cirru-fractal-editor
周五完成的, 会场有机会给旁边的同学看了下, 效果还行吧, 不清楚
我发现 DOM 的层级关系对于动画来说就是个限制, 因为阻碍了 CSS transition
一旦 DOM 的顺序改变, 或者层级改变, 至少 CSS trantion 不起作用了

假设相同节点通过 id 辨认, 它移动到任意位置层级都能渐变, 动画实现就清晰多了
以及, 元素位置的算法, 不再仅限 Box Model, 而是更代码中更明确的位置关系的话
考虑一下, 这样更灵活的方案, 是否能实现更强大的页面效果呢?
我考虑对应未来交互和动画效果的大量需求, 会带来这类技术的出现
更重要的是, 相对这一点, 我突然觉得 React 的缺陷也出来了, DOM 的层级问题
当然, 也是因为用了 React 这样高明的 DOM 操作工具问题才清晰透露的

最后

发现微博上有张我和严清在照片靠中间比较清晰的照片...

版权声明:本文版权归作者所有,遵循 CC 4.0 BY-SA 许可协议, 转载请注明原文链接
https://segmentfault.com/a/1190000000742126

以 flux 角度从头考虑后端架构 - 编程思维

笔记已经过时, 后面我开始了项目叫 Cumulohttp://cumulo.org/ 这篇笔记写的是我对于后端的架构的思考最近对 React Flux 架构对数据层进行思考, 感觉遇到了很多的问题这些问题让我觉得服务端在这方面没有做好, 因此很怀疑后端架构而且前端多种框架之间差别非常大, 而后端的似乎没有翻天覆地变化嘛

react尝鲜 - 编程思维

好吧,其实不应该叫尝鲜了,毕竟大家都在喊,所以算一个正在火的东西。 一年前当AMD/CMD还在很流行的时候,我给我自己的github-pages上的两个API使用seajs组织了下,感受了下模块化的魅力,而如今当Angular/React大行其道的时候,不对他们进行一个了解实在也说不过去。So,趁着今天空闲,把git

[译] react 入门 - 编程思维

原文链接:The React Quick Start Guide 这篇文章将概括性的介绍一下如何用 ReactJS 进行开发。我将介绍一些基础知识,不会有过于深入的分析。你可以结合这些代码阅读本文。 一些概念 React 的 API 非常少,简单易懂易用。在正式开始之前先介绍几个概念,一个一个来。 React 元素 是

最近关于前端开发效率的想法 - 编程思维

Web Components 最近开发阶段当中状态挺糟的, 包括空余时间也很没精神去改个人项目 算是进展的是 Google IO 关于 Polymer 的几个视频, 周末总算看完了 我虽然很讨厌其语法设计, 但不得不承认未来几年 Polymer 影响巨大 Backbone, Angular, 相对来说小打小闹, 我多

spring boot+vue前后端分离项目部署笔记 - 编程思维

前言:因为毕设项目老师要求上线,所以这是我第一次将本地项目部署到云服务器上,在部署的时候出现过许多问题,最后也是成功将毕设项目部署上线,在此进行记录,也方便和我一样的新手小白少走弯路。1.申请和配置云服务器登录阿里云,购买阿里云ECS,新手选择一键配置(选择centos的linux服务器)。配置安全组:将前端、后端项目

浏览器平台的改造 - 编程思维

缘起 最近看到几个框架, 觉得趋势有明显, 就是大家都在想各种办法 Hack 浏览器. 我想越来越多人来开发 HTML5 应用并不是为了 HTML5 特别适合开发图形应用, 而是因为 Web 这个平台更容易触及, 并且对客户端兼容更多 大概正因为如此, 才会有现在这么多基于浏览器 Hack 和各种不同的想法 浏览器并

晚上在公司(teambition)分享 react 的底稿 - 编程思维

文章有些过时了. 更多有关 React 的消息可以查看中文社区的导航:http://nav.react-china.org查找 React 中文文档请往 https://doc.react-china.org/ 幻灯片比较苍白, 前面补上一些讲过跟后面想到的内容吧.. 刚才听活动忘记这边加点说明..用 Backbo

react.js 概览 - 编程思维

查找 React 中文文档请往 https://doc.react-china.org/ 这里关于 React 的收集的消息的一个提纲, 具体内容看下边的链接,微博是经常更新的, 隔一段时间会同步到后边的网页上去:http://weibo.com/reactchinahttp://react-china.org/co

react: flux 是怎样工作的 - 编程思维

原文: https://github.com/facebook/flux#how-flux-works Flux 是怎样工作的 Flux 应用有三个主要的部分: Dispatcher, Store, 以及 View (React components). 这几个不应该和 Model-View-Controller