为什么要选择react

以下是我个人在使用过程中的感受。 模块化react的模块化使得组件化开发变得更加方便,可维护,使得代码复用性更强了,开发效率更高了。 使得人们写代码更加规范,可读性也大大提高,就算是刚入门的新手也可以写出规范的代码来。虚拟DOMreact不直接对dom进行操作,而是创建了一个虚拟dom的概念,并...

2017-06-06 14:17:40

阅读数 1142

评论数 0

react生命周期概括

自定义组件的三种状态 MOUNTING RECEIVE_PROPS UNMOUNTING 它们负责通知组件当前所处的状态,应该执行生命周期中的哪个步骤,是否可以更新 state。 三个状态分别对应三种方法: mountComponent -> MOUNTING updateCompone...

2017-06-05 15:16:20

阅读数 290

评论数 0

javascript中undefined和null的区别

javascript中有七种内置类型,分别是: - 空值(null ) - 未定义(undefined ) - 布尔值(boolean ) - 数字(number ) - 字符串(string ) - 对象(object ) - 符号(symbol ,ES6 中新增)但...

2017-06-02 14:05:57

阅读数 1106

评论数 0

修改docker的镜像源

默认是docker hub。 修改Docker配置文件/etc/default/docker如下:DOCKER_OPTS=”–registry-mirror=http://aad0405c.m.daocloud.io”

2017-02-21 13:23:40

阅读数 317

评论数 0

input type="file" and FormData

HTML5提供了一个新方法,就是input的file类型可以直接用来上传文件。上传文件用FormData来获取上传的内容。 以下是相关代码: <form ref="formVolume"> <input type="file"...

2016-12-02 14:48:29

阅读数 896

评论数 0

js的Date.parse()方法和getTime()的陷阱

之前一直记得getTime()和Date.parse()方法都是返回某个时间到1970年1月1日0:00的毫秒数,但是这次遇到了问题。 当我使用Date.parser()的时候,返回的却是这个时间点到1970年1月1日08:00的毫秒数。下面是我的代码:function startTime() ...

2016-12-02 14:38:36

阅读数 6947

评论数 0

《javascript pattern》— javascript的继承

javascript不是一门基于类的语言,因此没有一个确定的继承的方法。(es6提供了class和extend关键词,用来实现像java这类强类型语言的继承的样子,实际上是一种语法糖。)虽然说js没有类,但是要实现继承却有很多种方法。主要分为类式继承及现代继承(就是不考虑像有类一样去继承)。 要实...

2016-10-26 14:35:40

阅读数 302

评论数 0

《javascript pattern》要点概括

高质量javascript基本要点可维护的代码意味着代码是: 可读的 一致的 可预测的 看起来像是同一个人写的 有文档的 减少全局变量var声明中通过链式赋值的方法会创建全局变量,如下,b是全局变量,a是局部变量。// antipattern, do not use function foo() ...

2016-10-25 17:52:18

阅读数 860

评论数 0

react的使用方法

主要是针对诸如我这类的react小白用户,看看react的一些常用的基础语法等。 react起步要使用react,首先需要引入两个文件,react.js和react-dom.js。一般我们会使用jsx模板,上生产环境前需要对jsx进行转译。如果是平时开发,可以引入一个browser.min.js文...

2016-08-23 17:13:05

阅读数 1327

评论数 0

webpack如何与react进行配合

记录一下如何用webpack来开启react项目 创建文件夹并配置webpackmkdir myapp cd myapp先创建和进入该文件夹,之后开始配置webpack。首先是全局安装webpack,然后是在该文件里安装依赖。 npm install webpack -g npm instal...

2016-08-23 16:54:18

阅读数 609

评论数 0

兼容移动端和pc端的弹性盒模flexbox

现在主流浏览器都支持flex布局,ie是支持到ie10的,不过一些移动端的支持性和pc端不同。如何适应各个版本的浏览器各个设备呢? 新版与旧版弹性盒模型混用:.box{ display: -webkit-box; display: -moz-box; display: -m...

2016-08-09 14:29:49

阅读数 3692

评论数 0

javascript的继承模式的总结

js的继承方式可谓是五花八门啊,而且我用的频率也不高,因此很容易遗忘,很容易搞混。所以就来总结一下。 先来看一张图:可以看到js的构造函数、原型、实例之间的关系。 接下来总结下js所有的继承方式:原型链function SuperType(){ this.property = true;...

2016-07-25 15:27:17

阅读数 253

评论数 0

应该掌握的html5

canvas video audio drag、drop svg geolocation localstorage、sessionstorage manifest(应用缓存) Web Workers 服务器发送事件(server-sent event) input type:email、url、n...

2016-07-22 16:10:53

阅读数 219

评论数 0

理解js闭包

闭包是面试中很容易会问到的一个概念。 js的作用域分为全局作用域和局部作用域(es6里出现了块级作用域),函数内部可以获取外部的全局变量,但是函数外部不能获取函数内部的变量。 如果外部要获取函数内部的变量要怎么办呢? 这个时候只要在函数内部再构造一个函数,把内部的变量return出来就行了。...

2016-07-21 15:44:01

阅读数 474

评论数 0

需要掌握的es6特性(二)

数组的扩展Array.from()Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。let arrayLike = { '0': 'a', '1':...

2016-07-21 11:48:38

阅读数 257

评论数 0

需要掌握的es6特性(一)

目前es6越来越火,很多公司都开始使用起了es6。因为掌握es6的一些常用特性是非常必要的。 let和const原来定义变量时,都会使用var来定义。第一次使用的时候就觉得var的定义特别随性特别自由。但是由于太过自由总是容易犯一些很难找到的错。 首先var的作用域现在一般是全局作用域和局部作用...

2016-07-21 11:22:59

阅读数 375

评论数 0

面试前端开发需要准备的内容

本文是为了我自己的面试需要准备的内容 基础知识 html基础知识 1.常用的一些标签 2.html5的新特性 css基础知识 1.css常用的一些样式处理 2.css3新特性,重点动画 3.我用过的比较特别的css js基础 1.基础的常用的一些性质 2.es6新特性 3.基础概念...

2016-07-14 11:51:09

阅读数 348

评论数 0

JS中encodeURI,escape,encodeURIComponent区别

js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。...

2016-07-13 13:49:32

阅读数 262

评论数 0

HTTP协议在前端开发中的应用

工具 HTTP协议实现的过程 HTTP协议的含义及格式 调试工具首先,前端开发的一个很重要的工具就是chrome浏览器。其实像火狐浏览器也很很好的调试工具,但我更喜欢使用chrome的。 按下F12就能调出这个管理控制台。 点击Network后就会出现所有的网络请求。 当我点击其中一个网络请...

2016-07-13 10:27:53

阅读数 1588

评论数 0

好看的移动端H5应用效果及样式借鉴

支付宝 页面切换采用从下往上滑动,而且不是从底部滑上来,而是距离顶部大概200px的位置快速滑上来,感觉很自然。 缓冲的效果,就是一个圆圈不停转动的效果,作为一个遮罩层,等内容加载完,遮罩层隐去,内容浮现。 回到顶部按钮。一滚动页面右下方就出现回到顶部按钮。一回到顶部按钮消失。 导航栏在幻灯片下面...

2016-05-19 16:02:47

阅读数 2725

评论数 0

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