自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 Javascript类型篇--读后感

Javascript的数据类型基本类型: Undefined、Null、Number、String、Boolean引用类型: Object(Function、Object、Array、Date等)本质区别:(存储TODO) 基本数据类型把数据名和值直接存储在栈当中,复杂数据类型在栈中存储数据名和一个堆的地址,在堆中存储属性及值。数据类型判断typeof...

2018-05-24 00:34:32 492

原创

HTML中使用javascript–读后感 每当浏览器解析到<script>标签(无论内嵌还是外链)时,浏览器会(一根筋地)优先下载、解析并执行该标签中的javaScript代码,而阻塞了其后所有页面内容的下载和渲染。 引入方式: 外联 内嵌外联 <script src='xxx' type='text/javascript'&gt...

2018-05-24 00:31:42 110

原创 JavaScript简介--读后感

JavaScript简介–读后感 javascript 1995,带宽限制,主要目的用于简单表单验证 javascript实现:核心:ECMAScript (javascript编译解析器),主要宿主:web浏览器、node、Adobe FlashDOM:文档对象模型BOM:浏览器对象模型 ECMAScript 浏览器版本对 ECMAScript5 ...

2018-05-23 23:19:44 439

转载 React Native 项目常用第三方组件汇总

React Native 项目常用第三方组件汇总:React-native-uploader //文件上传 https://github.com/aroth/react-native-uploader0.gif jpush-react-native //官方版本 https://github.com/jpush/jpush-react-nativereact-native-jpush 由 Re

2017-03-15 16:03:40 411

转载 RN多文件上传

