前端开发
Jerry_LH
成长之路---------Big 牛.~~
展开
-
CSS的单位
尺寸 单位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 em 1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如,如果某元素以 12pt 显示,那么 2em 是24pt。在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。 ex 一个 ex 是一个字体的 x-height。 (x-height 通常原创 2017-06-05 10:26:48 · 596 阅读 · 0 评论 -
(六)Redux:带有删除线的列表_实例
(六)Redux:带有删除线的列表_实例本章请参考源码以便更好的理解Redux使用方法进入本src文件夹cd src安装node依赖npm install开启服务器npm start更多信息,请查看我的Github https://github.com/RoJoHub/Redux-learn原创 2017-07-30 19:56:21 · 371 阅读 · 0 评论 -
(七)Redux:为List增加过滤功能_实例
(七)Redux:为List增加过滤功能_实例本章请参考源码以便更好的理解Redux使用方法进入本src文件夹cd src安装node依赖npm install开启服务器npm start更多信息,请查看我的Github https://github.com/RoJoHub/Redux-learn原创 2017-07-30 19:56:44 · 374 阅读 · 0 评论 -
(八)Redux:提取Component
(八)Redux:提取Component本章请参考源码以便更好的理解Redux使用方法进入本src文件夹cd src安装node依赖npm install开启服务器npm start更多信息,请查看我的Github https://github.com/RoJoHub/Redux-learn原创 2017-07-30 19:57:15 · 386 阅读 · 0 评论 -
(九)Redux:Provider的实现
(九)Redux:Provider的实现通过Provider隐式传递数据本章请参考源码以便更好的理解Redux使用方法进入本src文件夹cd src安装node依赖npm install开启服务器npm start更多信息,请查看我的Github https://github.com/RoJoHub/Redux-learn原创 2017-07-30 19:55:23 · 481 阅读 · 0 评论 -
(十一)Redux:进阶(初始state)
(十)Redux:进阶(初始state)本章涉及createStore的进阶使用(初始state)本章请参考源码以便更好的理解Redux使用方法进入本src文件夹cd src安装node依赖npm install开启服务器npm start更多信息,请查看我的Github https://github.com/RoJoHub/Redux-learn原创 2017-07-30 19:58:01 · 622 阅读 · 0 评论 -
(十二)Redux:进阶(存储本地state)
(十二)Redux:进阶(存储本地state)本章涉及localStorage存储state于本地node-uuid的安装,生成唯一标识 import {v4} from 'node-uuid'本章请参考源码以便更好的理解Redux使用方法进入本src文件夹cd src安装node依赖npm install开启服务器npm start更多信息,请查看我的Github https://git原创 2017-07-30 20:01:30 · 889 阅读 · 0 评论 -
(十)Redux:官方react-redux的初步使用(Provider组件、connect函数)
(十)Redux:官方react-redux的初步使用(Provider组件、connect函数)本章涉及通过Provider隐式传递数据重写VisibleTodoList、AddTodo、FootLink组件使用connect为组件(VisibleTodoList、AddTodo、FootLink)传值,包括有: storestatedispatch本章请参考源码以便更好的理解Red原创 2017-07-30 19:57:40 · 653 阅读 · 0 评论 -
移动端 JSBridge 的逻辑梳理
移动端 JSBridge 的逻辑梳理JSBridge 可以分为两个阶段,每个阶段执行不同的逻辑初始化阶段: 保证两端的 JSBridge 环境,配置初始化信息交互阶段:web 端发送消息到 app 端app 端 端发送消息到 web 端初始化阶段app 端的 JSBridge 初始化并与 webView 绑定,往 JSBridge 注册 handlerweb 端注册监...原创 2019-03-20 00:26:58 · 379 阅读 · 0 评论 -
(四)Redux:使用combineReducers函数
初入Redux 使用combineReducers函数(四) //这里增加了 combineReducers const {createStore,combineReducers}=Redux //替换前 /* const todoApp=(state={},action)=>{ console.log('========原创 2017-07-14 22:08:31 · 1128 阅读 · 0 评论 -
(五)Redux:实现combineReducers函数
初入Redux 实现combineReducers函数(五) const combineReducers=(reducers)=>{ console.log('旧的reducers') console.log(reducers) console.log('旧的reducers') //注意reducer是一个函数,所以我们返原创 2017-07-14 22:12:05 · 413 阅读 · 0 评论 -
(三)Redux:创建和使用Reducer
初入Redux 创建和使用Reducer(三)还记得Redux是为了拿来做什么吗? Redux为了解决各种状态的在代码中离散 store接收(dispatch)一个事件(type),选择对应的响应(Action),触发对视图的回调(注:必须订阅subscribe,才有回调) 请始终牢记!本章请参考源码以便更好的理解Redux 这是最终的打印更多信息,请查看我的Gi原创 2017-07-14 22:07:22 · 631 阅读 · 0 评论 -
CSS 选择器 (1、2、3 )
选择器 例子 例子描述 CSS .class .intro 选择 class=”intro” 的所有元素。 1 #id #firstname 选择 id=”firstname” 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 \ 元素。 1 element,element div,p 选原创 2017-06-05 10:42:12 · 809 阅读 · 0 评论 -
Flex布局
一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器(或者行内元素)都可以指定为 Flex 布局。.box{ display: flex;} 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。二、基本概念采用 Flex 布局的元素,称为 Flex原创 2017-06-01 10:18:09 · 442 阅读 · 0 评论 -
搭建Node(React native)开发环境
搭建React Native开发环境平台 macOS,目标平台: iOS安装1. HomebrewHomebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2. Node很多教原创 2017-06-18 11:30:43 · 854 阅读 · 0 评论 -
NPM 命令大全
更新全局的某个版本npm update -g 版本eact-native的版本react-native --version卸载模块npm uninstall更新模块npm update搜索模块npm searc查看当前包的安装路径npm root查看全局的包的安装路径npm root -g检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新npm outdated原创 2017-06-20 16:37:47 · 755 阅读 · 0 评论 -
(一)Redux:在计数器中(Counter)的使用
初入Redux(一) 摘要:Redux为了解决各种状态的在代码中离散 store接收(dispatch)一个事件(type),选择对应的响应(Action),触发对视图的回调(注:必须订阅subscribe,才有回调) 请始终牢记!以Redux实现一个计数器(Counter)视图html组件依次是增加,减少,偶数加,异步加<p>Clicked: <span id="val原创 2017-07-02 19:01:03 · 741 阅读 · 0 评论 -
(二)Redux:实现一个Store
初入Redux(二)还记得Redux是为了拿来做什么吗? Redux为了解决各种状态的在代码中离散 store接收(dispatch)一个事件(type),选择对应的响应(Action),触发对视图的回调(注:必须订阅subscribe,才有回调) 请始终牢记! 确定了需求,我们才好写store实现一个Store// -------------------原创 2017-07-02 20:06:45 · 477 阅读 · 0 评论 -
闭包(Closure) 与 匿名函数(Lambda、Anonymous function)
闭包(Closure) 与 匿名函数(Lambda、Anonymous function)闭包(Closure)wiki在计算机科学中,闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures),是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以,有另一种说法认为闭包是...原创 2019-03-11 20:55:59 · 491 阅读 · 0 评论