大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

Vue.js前后端通用组件开发心得-菜鸟篇

/component/modal/modal' exports.modal = modal 前端使用组件 import Vue from 'vue' import { picker, modal, toast, alert, preloader, indicator, actions, pullToRefresh, infiniteScroll } from './src/index' let vueServer = require('vue-server') //服务端Vue let Vue = new vueServer.renderer(); //这个html就是vue服务端渲染好的,然后可以通过ejs或者其他模板引擎输出到layout中。 });

Vue.js + LeanCloud(node.js)前后端分离开发样板

Vue.js + LeanCloud(node.js)前后端分离开发样板 如果对您有帮助的话,欢迎 star~ 我的github 地址 另外现在用命令行部署 leancloud 有点问题,async/await 会报错,但是使用 git 部署不会

玩转 React 服务器端渲染

import { Route } from 'react-router'; } rootReducer 的 state 参数就是整个 Store 的状态树,状态树下的每个字段对应也可以有自己的reducer,所以这里引入了 listReducer 和 itemReducer,可以看到这两个 reducer的 state 参数就只是整个状态树上对应的 list 和 item 字段。 具体到 . function renderFullPage(html, initialState) { return ` ${html} window.__INITIAL_STATE__ = ${JSON.stringify(initialState)};

FEDay 参会小记

判断有 error 显示 Error 组件处理 loading 的做法也是,将 loading 传进去 this.setState({isLoaded: false}); return todos;

FEDAY2016之旅

FEDAY2016之旅 前戏 2016/3/21 补上参会的完整记录,这个问题从一开始我就是准备“自问自答”的,希望可以通过这种形式把大会的干货分享给更多人。 出发/到达 我跟同事周周是周六凌晨1点才到的广州,住的地方在小区里面,路过楼下的时候看到一家还在营业的啤酒吧,很有Feel,但是此时的精神状态直接把我们送到了房间里,洗完澡之后就碎觉了,准备次日集中精神好好听讲

React 同构实践与思考

然后,我们来写用 React 实现的服务端的 Components, /* * react-server-koa-simple - app/views/Home.js * home模板 */ render() { let { microdata, mydata } = this.props;js', // view层直接渲染文件名后缀 beautify: true, // 是否需要对dom结构进行格式化 writeResp: false, // 是否需要在view层直接输出 } } reactview(app);fetchData((data)= { this.body = this.render('Device', { isServer: true, microdata: microdata, mydata: data });

React同构直出优化总结

可以将 Math.random() 封装至Component 的 props 中,在服务端上生成随机数并传入到这个component中,从而保证随机数在客户端和服务端一致。如 Class Wrapper extends Component { render() { return ( {this.props.randomNum} ); 12. 使用 webpack 去做 ES6 语法兼容 (webpack) 实际上,如果是一个单独的服务的话,可以使用babel提供的方式来让node环境兼容好 E6 require("babel-register")({ extensions: [".jsx"], presets: ['react'] });

Redux 莞式教程 之 简明篇

等返回副本的函数 在上面 Action Creator 中提到的 待办事项的 reducer 大概是长这个样子 (为了容易理解,在此不使用 ES6 / Immutable.js): /** 本代码块记为 code-7 **/ var initState = { counter: 0, todos: [] } function reducer(state, action) { // ※ 应用的初始状态是在第一次执行 reducer 时设置的(除非是服务端渲染) ※ if (! switch (action.type) { case 'INCREMENT': return { counter: state.counter + 1 };

理解 RESTful

offset=10: 指定返回的资源的开始位置 ?

使用vue开发微信公众号下SPA站点的填坑之旅

使用vue开发微信公众号下SPA站点的填)去掉了 另外就是wx.config的签名url和支付签名url,微信处理也不一样,见下面的解决办法 解决办法 vue-router路由使用hash模式 每次url更改的时候,重新调用JSSDK的config接口 hash分隔(#)前面加一个问号(?),则跳转到正确的url,代码如下 function directRightUrl () { let paths = window.location.href.split('#') paths[1] = paths[1] || '/' // 老式的#!

面试

面试 面试3 今天的事今天做,分享面筋,大家共同进步。面出了2身汗,加油。 有的部分忘记了,想起啥写啥,可能有点乱。 第一部分组长面 1.URL的结构 URI—Universal Resource Identifier通用资源标志符 Web上可用的每种资源如HTML文档//属性清楚遮挡 } 关闭浮动 解决垂直双边距问题 ​ BFC的作用 http://runjs.cn/detail/gxpu429g 4.flex(css3新特性) .box { width: 20px;

SegmentFault 技术周刊 Vol.8

SegmentFault 技术周刊 Vol.8 前段时间开始学习 React,浏览官方文档时,被其中提及的一篇文章——《Give It Five Minutes》给吸引了。最开始以为是“5 分钟学会 React”这种神一般存在的教程,结果不然,它只是 37 Signal 日志 SVN(Signal v.s. Noise)中的一篇文章……可这篇文章却给了我学习 React 不可或缺的一个理由。至于原因,give me five minutes,听我细细道来。 《Give It Five Minutes》描述