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

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》描述

前端阅读

前端阅读 Web 推送技术 - 掘金腾讯云技术社区-掘金主页持续为大家呈现云计算技术文章,欢迎大家关注! 作者:villainthr 摘自 前端小吉米 伴随着今年 Google I/O 大会的召开,一个很火的概念--Progressive Web Apps 诞生了。这代表着我们 web 端.. Awesome_API - 国内开发常用 API 合集 - 工具资源 - 掘金中文版请戳这里 If you think this project is helpful, please star it. .

谈谈前后端的分工协作

ajax({ url: "http:// /api.php? 原始请求:http://barretlee.com/api/test.json 在ajax请求的时候: $.isset($_GET["page"])){ echo 0; Ctrl+S,保存把线上的接口数据到本地的api文件夹吧-_-||三、小结 本文只是对前后端协作存在的问题和现有的几种常见模式做了简要的列举,JSON Schema 具体如何去运用,还有接口的维护问题、接口信息的获取问题没有具体阐述,这个后续有时间会整理下我对他的理解。

手摸手,带你用vue撸后台 系列一(基础篇)

config.build.prodEnv : config.build.sitEnv 新版的vue-cli也内置了webpack-bundle-analyzer 一个模块分析的东西,相当的好用。使用方法也很简单,和之前一样封装一个npm script 就可以。 //package.json "build:sit-preview": "NODE_ENV=sit npm_config_preview=true npm_config_report=true node build/build.js" //之后通过process.env.npm_config_report来判断是否来启用webpack-bundle-analyzer var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').