原文地址: http://www.jianshu.com/p/1fa6e9c0799f 最近发现 React Native 官方博客上面这篇介绍 Hot Reload 原理的文章,仔细阅读了一下,顺便翻译为中文,以飨读者。本文不少内容加入了译者的理解,并没有严格字对字翻译,英文水平不错的同学可以直接阅读原文 React Native 的设计目标是为开发者提供最好的开发体验,其中很重要的一点就是尽量缩短文件修改后到看到修改所产生的变化之间所需的时间。我们的目标是将这个循环所需的时间降到 1 秒以下,即使你应用的功能和体积在不断的膨胀。 通过下面三个主要特性我们离目标越来越近: 基于 Javascript 进行开发,避免了长时间的代码编译过程 实现了一个名为 Packager 的工具,用来将 es6/flow/jsx 文件转换成虚拟机可以理解的普通 JavaScript 语言。Packager 被设计为一个服务器,从而能够在内存中保存当下的状态,实现快速的增量更新,同时可以使用系统的多核 CPU 提高性能。 新增了一个名为实时加载(Live Reload)的特性,实现保存代码修改后自动重新加载 APP 详情 »
很久没写了,确实是返京后事情比较多。而是新厂压力相比以前的工作大了很多。今天请假去驾校考试,驾照的事情终于落幕了。统计了下去年的技术博客,一共77篇,离预计的计划差了23篇左右,今年得加油啦。Github项目团队的vue-core-image-upload已经98个star了,没准明早一起来就过百了。感觉react-native-percentage-circle和这个项目是我最爱的两个项目,因为真的感受到了来自用户的反馈和社区的贡献,希望来年两个项目都能破200star😄。 今天呵呵yuyu聊之前的公司,一直在想那波离职潮究竟是为什么?其实我始终站在都是我们作为员工的角度去思考,肯定也无法体会leader去面对这样的问题,他们所思考的角度。从yuyu聊天的感觉里感觉到了一丝人情味的丧失,或许这就是为什么会有今天的近况吧? 最近家里人都开始介绍对象了,我的同事89年的,感觉他也在准备相亲了,似乎人不得不去面临年月增长的苦恼。好在自己还有喜欢的人,好在自己还有那么多未未完成的事情,所以相亲还可以躲上一躲。自己经常鸡汤别人感情,但是到头来发现自己至今也都没什么经验,反而是室友每次都会给我鸡汤鼓励,所以爱鸡汤的人单身概率高,我室友们至今都还没有另一半的消息。时常说岁月不会催,但是稍不注意,你就只能回忆曾经哪个追风少年。 今年年初的两个大预测都TM扑街了,西游票房扑街,昨晚预测巴萨,早上起来输个4:0.唉,我这招牌也是烂到词穷啊。 想起了今年说的那句话,生活依旧会继续,Find The Way. 详情 »
2017-02-13
查看详情
为什么选择GraphicsJS 前端可以选择的svg库,有很多,比如snap.svg或者BonsaiJS当然这些库也是各有优势。而这篇文章主要就是说GraphicsJS,让大家知道他的优势和特点。 轻量级,具备灵活的 Javascript API 来自AnyChart团队,全球非常出名的可视化团队。 GraphicsJS 是一个开源项目,无需商业授权 对于低版本的浏览器的支持,支持IE6 对于图像和动画支持比较好,帮助开发者创建复杂的交互效果 GraphicsJS 基本使用 <style> .stage{ width: 280px; height: 280px; } </style> <div class="stage" id="rect1"></div> <script src="https://cdn.anychart.com/js/ 详情 »
2017-02-09
查看详情
最近神秘的Magic Leap即将于下周发布新款产品,这家备受硅谷关注的公司,也将第一商业化其产品。如果没看过的可以看下面的视频: 本文作者:聂崇岭,进化动力 CTO,曾任职于瑞士 Enlustra 公司,有多年高性能异构计算系统研发经验,参与多项 ABB、Simens 等跨国公司技术研发项目,硕士毕业于瑞士苏黎世联邦理工学院(ETH Zurich);高路房,进化动力 CEO,曾任职于法国国家信息与自动化研究所,多年专注于机器视觉、机器学习算法领域的研究,并发表了多篇相关领域的学术文章,先后师从全球医疗机器人权威、英国皇家院士、IEEE Fellow 杨广中教授以及机器视觉权威、IEEE Fellow —— Nikos Paragios 教授。 Magic Leap 因为阿里投资的传闻和一周前的概念视频在近期可谓引火上身,短短几天时间内,从概念视频经微博营销号之手火遍社交网络,到一如过街老鼠一般人人唾弃。 要知道,Magic Leap 在 2014 年 10 月获得了来自 Google、高通、传奇娱乐、Thomas Tull、 详情 »
2017-02-07
查看详情
weex 是阿里巴巴集团在去年4月份开源的一个使用JS进行代码编写,多端实现运行的开源框架。这也是国内少有的大型开源项目(目前stars 的数量也超过了10K)。 Write Once Run Everywhere weex的的目的就是为了解放生产力,让更少的人去维护更少的代码。weex虽然目前还在密集开发阶段,可用到内部组件,相对少一点,由于是开源项目,因此大家都可以自己贡献自己的开发组件。 其中weex的组件有两种,一种是完全基于提供的api和element去进行封装扩展,类似weex-percentage-circle. 你完全不需要会任何的android/iOS知识和技能就完成一个简单的组件封装。另外一种,叫三方扩展插件可能更好,它需要你在实现某些功能的时候,需要去写三个平台的支持 需要支持ios/android/web。当然这并不是非常严格的限制,比如你就支持了web,ios,但是如果开发者开发的APP就没有andorid的要求,这样的需求也是存在的。 先简单说下第一种,其实非常简单。 我们只需要简单编写一个weex-demo.we文件即可 <template> <div><text>{{textstr}}</text></dv> </template& 详情 »
2017-02-03
查看详情
Trying ~~Have a Github Project (>=500 Stars) To Be an High-Level Devloper Read More Than 50 Books ~~Paint Exercise JackZoo Operation Have a Journey in Boat House in Beijing 😂😂😂 One Girl(😂may be harder than before) Book List ~~《你不知道的Javascript》(上,中) ~~《最冷最冷的冷门知识》 《盗墓笔记》 详情 »
2017-02-03
查看详情
初三看完,最好看的还是这一幕,相信有一天,会回来的。 由于算星爷粉丝,但还是觉得一些批评我并没觉得有什么不妥。你说演员演技不在线我觉得没有任何问题,这真的成为当初预想的一样,歌手和专业演员还是有差别,尤其台词功底,姚晨和吴亦凡对戏时明显可以看出对比比如批评红孩儿造型像机器人,我觉得也没问题,毕竟这种设定每个人都有自己的喜好,但是我觉得那些说电影冷清,电影放映广告时间长而打一星的观众是不是真的词穷了。那些说欠票的真的会觉得大家多么喜欢周星驰拍电影,严重不同意他退休 。 喜欢一个人,他的好我很清楚,他的不好我也全然能接受。 星爷不会被一次豆瓣拌了脚,但还是希望行业能够公平竞争。 聊聊电影产业 这是资本与艺术结合而成的体系,资本有了21家出品商,资本与促进了两位导演的合作,或许资本也促进了吴亦凡与王铎的演出。电影是一门艺术,它有足够的体量去接受来自各方面的评论,无论好坏,时间和关注度会成为一部电影最后的价值,我相信西游伏妖有自己的败笔,但是未来人们对于其的解读会层出不穷,也有自己翻身的一天。 聊聊西游电影宇宙计划 西游电影宇宙计划 这是官方今日发文提起的一个词语,记得龙斌大话电影里关于西游降魔篇的评论最后一句话,西游降魔开启了中国神话魔幻电影的另一道门。如果中国要想拿出来类似漫威系列的连续大IP系列目前只有西游和封神榜。西游伏妖无疑再次去测试框架化的叙事结构和特效包装后的电影在大众受众度。这次请来了徐克的加持,特效和想象更是进了一步,星爷也明白这个庞大的计划,需要更多导演和演员的参与,我觉得这部有瑕疵,但是还是影响不了这两位导演的信心,因为那里的西游已经足够宏大,创意十足,人物的特点也已经足够鲜明,有太多的意想不到。 聊聊情意结 真的好喜欢这系列西游,有变化也有不变的,星爷还是那个星爷,还是有一生所爱, 详情 »
使用brackets 增加JSHint验证 brackets默认安装带了JSLint进行规则验证,但是有很多开发者习惯使用JSHint,不过没关系目前,brackets也是支持对于eslint验证的扩展,我们可以去brackets 的扩展仓库里去搜索brackets eslint,也可以去github上的项目进行下载 由于版本限制,我们安装[brackets-eslint]的时候需要首先安装 brackets-npm-registry。 首先我们需要大家安装扩展的目录: 点击 help -> show extensions folder -> user 在 user目录下我们执行git clone git clone https://github.com/zaggino/brackets-npm-registry.git brackets-npm-registry cd brackets-npm-registry npm install 安装完成后,重启brackets就可以看到右边的npm的icon了。 这个时候我们再安装brackets-eslint。点击右边栏的新增加的按钮,然后会出现列表选项,然后选择install就好了(安装好后不要忘记重启)。 然后在我们的项目根目录,建立eslint的配置文件。 确保全局我们安装了eslint,如果没有安装可以执行 npm install -g 详情 »
2017-01-19
查看详情
前不久,刚刚发布了《西游伏妖篇》最新预告。Po主看完完全超出了预期,之前看弹幕版本的《西游降魔篇》的时候,就觉得最后的大战已经就足够燃了,可惜太短,看来这次最后一战绝对又将吸引人的眼球。 为什么会觉得燃?往往周星驰的电影里最后都有“燃点”,比如功夫中高手见高手。第一次大战,看到精彩的打斗场面,五郎八卦棍,洪家铁线拳,12路弹腿。但是随后都被轻易的干掉,再到太极拳的出现和狮吼功,感觉功夫又上升了一个层面。小时候看过一部电视剧《西游记后传》,其实最后大结局也很燃,其中的孙悟空和这次《西游伏妖篇》类似,孙悟空有自己的几种形态。 要超级战斗会变生成大圣模式。如同死神里,很多人都期待卍解模式。 这次孙悟空和几个徒弟都自带这种模式,感觉这种形式层层递进,逐渐带起观众的内心感觉。在预告片中,孙悟空的这几种形态都暴露无疑。在西游降魔篇中,孙悟空就已知三种形态,黄渤,唱大戏,猩猩。这次孙悟空在常规模式,就是林更新这种,披头散发,和黄渤的孙悟空类似,就是一黑社会混混一样。然而战斗的时候,会变成类似猴子这样,也就打架普遍认识的孙悟空。和上部一样,悟空生气的时候,会变成妖王孙悟空的样子,会变成猴子(这次是全特效不是面具演员了, 详情 »
2017-01-19
查看详情
yeoman是一款非常好用的项目模版工具,你可以用它快速生成一个指定的项目,比如react+ webpack或者是angular的项目。它通过命令行会话去完成一定参数配置。 如何使用 首先我们要全局安装 yo 模块。yo是yeoman 的命令行工具模块。 npm install -g yo 然后我们需要选择我们需要生成的具体项目的模版,你可以在discover generator找到你要的项目模版,比如react、angular、vue、Bootstrap等。 然后你需要全局安装这些模块比如 webapp。 npm install -g generator-webapp 安装完成后,只要执行命令,即可生成一定的项目的目录了。我们创建一个目录app-demo,然后进入目录,执行: yo webapp 这样你可以看到的命令行提示选择: 你可以看到项目的执行流程,拷贝,然后安装依赖。 安装完成后,我们就可以看到一个webapp的目录了,这样无疑节省了我们初始化项目的时间。 使用generator-weex-vue 上周weex发布了新的版本宣布对vue2.0的支持,我们可以通过写vue的方式来写weex项目,除了官方的工具,现在可以使用yeoman来生成一个weex项目。 同样你只需要安装模块 generator-weex-vue就行了。 然后执行 yo weex-vue 项目变创建成功了。 项目支持的一些命令: 详情 »