发表于
2015-08-25 02:12:00
微软牛津项目人脸识别API初探 - 四喜
发表于
2015-08-24 16:29:00
ReactJS入门学习二 - 龙恩0707
发表于
2015-08-22 15:29:04
Golang技术幻灯片的查看方法
随着go 1.5的发布，golang在世界各地日益受到欢迎，golang技术鼓吹者在世界各地举办各种级别的技术会议(从GopherCon大会到小小的meetup)，并在会议上分享自己的技术心得和技术想法。Golang相关的技术幻灯片有多种格式，以.ppt, .pdf和.slide为主。ppt、pdf自然不必多说，需要直接下载查看。.slide是随着golang诞生而出现的一种present格式，Go核心开发成员似乎十分喜欢以这种格式分享Go语言。在Golang官方，几乎所有技术会议的talk幻灯片均是以.slide形式提供的。.slide文件通过web服务查看，目前似乎尚无本地工具可以render slide文件。目前已知的render .slide文件的服务包括：- talks.golang.org- go-talks.appspot.comtalks.golang.org是golang官方的服务，用于查看Go core team发表的各次技术演讲的幻灯片资料，按年份归档。其他Go开发者用.slide形式编写的文件可以放在自己的github.com repo中，并使用go-talks.appspot.com这个第三方服务render。比如：Dave Cheney将自己的performance-without-the-event-loop.slide存放在 github.com/d
...继续阅读
(108)
发表于
2015-08-19 17:02:00
ReactJS入门学习一 - 龙恩0707
发表于
2015-08-16 11:49:30
新手求教：render传递json到前端页面读取不了
代码如下：db.collection('tblKSection', function (err, collection) {
if (err) {
console.log(err);
} else {
collection.find({}, {_id: 0}).toArray(function (err, docs) {
section = docs;
var timer = setInterval(function () {
if (book && section && knowledge && chapter) {
res.render('addresource', {
knowledge: knowledge,
book: book,
...继续阅读
(42)
发表于
2015-08-12 12:09:00
React Native 简介：用 JavaScript 搭建 iOS 应用(2) - OneAPM官方技术博客
发表于
2015-08-01 00:47:16
React context 丢失问题
发表于
2015-07-30 07:45:26
关于node+express 配置nginx反向代理的问题
项目使用node+express，express配置了路由如下：
router.get('/’, function(req, res, next) {
res.render(‘index’);
});
router.get('/aaa’, function(req, res, next) {
res.render(‘blog/aaa.html’);
});nginx配置：
upstream nodeweb-server {
server localhost:3000;
}
server {
listen 80;
server_namewww.mywebsite.commywebsite.com;
location = / {
root /;
proxy_passhttp://nodeweb-server;
proxy_redirect off;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-NginX-Proxy true;
}
location ~ .*.(gif|jpg|jpeg|png|bmp|swf|j
...继续阅读
(51)
发表于
2015-07-29 09:17:44
关于React中两个xml标签共用一个css属性
先上代码吧var test = [wen,wen,wen,wen];
var SearchBar = React.createClass({
render:function(){
var style = {
enInput:{
display:'block'
},
disInput:{
display:'none'
},
tipsBorder:{
border:'1px solid #000'
},
InputWidth:{
width:'20%'
},
tipsWidth:{
width:'20%'
}
}
return ({this.state.test})
},
getInitialState:function(){
return {
test:test,
...继续阅读
(41)
发表于
2015-07-26 07:16:00
React学习系列一 - 一生很短，请勿将就
发表于
2015-07-10 07:33:45
关于nodejs展示mongodb的问题
我在mongodb里面render一个文档出来{lession:docs}
{ “id” : ObjectId(“559f6f22ea9128c47fa7557d”),
“username” : "a123456",
"Monday": [ { “onebefore” : "11:11", “oneafter” : “12:12” },
{ “twobefore” : "12:14", “twoafter” : "13:23}]
}我想在页面上读取Monday里面的onebefore值要如何读取阿，<%=lession[0].Monday/[0].onebefore %>这样可以读取，不过太不灵活了，假如我push或者pull一下顺序就会很乱，请问有什么好的办法吗？先谢谢了
...继续阅读
(27)
发表于
2015-07-10 03:43:00
ReactJS入门（三）—— 顶层API - vajoy
本文基本跟着官方文档把API都走一遍，但会有实例来解释应该怎么用，木有比我更详细的API文档咯。 React.createClass参数：CONFIG（object）创建一个ReactClass（组件类），参数是一个对象且必须带有 render 属性方法，该方法必须返回一个封闭的容器（容器内可以有其它不限结构的容器）或 null/false（表示啥都不渲染）：varComponent =React.createClass({render:function() {returnthis.props.a==1 ?标题123: null}});React.render(, document.body);React.createElement参数：TYPE（string/ReactClass），[PROPS（object）]，[CHILDREN（ReactElement）]创建一个指定类型的React元素，注意第三个参数CHILDREN可以是任意个React元素：varComponent =React.createClass({render:function() {returnthis.props.a==1 ?123: null}});React.render(React.createElement('div',null,React.createElement('p',null,React.
...继续阅读
(191)
发表于
2015-07-09 21:25:43
React使用总结
两种架构现在使用React的开发模式主要有两种——freeMarker+React以及纯静态React页面开发。本文着重介绍纯静态React页面的开发方式。freeMarker+React由于以前是用YUI+freeMarker进行开发，为了保证以前的页面都能够正常访问，当重构老页面时会使用这种开发方式。在这种开发模式下由java利用freeMarker生成并Render为html，通过browserify将js打包至资源目录并在browser中加载，React将app render至div中。React纯静态页面利用browserify使用同构的方式进行开发，直接产出html以及js文件放置到资源文件中通过文件路径访问页面。采用这种方式开发有以下优点：PreRender产出的静态资源文件加载速度快前后端只通过ajax进行交互，使得前后端分离，各自约定好接口之后就能进行开发。同构的开发模式使得功能模块可以复用，比如模板、node的一些常用模块等等。需要注意代码能同时在browser与node环境下执行，否则会出问题。当使用bom对象时，在componentDidMount生命周期中运行，此时node环境下已经完成了first render。构建方式在node环境下通过React.renderToString方法生成html，通过这种方式生成的标签会带有data-reactid属性，
...继续阅读
(112)
发表于
2015-06-29 08:41:51
express layout模板视图
express框架使用了layout.html模板(ejs引擎)，
例如在进行网站首页展示时采用res.render(‘index’,{
layout:’layout.html’,
title:’首页’
});在渲染用户中心时采用res.render(‘user’,{
layout:’layout.html’,
title:’个人中心’
});layout.html内容结构如下DOCTYPE html<%= title%><%- body %>现在问题是，每个页面都使用layout.html模板，但不同的页面加载的css和js各不相同；
index加载了index.css, index.js; 在加载首页时，layout引用了index.css
当加载user页面时user.css如何引入到视图中？或者其他方式解决？
nodeclub代码layout文件加载了所有静态文件，不可能每个页面都会用到吧？
还请社区前辈帮助解答，谢谢！
...继续阅读
(17)
发表于
2015-06-29 01:04:49
为什么通过req.params[0]得不到数据
我在app.js里写的：
app.use('/user/:username’,user);
在路由user中写的：
router.get('/’, function(req, res, next) {
res.render(‘user: ’ + req.params[0]);
});这样写运行后为什么得不到值？
新手求指导，拜谢了！
...继续阅读
(13)
发表于
2015-06-27 09:23:00
ReactJS入门（二）—— 组件的生命周期 - vajoy
如果你熟悉avalon，使用过 data-include-rendered 和 data-include-loaded 等回调方法，那么你会很好地理解React组件的各个生命周期。说白了其实就是React组件状态变化前后的时间点，我们可以利用生命周期的接口在相应的时间点做回调操作。React的官方文档提及了如下几个组件的生命周期：Mounting/组件挂载相关: componentWillMountcomponentDidMountUpdating/组件更新相关:componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdateUnmounting/组件移除相关:componentWillUnmount 下面我们将通过一些实例来理解它们。顺便说下本文的示例都可以在我的github上下载到。一. Mounting/组件挂载相关componentWillMount在组件挂载之前执行操作，但进执行一次，即使多次重复渲染该组件，或者改变了组件的state：DOCTYPE htmlcomponentWillMount123vari=0;varComponent1=React.createClass({componentWillMount:function(){console.log(i++)
...继续阅读
(77)
发表于
2015-06-23 13:21:06
[译] Deku Component Specs
原文:https://github.com/dekujs/deku/blob/master/docs/guides/components.mdComponents 是 UI 当中重用的部分.可以把 component 认为是select元素那样可以复合的自定义元素.每个生命周期的钩子可以定义一个函数, 用来操作 state, 会偶尔返回需要的数据.component 只不过是对象, 对象上有函数和属性.其中不存储任何的 state, 也没有到处用的this.jsexport let Button = {
render (component) {
let {props,state} = component
return{props.children}}
}使用模块只需要引用一下, 然后挂载:jsimport {Button} from './button.js'
import {element,tree,render} from 'deku'
let app = tree(Hello!)
render(app, document.body)首先, 引入 button 对象, 然后, 用deku的函数创建应用.然后, 把元素挂在到应用上. 然后, 用render函数渲染到 DOM 当中.所有可用的 component 属性包括:定义 component 名称用于
...继续阅读
(20)
发表于
2015-06-21 10:06:00
ReactJS入门（一） - vajoy
发表于
2015-06-19 07:18:00
React-Todos - Yika丶J
最近学完React的最基本概念，闲下来的时候就自己写了一个Todo-List的小应用。这里做个简略的说明，给想好好学React的新手看。React-Todo学习前提这里我用了webpackb做了babel和JSX预处理和模块打包。所以对React和一些ES2015（ES6）的语法要有一定的了解。我相信学习ES2015绝对是划算的，因为它是Js的规范。这里给出学习的地方，阮一峰老师的ECMAScript 6 入门或者babel的相关文档Learn ES2015。功能需求最后的实际效果：我们需要做到的功能有：可以在最上面的input里，使用回车来添加任务。在中间的任务列表里，由checkbox来控制任务的状态。已完成的任务有一个line-through的样式。当鼠标移到每一个任务时，都会出现删除按钮提供删除。在底部有一个全选按钮，用于控制所有的任务状态。还有已完成与总数的显示。可以清空已完成的任务。项目下载上面就是一个Todo-List最基本的功能，而我们这次就是用React实现上述功能。例子在我的github上可以download下来，可以用作参考：React-Todosmore正式开始加载npm模块重要要开始我们的React-Todo的项目了，首先我们就要新建项目，通过npm我们可以很轻松的创建项目，并加载我们所需要的各个组件。大家可以在自己的项目里，用我的package.json
...继续阅读
(307)
发表于
2015-06-19 01:18:17
如何用不到 30 行代码写一个模板引擎？
如何用不到30行代码写一个模板引擎？模板引擎从内部来看真的很简单注意：本文以模板库mote为基础，其简洁性给了我启发，对于没有了解过模板引擎内部机制的人来说，它是很好的研究材料。前言：什么是模板？模板引擎是从模板生成文本（字符串）并且帮助分离表示层和业务逻辑的工具。除非你已经被遗留软件的代码缠住了（或者没有开发过有 UI 的软件），否则你可能已经用过一个以上的模板引擎了。但它们究竟是怎么工作的？你怎么创建一个？快速浏览一些主要的模板库，会发现它们的代码没有几千行也有几百行。即使是名副其实的“slim”也不是如此“苗条”。所以你可能认为模板引擎是个难题，但我想要把问题一步步分解，并且给你展示你也可以通过几行代码来打造自己的模板引擎。好了，让我们深入下去…定义特性在这篇文章中，模板引擎将会有两条规则：1.以%开头的代码行都认为是ruby代码。2.在任意一行的{{ … }}符号中插入ruby代码。我们可以将其用于像{{article.title}}这样的语句。就这样？就这两条规则？没错–记住第一条规则让我们可以使用ruby的所有功能。这意味着你的通常的模板特性（循环，调用高阶函数，嵌入局部模板）都是可用的。它们甚至还带来福利：你不需要学习一门新的模板语言或者某领域的特定语言，因为你已经知道ruby了。你可以像这样调用另一个模板：% render("pa
...继续阅读
(11)
发表于
2015-06-13 02:56:09
express+jade 渲染页面问题（render传递的参数不生效 ）
我是请求到“/"的时候会渲染首页，如下的代码：
res.render(“index",{"username” : "hello"});首页的jade文件内容如下（其中包含topbar.jade）：
index.jade:
span #{username} // it can show the username
include ./common/topbar.jadetopbar.jade:
span#username #{username}我在index.jade里面能输出username， 但是在topbar.jade 里面我输出这个username 的时候结果是""
topbar.jade请问下各位大神，这个是什么原因呢
...继续阅读
(21)
发表于
2015-06-11 16:40:25
react 之 Hello Horld!
发表于
2015-06-11 11:32:19
React 入门实例教程
发表于
2015-05-17 11:01:27
observejs改善组件编程体验
传送门observejs：https://github.com/kmdjs/observejs本文演示：http://kmdjs.github.io/observejs/list/本文代码：https://github.com/kmdjs/observejs/tree/master/example/list写在前面javascript的编程体验一直被改善，从未停止过。从最早的Jscex(现在的windjs),改善异步编程体验。如今ES6的Generator改善异步编程体验。还有类似的seajs、requirejs提供极致的模块化开发体验；五花八门的Class.js改善面向对象编程体验；kmdjs同时改善模块化编程、面向对象编程和构建体验；各式各样的template.js改善数据->标记的体验。所有的改善，使代码更直观、友好，使程序易维护、可扩展。最近使用observejs开发组件，发现有几大优点：–Dom操作几乎绝迹–专注于数据操作–视图全自动更新–性能棒棒的–仅一行代码搞定上面四点本文使用世界上最简单的List组件作为例子，大家通过该例子感受一下observejs组件开发改善之处。组件代码var List = function (option) {
this.option = option;
this.d
...继续阅读
(14)
发表于
2015-05-16 11:05:36
[原]Asp.net MVC中1个小技巧- HTML 扩展方法 AssignIfTrue
有时需要在render页面时判断后端的一个变量是否为true/false，并使用Razor Render为1个字符串，可以使用这个扩展方法：public static class MvcExtension
{
public static MvcHtmlString AssignIfTrue(this HtmlHelper helper, bool value, string assignValue)
{
return value ? new MvcHtmlString(assignValue) : new MvcHtmlString("");
}
}使用时：这样当Model.Hide为True，div就会隐藏
...继续阅读
(19)
发表于
2015-04-20 13:42:57
React 初探
React 简单介绍先说 React 与 React Native他们是真的亲戚，可不像 Java 和 Javascript 一样。其实第一次看到 React 的语法我是拒绝的，因为这么丑的写法，你不能让我写我就写。但当我发现 React Native 横空出世后，它学习一次到处运行的理念非常诱人。React Native 可以写出原生体验的 iOS/Android 应用？那不就多了一门装逼技能？所以我们调研小组试了一下，感觉 "Duang" 一下，很爽很舒服。写 React Native 需要两门基础技能：React 语法 和 iOS 基础知识。很爽很舒服，索性就研究一下，算是入门。 了解之后发现，React 真是有另一番天地，值得学习。接下来总结以下我对 React 的理解，分享给大家。至于 React Native，有机会再好好探究下。这部分废话太多，喜欢实战的可以直接看代码部分。React 是 Facebook 出品的一套颠覆式的前端开发类库。为什么说它是颠覆式的呢？内存维护虚拟 DOM对于传统的 DOM 维护，我们的步骤可能是：1. 初始化 DOM 结构
2. 从服务器获取新数据
3. 使用新数据更新局部 DOM
4. 绑定各种事件首先，我们操作 DOM 是最昂贵的开销，对于 需要反复更新 DOM 的网页，无疑是噩梦。其次，对 DOM 局部的更新以及事件绑定加大了维护的难
...继续阅读
(20)
发表于
2015-04-12 15:14:31
[原]Forward Render VS Deferred Rendering
发表于
2014-08-26 00:23:00
AngularJs中，如何在render完成之后，执行Js脚本 - JustRun
AngularJs是Google开源的前端JS框架。使用AngularJs, 我们能够容易地、健壮的开发出类似于Gmail一样的单页Web应用。AngularJs这个新兴的MVC前端框架，具有以下特点: MVC, 模块化，自动化双向数据绑定，语义化标签、依赖注入等。AngularJs和Jquery的...本文链接：AngularJs中，如何在render完成之后，执行Js脚本，转载请注明。
...继续阅读
(20)
发表于
2014-08-26 00:23:00
AngularJs中，如何在render完成之后，执行Js脚本 - JustRun
【摘要】AngularJs是Google开源的前端JS框架。使用AngularJs, 我们能够容易地、健壮的开发出类似于Gmail一样的单页Web应用。AngularJs这个新兴的MVC前端框架，具有以下特点: MVC, 模块化，自动化双向数据绑定，语义化标签、依赖注入等。AngularJs和Jquery的...阅读全文
...继续阅读
(5)
发表于
2014-05-22 11:33:35