/* * * 上传图片请求 * @param * @returns * */ uploadImage(imgAry) { let formData = new FormData();<br> //因为需要上传多张图片,所以需要遍历数组,把图片的路径数组放入formData中 for(var i = 0;i<imgAry.lengt

2017-03-15 15:52:15 2262

转载 React-Native资源

React-Native学习资源

2017-03-03 00:09:28 381

转载 在Windows下搭建React Native Android开发环境常见问题

1. task ‘:app:compileDebugJavaWithJavac’. > Could not find tools.jar 是没有配置Java环境D:/Java\jdk1.8.0_66”. 2. D:\Android\WorkSpace\AwesomeProject>react-native run-androidJS server already running. Bui

2017-03-02 00:19:31 819

转载 React Native初识

React Native是什么?React Native是一个框架,一个中间层,通过这套框架我们可以完成IOS和Android的开发。 为什么选择React Native?选择React Native比较重要的两个特性: 1. 跨平台效率高。通过js可以同时编写IOS和Android、web端。 2. 动态加载。服务端更新客户端代码与资源,很实用的技术。 用React Native就

2017-03-01 01:22:35 199

原创 webpack随机

Webpack随记命令行常用 –module-bind 模块绑定 –watch 自动更新打包 –progress 查看打包过程 –colors 命令行彩色 –display-modules 查看打包模块 –display-reasons 查看打包模块的原因 webpack –config webpack-dev-config.js 指定

2017-03-01 00:24:02 525

原创 Webpack常用配置、插件总结

webpack常用配置、插件整合: 主要是认识webpack中常用配置项、插件. 这里有一篇不错的整合文章: 原文:《Webpack for React》 翻译:《入门webpack》

2017-01-06 16:04:25 6267

原创 React(10)--构建工具

React 程序开发,最重要的工作之一是:对所有 React 组件运行的 JSX 解析;另一个是:将所有模块打包成一个或者多个文件分发到浏览器中使用。让我们来看看2款流行的 JavaScript 构建工具: Browserify 和 Webpack (我主要学习一下 Webpack)什么是 Webpack ? webpack 是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含J

2016-11-02 00:53:13 845

原创 React(10)-- 构建工具Webpack

React 程序开发中,最具重复性的工作:对所有 React 组件允许 JSX解析器;将所有模块打包成分发到浏览器中使用。 2款流行的 JavaScript 构建工具:Browserify & ]Webpack] (主要学习)Webpack 是什么? webpack 是一款模块加载器 兼 打包工具,它能把各种资源(JS、JSX、TypeScript、coffe、less、sass、图

2016-10-16 15:11:02 478

原创 React(9)--表单

表单 是网站开发不可缺少的元素,构成表单的元素有:Label、textarea、select、checkbox、radio、form 等等。这一章,我们学习一下 React 中的表单。< Label />//JSX中:<label htmlFor="name">姓名:</label>//javascript中:React.DOM.label({ htmlFor : "name"}, "姓名")

2016-10-11 02:39:01 231

原创 React(8)--DOM操作

当仅使用虚拟DOM无法满足需求时,我们可以使用 ref 属性,访问指定元素。并且在 componentDidMount执行后,使用 getDOMNode( ) 修改他们底层的DOM节点。 使用的一般场景是: ① 使用React 没有原生支持的功能; ① 整合第三方类库 ; 访问DOM节点:let HelloMessage = React.createC

2016-10-10 00:59:18 172

原创 React(7.2)--React ES6 处理 mixin

前言: 由于 mixin 有悖 JavaScript 语义化,React ES6 使用高阶组件替代 Mixins。 这一节,我们将主要讨论如何使用 高阶组件 的方式取代传统的 React Mixins。那个我们怎么使用 ES6 处理 mixin?什么是 高阶组件 ? 通过函数向现有组件类添加逻辑,就是高阶组件。 高阶组件实际上只是一个方法,这个方法利用一个现有组件去

2016-10-02 00:17:18 2674

原创 React(7.1)--mixin

前言:从 React 0.13 开始,mixin 逐渐退出历史舞台,React ES6 将不再支持 mixin,否则有悖 JavaScript 语义化的初衷。所以,这节我们只是简单说明一下 React 的 mixin,下一节才是我们的重点内容, React ES6 如何处理 mixin 。- mixin 的缺点 一个组件和它的 mixin 之间的关联是隐式的。mixin 通常依赖于定义在

2016-10-01 23:49:18 273

原创 React(6)--组件的复合

传统 HTML 元素是构成页面的基本,而在 React 中,构成页面的基础单元是 React 组件。 React 希望通过结合小巧简单的组件和数据对象,构成大型组件来构建应用。 下面我们来写一个例子,来展示 React 组件的复合: 需求:选择题里面自定义选项。/** * 2016年9月28日21:12:51 * 组件复合 *//*** * 问题选项 组件 */

2016-09-28 21:42:10 334

原创 React(5)--事件处理

一个完整的界面,一半是展示,另一半是响应。React 通过将事件处理器绑定到组件上来处理事件(事件触发,更新组件状态,从而重绘)。 让我们看看以下列子 <button class=" sub " onClick = { this.handleClick } > 确定 </button>//或者React.DOM.button( { calssName : "sub", onClick

2016-09-27 02:16:31 466

原创 React(4. 2)--数据流(实践篇)

回顾一下上一篇内容,React 是单向数据流传输的,props 和 state 共同构成原始数据。props 和 state 的基本使用,以及 什么时候使用 props 和 state: – State 应该包括那些可能被组件的事件处理器改变并触发用户界面更新的数据。 – state 增加了组件的复杂度同时降低了组件的可预见性,我们要尽可能创建多个只负责渲染数据的无状态(sta

2016-09-24 19:20:37 217

原创 React(4. 1)--数据流(理论篇)

前言: 数据的传递是代码开发重要的一节,在 React 数据是怎么传递的呢? → 单向数据流 开始之前,我们需要大概认知一下 React 的数据传输形式:   在 React 中,数据的流向是单向的(即 从父节点传递到子节点);如果顶层组建的某个 prop 改变了,React 会递归 地向下遍历整棵组件树,重新渲染所有使用这个 prop 的组件。

2016-09-22 00:35:32 317

原创 React(3)--组件的生命周期

我们正式开始 React 的学习我们先看一下 React 的一个简单的例子:React组件的生命周期 和 生命周期的方法

2016-09-21 00:37:43 669

原创 React(2)--JSX

前言: - 在 React 中,组件是用于分离关注点,而不是被当作模板或者处理显示逻辑的。 - 使用 React,我们要习惯HTML标签及生成这些标签的代码间的内在紧密关系 。 - React 可以不适用 JSX,然而 JSX 可以提高组件可读性,推荐使用 JSX 。目录:前言目录JSX- 什么是JSX- 为什么使用JSX  1 允许使用

2016-09-20 02:23:06 231

原创 React(1)--开始学习

开始学习 React-目录:1. React什么是2. 为什么使用React3. 学习方向(React学习方向)

2016-09-20 00:34:22 361 1

原创 第一篇博客

第一篇博客前言: 今天开始写第一篇博客,希望通过写博客,学习到更多的知识和交到更多的朋友。 博客现阶段的内容主要是web开发的各项技术,以后会学习其他编程知识,目的是积累经验,加深加深印象,分享学习。时光如梭,请珍惜还年轻的我们,为以后描一个圆满web前端学习路线图这将是我博客要写的主要路线,当然也会添加其他知识

2016-09-19 22:12:02 185

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除