关闭

[置顶] 对redux的认识(源码深度解读)

用redux写过一些小项目,感觉有段时间不用快要忘记。所以写下我对redux的理解(和react-redux结合使用)。作为笔记。redux版本是3.6.0。react-redux版本是5.0.4。首先打开github的redux项目,在源码中,主要有以下文件: 这也是redux的组成部分。utils文件夹只有一个warning.js,用来打印错误信息。index.js用来导出相关内容。关键的是其...
阅读(93) 评论(0)

[置顶] React-native错误,更新中......

1、使用abd reverse tcp:8081 tcp:8081 react-native run-android最后一行报错。error: unknown host service找到5037端口,关掉对应的pid即可。netstat -aon|findstr "5037"在资源管理器中,切换到进程,单击菜单栏查看 -> 选择列 -> 勾选PID,找到对应的pid,结束进程。2、adb se...
阅读(517) 评论(0)

websocket心跳的实现(包括全部代码)

本文主要讲的是如果设计websocket心跳已经需要考虑哪些问题。前言在使用websocket的过程中,有时候会遇到客户端网络关闭的情况,而这时候在服务端并没有触发onclose事件。这样会: 多余的连接 服务端会继续给客户端发数据,这些数据会丢失 所以就需要一种机制来检测客户端和服务端是否处于正常连接的状态。这就是websocket心跳,这个名字非常生动形象,还有心跳说明还活着(保持正常连接),没...
阅读(101) 评论(0)

简化redux中的action和reducer

如何让action和reducer更简单,这就是本文所学需要记录的。可直接跳到改进部分。前言最近做的项目中,也使用了redux。redux是基于纯函数的,为了保证其纯度,它的reducer的要求是S’ = f(S)的这种形式。但是在实际项目中,我们有很多网络请求,那么要求reducer的形式是S’ = await f(Async)(S)的形态。但是在reducer中这是不允许的(为了保证其纯度),所...
阅读(57) 评论(0)

我的项目react-native-meituan总结与反思

react-native-meituangithub地址:https://github.com/yuwanlin/react-native-meituan.git 跨平台app。持续更新。目前是v1版本。通过这个小项目,掌握了react-native的一些组件的用法。本项目react-native的版本是0.44.2。一些变化 自0.40版本开始,对于Image组件的source属性,不再支持re...
阅读(207) 评论(0)

我的项目react-bookstore总结与反思

react-bookstore线上地址:https://react-bookstore.herokuapp.com github地址:https://github.com/yuwanlin/react-bookstore学习了react相关技术,需要贯通一下。所以有了这个。会持续更新。项目不复杂,但我本来就是来练手的。我觉得达到了练手的效果。包括redux/react-redux的使用,以及使用r...
阅读(267) 评论(0)

brew安装特定版本flow,解决问题!

在atom+react-native项目中安装了nuclide。然而使用flow的时候出现了问题。$ brew -v Homebrew 1.2.0$ flow version Flow, a static type checker for JavaScript, version 0.45.0$ flow Launching Flow server for /Users/real/Desktop/re...
阅读(998) 评论(0)

webpack热模块替换(HMR)/热更新

这是一篇关于webpack热模块替换的最简单的配置(不需要react),也称作热更新。...
阅读(2344) 评论(0)

ES6学习笔记之class

概述ES6引入了class以接近传统的面向对象(java、c++)语法。我觉得这不是很有必要。因为在继承方面它和java/c++完全不一样,这样会对新手可能会造成困扰(虽然java我已经忘掉了)。实际上,class可以看做一个语法糖,它的绝大部分功能都可以由ES5做到,在此基础之上,增加了一些功能而已。使用class只是让js更像面向对象编程的语法而已。。在es6中,定义一个class可能会如下所示...
阅读(117) 评论(0)

我的webpack,持续更新......

压缩js使用自带的webpack.optimize.UglifyJsPluginconst webpack = require('webpack'); module.exports = function(env) { return { entry: { main: './index.js', }, output: { filename: '[chu...
阅读(562) 评论(1)

ES6学习笔记之Symbol

参考自:http://es6.ruanyifeng.com/#docs/symbol概述 Symbol是ES6新引入的一种原始数据类型。它是JS语言的第7种数据类型。前6中是number、string、boolean、undefined、null、object。 let s = Symbol(); typeof s; // "symbol" Symbol能够产生独一无二的值,避免与之前的代码/其他...
阅读(109) 评论(0)

angularjs仿拉勾网webapp总结与记录

这是慕课网上的实战课程,使用的技术栈有bower+less+angular1.x+gulp。没有涉及到后端,数据是模拟的json数据。 gulp 其中gulp的配置在这里。 less 关于less部分,只使用了一些最基础的语法。如下: 文件引用 使用@import。 @import 'a.less'; @import 'b.less'; 定义变量 使用的了一个...
阅读(2145) 评论(4)

指令中的scope

一般而言,指令配置如下://headBar.js angular.module('app') .directive('appHeadBar', function() { return { restrict: 'A', replace: true, templateUrl: 'view/template/headBar.html', scope: { t...
阅读(202) 评论(0)

gulp插件

这是我用的一个。 "devDependencies": { "gulp": "^3.9.1", "gulp-clean": "^0.3.2", "gulp-concat": "^2.6.1", "gulp-connect": "^5.0.0", "gulp-cssmin": "^0.1.7", "gulp-imagemin": "^3.1.1", "gulp-less...
阅读(418) 评论(0)

modernizr

HTML5Shiv允许就浏览器识别出HTML5元素,并可以为其添加样式—-它只是简单地创建了HTML5对象,让CSS和JavaScript可以应用在元素本身。Modernizr做了同样的事情,并且在此基础上还添加了特性检测。HTML5Shiv会使像这样的标签生效,但是它并不会使HTML5的视频在就浏览器得以播放。虽然这个标签是可用的,并能够添加样式,然而视频并不能在这些浏览器里播放。M...
阅读(193) 评论(0)

ES6学习笔记之Generator 函数的语法

简介基本概念Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。本章详细介绍Generator 函数的语法和 API,它的异步编程应用请看《Generator 函数的异步应用》一章。Generator 函数有多种理解角度。从语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,...
阅读(442) 评论(0)
64条 共5页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:45728次
    • 积分:1022
    • 等级:
    • 排名:千里之外
    • 原创:54篇
    • 转载:9篇
    • 译文:1篇
    • 评论:11条
    最新评论