作为刚接触前端的不久的童鞋，大家都会兴奋于CSS和JS所带来漂亮界面，然而，前端工程师除了UI重构外，还有非常重要的职责在正确的区域渲染出服务端的数据。毕竟，我们要构建一个大的web应用，必然不是普普通通的静态页面构成。 下文将罗列将来前端工程师应该必备的同后端打交道的常用技能。 服务端渲染 谈起服务端渲染，对于动态服务而言，这个世界上跑的大多数页面都经历过服务端的数据渲染，接口->前端赋值->模版渲染 。这一切都在服务器完成，我们查看源码时候，可以看到完整的html代码，包括每个数据值。 常用的php模版有，Smarty,Blade,Mustache,如果你们团队使用Smarty，我们可以看到一些view的文件里会前套Smarty的模版语言; <div> {foreach $list as $item} <h3>{$item['name']}</h3> <p>{$item['desc']}</p> {/foreach} </div> 如果Node, 详情 »
天气晴； 间歇的雨没能唤醒低沉的心。近期有朋友离职，其实离职是很正常的一件事情，为了自己，或者遭遇什么不好的待遇，原因多种多样。每个人都需要自我实现，去寻找更适合自己发展的空间，我觉得往往作为参与管理的每个人无论是hr还是直属leader等，都也应该反思自己的言行和给予对方的尊重。毕竟离别，这件事情，作为参与团队的人和一员，少了一个人都是伤感的。 忽然想起了去年的这个时候，听着JT的five hundred miles，看着窗外的景色，预料过淋之种种的困难，却没想到会如此。创业不易，精神上的折磨远超过体力脑力的折磨。 详情 »
天气晴。 最近遇见尴尬的事情，由于github 是允许出现repos重复命名的，自己还高兴居然没有这个这么火的名字，结果提交npm时候才发现有人肯定早先一步了，所以，设计组件名称时，先去npm搜下吧。 最近在写react native，后面陆续会出几篇文章，其实感觉大多数功能都没什么问题，而且可以结合webview，把一些通用的部分交给h5,android和 ios，微信共享一个页面。 大周末和翔仔见面了，离开两年多，终于又见面，聊工作的琐事，聊生活的小事，一个人两座城，生活会继续，虽然都知道不容易，彼此安慰都还年轻，感情的事情也不要那么急（😂，是的啊，感觉急的话就是提前上缴工资，挣奶粉钱，以后几个人一起旅游的计划都不好执行了）明天他有时间，哈哈可以定去🇯🇵。话说月底，飞过来，哈哈今年大学四个寝室室友都见面了。 详情 »
最近重新开始RN 开发ios客户端，现在写相比之前效率高了不少，再次推荐下使用 react-native-simple-router 组织你的React Native 页面。确实很方便的。可以通过data进行页面之间的传递参数。当然部分组件开始尝试用redux自己也会写篇博客主来关于redux和RN的。现在发现写文章越来越像论文，结尾参考必须一一列出来。 好开心，大学室友周末北京开会，两年不见，好思念，就是那个长的像邓超的室友。哈哈，大三看中国合伙人，确实吓了一跳，真的非常像自己的室友，跑男这个形象就不是很像了。自己无数次脑补我们再见面的时候的主题曲《外面的世界》和画面。 或许，这就是思念一个人吧。 《外面的世界》－ 齐秦 在很久很久以前 你拥有我 我拥有你 在很久很久以前 你离开我 去远空遨翔 外面的世界很精采 外面的世界很无奈 当你觉得外面的世界很精采 我会在这里衷心的祝福你 每当夕阳西沉的时候 我总是在这里盼望你 天空中虽然飘着雨 我依然等待你的归期 在很久很久以前 你拥有我 我拥有你 在很久很久以前 你离开我 去远空遨翔 外面的世界很精采 外面的世界很无奈 当你觉得外面的世界很无奈 我还在这里耐心的等着你 每当夕阳西沉的时候 我总是在这里盼望你 详情 »
如果大家使用requirejs来构建自己的项目的话，到后期必然遇到这样的问题，官方文档也给出了解决方案和策略，当然我们还有第三方的构建工具gulp和grunt来实现我们的目标。 先聊聊官方的构建工具r.js，官方声称优化工具是支持Node, Java 以及 Nashorn环境的。我们当然选择node啦。 npm install -g requirejs 安装完成后,我们可以通过输入r.js命令来进行项目的文件优化。先看看官方的例子吧： main.html + css - common.css - main.css + scripts - require.js - main.js - one.js - two.js - three.js main.html文件内容如下： <!DOCTYPE html> <html> <head> 详情 »
最近看《龙门镖局》第一集，不由觉得换个角度，讲讲龙门镖局创业史第一集。 龙门镖局原本算作江湖上一个还算口碑不错的企业，运气不好，掌舵的ceo佟石头，不幸遇难，欠下外债，中坚力量倒下了，拉不到生意，还要应付各种讨债的。条件确实差。 这个时候海归精英陆三金空降，他的目标很明确，我要证明自己，实现自我，怎么做好，把龙门镖局做出名气。虽然年轻，少年的来自家庭的锻炼，使这位新任ceo非常从容的准备开始自己的创业之路。对比佟石头，我虽然不会武功，但我擅长管理，和策划。而且，龙门镖局自带一些基础，并不是一无所有。陆三金厉害的在于他的管理，第一集和每个人谈工作待遇时候非常洞彻人心。 第一个面试者，盛秋月，曾经的大当家，但是盛秋月为了整体着想，将镖局托付给一个外来的人，还是有些不服气，但是陆三金那段对话，处处压着这位曾经的当家，现在我是头，你必须得服从。但是你也是股东，30%分红是你的。 第二个面试者，邱樱落。这个大当家一言中的，专业人才，必须尊重。尽管她几次不屑大当家的对话，但是大当家还是得挎着，毕竟技术人才，给予足够的空间和待遇。(PS:目前待遇福利最好的) 详情 »
转眼已是半年，不知不觉2016，1/2过去了。计划中的，计划外的，很多事情都交织着进行中。 可喜的是，自己博客内容渐渐多了起来，有自己的总结，生活，分享。当然也感谢一些路过的观众。自己还是应该坚持这些事情。Github的提交量相比去年同时段明显增加了，当然这也是增加resume的质量。不过这也是时间增多了缘故，不用像以前花费很多时间在路上。 关于product，其实想到会遇到困难，各方面的困难，该来的都会来，所谓磨难也就是这样吧。后悔也后悔过了，没有比改变更值得做了... 一直在做的，albums最近又些想法计划弄成一个动物百科全书类似的，因为design已经交给了behance.学车已经报名了，准备科一中，如果10月一日前搞定自然是好事情。React Native算是停滞了一段时间，由于策略的挑战，最近会重新开始吧。 新海诚的作品肯定8月上了，不过乐视会同步，关于赴日的计划还在和大学室友协调中，台湾或者日本，不过7月份得把台湾通行证给办了。 读书，发觉3，4月份做的比较好，但是最近做的不是特别不好，笑傲江湖小说版还是不错。 话说国足10月6日如果定在鸟巢，就一定要努力的抢票中... 关于最后一个目标嘛😄，摸摸头～ 最近不断在听《不说再见》，觉得歌词还是挺不错的。 再见了 互相嫌弃的老同学，再见了 来不及说出的谢谢 详情 »
天气晴。 夏天难得冷却几天。最近开始谈Options的事情，真的这个时候才明白陈老大的强调offer时候的谨慎性。 最后安利一下陈老大的微博内容，关于options 和 stock的。不要空凭情怀。 http://weibo.com/1915548291/DByel6vyP?type=comment#_rnd1467289376519 详情 »
虽然只有10个问题，但是覆盖了angular开发中的各个方面，有基本的知识点，也有在开发过程中遇见的问题，同时也有较为开放性的问题去辨别面试者的基础水准和项目经验（PS:答案仅供参考～）。 1. ng-show/ng-hide 与 ng-if的区别？ 我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此如果我们是根据不同的条件来进行dom节点的加载的话，那么ng-if的性能好过ng-show. 2.解释下什么是$rootScrope以及和$scope的区别？ 通俗的说$rootScrope 页面所有$scope的父亲。 我们来看下如何产生$rootScope和$scope吧。 step1:Angular解析ng-app然后在内存中创建$rootScope。 step2:angular回继续解析，找到{{}}表达式，并解析成变量。 step3:接着会解析带有ng-controller的div然后指向到某个controller函数。这个时候在这个controller函数变成一个$scope对象实例。 3. 表达式 {{yourModel}}是如何工作的？ 它依赖于 $interpolation服务，在初始化页面html后，它会找到这些表达式，并且进行标记，于是每遇见一个{{}}，则会设置一个$watch。而$interpolation会返回一个带有上下文参数的函数，最后该函数执行，则算是表达式$ 详情 »
天气热。 最近删僵尸微博，看了大二下学期的一些微博。发觉自己做freleap时候热情真的当着人生的一份非常重要的事情来看待，不断更改，不断迭代，记录着每次变化。 觉得那个时候好有激情，执行力和专注程度都非常棒。 当然也看了当时转的一些关于微博，关于产品，关于挫折，关于团队，现在看着满是心酸泪。 好在，生活还要继续，没有什么做不到。加油Freleap. 详情 »
