发表于
2018-08-14 00:00:00
《React状态管理与同构实战》限量签名版来啦
发表于
2018-08-13 00:00:00
人生需要勇气（我的新书自序）
发表于
2018-08-13 00:00:00
《React 状态管理与同构实战》董睿推荐序
发表于
2018-08-13 00:00:00
《React 状态管理与同构实战》迷渡（justjavac）推荐序
发表于
2018-07-26 09:30:00
微信小程序开发01-小程序的执行流程是怎么样的？ - 叶小钗
【摘要】前言 我们这边最近一直在做基础服务，这一切都是为了完善技术体系，这里对于前端来说便是我们需要做一个Hybrid体系，如果做App，React Native也是不错的选择，但是一定要有完善的分层： ① 底层框架解决开发效率，将复杂的部分做成一个黑匣子，给页面开发展示的只是固定的三板斧，固定的模式下开发阅读全文
...继续阅读
(6)
发表于
2018-02-09 00:00:00
再谈 ReactDom.render
发表于
2018-02-05 00:00:00
React 是否保持 state 更新的顺序？
stackoverflow 有人提问：Does React keep the order for state updates?我知道 React 的状态更新是异步执行的，为了性能优化，状态是批量更新的。所以你永远不能确信在调用setState后状态是否更新了。但是你是否可以确认setState调用后状态的更新顺序呢？比如以下情况：相同的组件？不同的组件？考虑以下按钮点击的例子：是否有可能a是false，b是true?classContainerextendsReact.Component{constructor(props){super(props);this.state={a:false,b:false};}render(){return}handleClick=()=>{this.setState({a:true});this.setState({b:true});}}是否有可能a是false，b是true?classSuperContainerextendsReact.Component{constructor(props){super(props);this.state={a:false};}render(){return}}classContainerextendsReact.Component{constructor(props){super(props);this.s
...继续阅读
(15)
发表于
2017-11-07 12:51:27
又双叒叕写了一个 host 管理插件
发表于
2017-09-27 02:55:51
WordPress 核心 JavaScript 框架选择讨论话题持续进行
昨天，WordPress #core-js Slack 频道进行了一场活跃的技术讨论会议，讨论的重点不再是具体框架之间的比较；而是在未来 WordPress 的基于 Javascript 的界面构建中，框架所能扮演的角色，发挥的作用。参加会议讨论的包括有 WordPress 核心开发人员，React 社区、Vue 社区的核心开发人员和领导人，Chrome 工程师，以及 WordPress 社区之外其他感兴趣的人员。在WordPress 决定放弃 React事件之后，Facebook 宣布重新授权 React 并放弃专利。之后，Matt 在其博客上发表文章称，React 仍然是 WordPress 团队的选项之一。这次会议由 Andrew Duthie 主持。他首先询问了框架在 WordPress 开发者的工作流程中所发挥的作用，并要求框架贡献者提供关于可扩展接口的建议。古腾堡（Gutenberg）项目负责工程师 Matías Ventura 说，他不认为 WordPress 核心选取的 js 框架会成为插件开发的实际标准。插件开发人员的实际标准是 WordPress 公开的 API 接口。通过框架无关的构建古腾堡块（Gutenblocks）方法，核心框架不必成为开发人员的事实标准。但是外部的 Gutenberg 团队认为，这样的结局是不可避免的。有的团队正在等待 WordPress
...继续阅读
(10)
发表于
2017-07-17 01:52:00
QQ日迹Omi实战开发，从0到1 - 【当耐特】
【摘要】写在前面 相信大家对Omi应该都不陌生了，如果还有不了解的同学先看看这里。了解并使用Omi之后你会发现真的回不去了~~~ "精通Omi框架" 先简单说一下吧，Omi就是一个可以快速开发项目的组件化框架，和vue／react一样为了节省生产力的。想了解Omi和vue还有react区别的，上面文档有讲解阅读全文
...继续阅读
(6)
发表于
2017-06-05 13:17:27
高性能迷你React框架anu发布
发表于
2017-06-03 20:45:06
前端周刊第58期：送你 3 道面试题
发表于
2017-06-03 11:14:50
React Native CodePush实践小结
发表于
2017-06-02 02:47:35
React 的 lifecycle(生命周期)
发表于
2017-06-01 02:34:05
react import 问题
我代码如下：
index.jsimport React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Header from './header';
import './index.scss';
class App extends Component {
render() {
return (</Header>);
}
}
const app = window.document.getElementById('app');
ReactDOM.render(, app)
;
header.js
```js
import React, { Component } from 'react';
export default class Header extends Component {
render() {
return (fuck
</section>);
}
}两个文件中我必须显式import React而且R必须大写，写成小
...继续阅读
(10)
发表于
2017-05-31 23:00:58
前端每周清单第 15 期：Node.js v8.0发布，从React迁移到 Vue，前端开发的未来
前端每周清单第 15 期：Node.js v8.0发布，从React迁移到 Vue，前端开发的未来为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的Web 前端入门与工程实践的前端每周清单系列系列；部分文章需要自备梯子。前端每周清单第 15 期：Node.js v8.0发布，从React迁移到 Vue，前端开发的未来前端前端每周清单前端每周清单专注前端领域内容，分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单。新闻热点国内国外，前端最新动态《Node.js LTS v8.0 发布》：Node.js 于 5 月 30 日在其官方博客上宣布发布代号为 Carbon 的 Node.js v8.0.0 版本，其带来了很多重要的特性改进和一些全新的特性。其典型改变包括了引入 async_hooks 以监控异步操作、引入 N-API 以开发原生插件、改进了 Buffer 的安全性以及将 NPM 升级到了 5.0.0 版本等(https://parg.co/bJh)《Chrome 60 中 DevTools 新特性介绍》：Google IO 2017 中， Paul Irish 在题为 DevTools: State of the Union 的演讲中，介绍
...继续阅读
(4)
发表于
2017-05-31 13:31:48
学习 Next.js: 入门
发表于
2017-05-31 09:05:19
前端每周清单第 4 期
front-end《从零到一的 React 学习与实践资料索引》：React 学习与实践资料索引从属于笔者的 Web 开发基础与工程实践中的阅读学习资料工具集锦系列，本文内容是笔者在学习与实践 React 以及准备每周的前端清单系列时候阅读的文章或者接触到的工具积累，目录结构遵循泛前端知识图谱（Web/iOS/Android/RN）《大家都想知道的 12 个关于使用 React Native 的问题》：React Native 跟 React 是什么关系 ? 之前用 Objective-C / Swift / Java 写的 App 还能用 React Native 吗 ? 是否支持代码热加载和时差调试 ? 等《TypeScript React Starter 发布》：为了方便初学者使用 TypeScript 开发 React 应用，近日 Microsoft 官方仓库发布了 TypeScript React Starter。其能够帮助开发者快速创建基于 React 与 TypeScript 的前端项目、使用 TSLint 进行代码检测、使用 Jest 与 Enzyme 进行代码测试并且使用 Redux 进行状态管理《减少 webpack bundle 大小的 3 种方式》：性能是您的 Webpack 设置的主要关注点？你担心你的捆绑太大了吗？那么这篇文章是给你的！通过这三种方式来快
...继续阅读
(4)
发表于
2017-05-30 23:53:13
JS/React 开发者的 Atom 终极配置
原文链接：The Ultimate Atom Editor Setup (+for JS/React)根据多年以来不断完善 Sublime Text 配置的经验，决定这次给 Atom 也来一个大改造。这个过程花费了好几个月的时间，但成果还是很卓有成效的，我现在非常满意这份配置。这份清单将分为实用工具和 React 专用，并涉及到快捷键绑定。实用工具atom-beautify可以在 Atom 中 美化 HTML，CSS，JavaScript，PHP，Python，Ruby，Java，C，C ++，C＃，Objective-C，CoffeeScript，TypeScript，Coldfusion，SQL等。快捷键：⌃+⌥+Bprettier-atom使用 Prettier 来格式化 JavaScript 代码，配有强大的 ESlint 集成。快捷键：⌃+⌥+Fatom-transposeAtom 的转置更像是字符串翻转。在 Sublime 可以将选中的两个字符串进行交换，看起来更有用。快捷键：⌥+Tcase-keep-replace使用这个插件可以在替换文本的时候可以保留原来的命名风格。快捷键：⌘+⌃+Rchange-case一个可以快速改变当前选择文本命名方式的工具。比如可以从camelCase转换到snake_case等。快捷键：⌘+K ⌘+C/Scopy-path可以灵活地复制文
...继续阅读
(11)
发表于
2017-05-30 10:18:26
用webpack_isomorphic_tools做 react服务端渲染，css样式问题如何解决。
现在服务器(开发模式)启动后 提示" [webpack-isomorphic-tools] [error] asset not found:" ,但是不妨碍启动,运行.问题概述：
react技术栈 react15.4 react-router4 webpack_isomorphic_tools（同构工具） redux我现在的问题是， 服务端渲染 吞吐出html已经没问题了,data-react-checksum 生成一致， 但是就是没有css . 导致 wepack打包后的js加载后，动态插入 header css后， 闪屏 重新排列， 正常情况应该是 服务端直接返回 html和css， 而不是服务端返回html ,js加载后 动态插入css.webpack_isomorphic_tools 这个工具在开发模式下 到底怎么用呢？
...继续阅读
(7)
发表于
2017-05-28 08:22:41
前端周刊第57期：《战争与和平版》的 CSS-IN-JS 黑历史
发表于
2017-05-27 14:44:22
使用Swift开发React Native组件（一）
发表于
2017-05-27 09:51:44
了解State、Props，学会React
State Props——React的关键所在原文《State Props——React的关键所在》只有 State，Props，仅此而已。React 只有 State（状态）、Props（属性），仅此而已。就是这么简单。所以说，如果你会 JS，也了解了 State（状态）和 Props（属性）。那么就可以你已经掌握了 React 大部分知识了。在 State，Props 之前，先来看一下 React 的基础。JSXconst element =Hello, world!</h1>;This funny tag syntax is neither a string nor HTML.It is called JSX, and it is a syntax extension to JavaScript.const element =Hello, world!;这样的表达式就是 JSX 。它是 JavaScript 语法的延伸。在 JSX 中，允许将 JS 代码和 HTML 标签一起使用。这样就可以使用熟悉 JS 来展开逻辑，使用熟悉的 HTML 来呈现 UI。不过这里有一点，就是一个 JSX 只能有一个根节点。所谓一个根节点，就是 HTML 最外面有且只有一个 HTML 标签。const element = (Hello</div>world!)像这样就是错误的
...继续阅读
(4)
发表于
2017-05-26 10:18:09
JavaScript深入系列15篇正式完结！
写在前面JavaScript 深入系列共计 15 篇已经正式完结，这是一个旨在帮助大家，其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS 语言中的比较难懂的概念。JavaScript 深入系列自 4 月 6 日发布第一篇文章，到 5 月 12 日发布最后一篇，感谢各位朋友的收藏、点赞，鼓励、指正。顺便宣传一下该博客的 Github 仓库：https://github.com/mqyqingfeng/Blog，欢迎 star，鼓励一下作者。而此篇，作为深入系列的总结篇，除了汇总各篇文章，作为目录篇之外，还希望跟大家聊聊，我为什么要写这个系列？我为什么要写深入系列？讲一个对我学技术的态度很有影响的一件事情。曾经团队邀请过 Nodejs 领域一个非常著名的大神来分享，这里便不说是谁了。当知道是他后，简直是粉丝的心情。但是课讲得确实一般，也许是第一次讲，准备不是很充足吧，以至于我都觉得我能讲得比他好，但是有两次，让我觉得这是真正的大神。一次就是，当有同事问到今年有什么流行的前端框架吗？这些框架有怎样的适用场景？该如何抉择？我以为大神一定会回答当时正火的 React、以及小鲜肉 Vue 之类，然后老生常谈的比较一番，但是他回答道：“I dont't car
...继续阅读
(6)
发表于
2017-05-26 05:56:48
前端工程师 - 北京淘艺宝科技有限公司
工作地点：北京工作年限：2年学历要求：大专招数人数：2工资范围：8000元 ～ 12000元截止日期：2017/06/26职位描述1．负责公司产品的前端开发任务；2．负责公司产品易用性改进和APP/Web界面技术优化；3．负责公司应用前端的技术路线规划研究、技术架构设计和关键技术攻关；4．参与公司应用的产品需求分析并制定技术实施方案；5．研究和探索创新的开发思路和前沿的前端技术，应用到团队与产品中。职位要求1．大学专科以上学历；2．精通HTML、CSS、Ajax、JavaScript开发和规划；3．具有模块化编程思想、良好的代码书写习惯，精通主流JavaScript框架，如JQuery、KnockoutJS、AngularJS等，熟悉Bootstrap框架，代码规范简洁，重用性高；4．熟悉react设计思想、精通react开发模式者优先；5．熟悉并能解决H5页面在iOS、Android设备上的不同系统版本、不同浏览器的兼容性问题；6．高效的学习能力和分析解决问题能力，工作积极主动，有良好的团队合作精神和项目沟通能力；联系邮箱E-mail:ct929500@126.com公司地址：望京SOHO T1-609(提示：请在邮件中注明应聘职位的名称，并注明该招聘信息来源于博客园)北京淘艺宝科技有限公司北京淘艺宝科技有限公司成立于2016年11月，注册资金1000万，是一家以互联网技术为核心
...继续阅读
(37)
发表于
2017-05-24 19:45:33
从零学React Native之08Image组件
发表于
2017-05-24 16:42:25
基于 React 的前端项目开发总结
发表于
2017-05-24 08:03:26
react 15.4 webpack2.0 babel6 koa2 如何做服务端渲染？
react 15.4 webpack2.0 babel6 koa2 如何做服务端渲染？
坑太多了。客户端渲染已经没有问题， 但是调试的时候，因为spa的原因，如果进入了如/users/1 的页面，如果刷新页面，就会返回404因服务端没有路由的问题。
原本只是想做一个 react-router 路由， 和 koa-router统一的问题， 发现牵扯出来的东西太多，特别是服务端渲染，由于网上的资料大多都是 webpack1 react14 react-router2,3 等等 资料过时了。，想做服务端渲染 ，我发现连runkoa 这个 插件也不能用， （之前可能是脚手架生成自带的。。） 坑太多了。 有做过的 指点一二。卡了2天了。
...继续阅读
(4)
发表于
2017-05-24 07:25:27
阿里通信求前端工程师
关于阿里通信阿里通信是阿里巴巴集团在2013年底成立的独立BU，从最初的虚拟运营商发展成为了全方位的互联网电信服务商。业务涵盖了几乎电信运营商所有业务类型，比如：充值、宽带、号卡、合约机、流量包、物联网等相关业务。也就是说，所有与三大运营商结合的业务都由阿里通信负责，整个BU目前100多人。我们的愿景让联接更简单相关业务案例阿里通信号卡天猫营业厅阿里天机-通信电商能力开放平台天猫营业厅云通信平台手淘 - 话费流量充值手淘 - 我的淘宝-我的通信手淘 - 我的淘宝-卡券包-流量钱包另外还有对天猫商家的一些商家系统和中后台服务系统，这里就不一一举例前端团队使用的技术Vue + Webpack的项目已经占了近80%，少部分老项目是KISSY，但很少维护。因为团队成立不久，技术历史包袱不多个别内部的应用使用了Node.js + Egg.js + Vue.js发布在手淘和天猫里的页面，有部分是Native ( Weex ) 渲染，我们的目标是未来Native页面会多过Web页面目前正在开发的云通信平台使用了React+Fusion（阿里内部React组件库）今年接下来会有一些新项目开发，基本上会是Vue2.0或Weex我们基于Vue沉淀了一套PC端组件库ATUI，内部近10个项目在用今年打算基于Weex搞一套Weex组件库，但目前苦于人手不够我们的要求前端经验2年+，因为要求职级是P6-P8
...继续阅读
(4)
发表于
2017-05-23 09:29:03
还在找react例子？ 记录一下react练习小心得
