Volankey-优快云博客

原创 ReactDIFF和virtualdom

React常见面试题:https://segmentfault.com/a/1190000008102870文档阅读说明以 ==优化-== 开头的是阅读过程中关于react的优化操作React的合成事件react并不会吧事件真正绑定在真实的节点上，而是把所有事件绑定在了结构的最外层使用一个统一的事件监听器进行监听事件和处理函数，而且在浏览器兼容上实现了统一的接口Re...

2018-07-10 13:09:25 814

原创浅谈javscript中的继承方式(原型链继承、组合继承、原型式继承、寄生式继承、寄生组合式)

JS的继承JS在意义上来说并没有真正的继承，它所支持的是实现继承，而且他的实现继承的主要方式是依靠原型链来完成的。原型链继承我们都知道每个对象都有一个[Prototype]，这个所指向的是这个对象的构造函数的prototype,原型链继承就是将sub的原型对象（sub.prototype = new super()）等于super的实例,这样我们就可以通过原型链去找到super...

2018-07-05 19:43:50 1042

原创 webpack配置postcss-px2viewport

什么是postcss-px2viewport?http://npm.taobao.org/package/postcss-px2viewport一个postcss插件，结合viewport.js使用默认使用vw作为布局单位，对于不支持vw单位的，则使用rem进行布局对于标记了/*px*/的，则转换为[data-dpr="1"]、[data-dpr="2"]、[data-dpr="3"]三种不同的字...

2018-02-08 10:05:05 4510

原创 js基础-包装对象

JS对象是一种复合纸：他是属性或已命名的值得集合。通过" . "符号来引用属性的值。当属性值是一个函数的时候，称其为方法。同o.m()来调用对象o的方法那么问题来了，字符串既不是对象，为什么也会有属性呢？原因是，只要引用了字符串的属性，js会将字符串的值通过new String(s)的方式转换成对象，这个对象继承了字符串的方法，并被用来处理属性的引用。一旦属性引用结束，这个新创建的对象就会

2018-01-26 18:02:57 318

原创 ReactNative FlatList state更新，视图不更新的问题

官方文档给出本组件继承自PureComponent而非通常的Component，这意味着如果其props在浅比较中是相等的，则不会重新渲染。所以请先检查你的renderItem函数所依赖的props数据（包括data属性以及可能用到的父组件的state），如果是一个引用类型（Object或者数组都是引用类型），则需要先修改其引用地址（比如先复制到一个新的Object或者数组中），然

2017-11-10 13:27:52 8139 1

转载 CEF3入门

CEF全称Chromium Embedded Framework，是一个基于Google Chromium 的开源项目。Google Chromium项目主要是为Google Chrome应用开发的，而CEF的目标则是为第三方应用提供可嵌入浏览器支持。CEF3不仅开源，而且跨平台，框架的开发者也不断的在更新，英文资料较丰富，对HTML5，CSS3等支持也很好。目前CEF3被全球很多公司使用，国内使

2017-09-06 20:12:54 2247

转载 ReactNative ImagePickerIOS 使用教程

ReactNative ImagePickerIOS 使用教程ImagePickerIOS 是 RN里面的一个获取图片的 API，不过这个API只是在 IOS平台用的。但是官方文档只有简单的几个方法名：static canRecordVideos(callback) static canUseCamera(callback) static openCameraDialo

2017-08-18 13:48:38 1809

原创【RN踩坑】React-native 0.45版本以上出现 boost_1_63_0.tar.gz等错误

请先下载第三方依赖文件https://pan.baidu.com/s/1kVvErYn下下来后请放置到~/.rncache目录比如你可以打开终端，输入# 井号表示注释，不要复制井号开头的句子# 进入~目录，即用户目录cd ~ # 创建目录，如果已经存在就不用创建了mkdir .rncache# 复制文件cp ~/Download

2017-08-08 23:24:49 4444

原创 react-native无法显示图片的解决办法

<Image source={{ uri: "http://p0.meituan.net/165.220/movie/fbe5f97c016c9f4520109dc70f458d4d83363.jpg" }} style={nrStyle.image} />如上代码所示，问题是ios9以后默认只能是https传

2017-05-12 00:00:55 5734

转载【重点】React.Component用法

组件(Components)允许您将UI拆分为独立的可重用的部分，并单独的考虑每个部分。总览React.Component是一个抽象基类。这意味着直接引用React.Component是毫无意义的。你可以实现一个它的子类，并且至少定义一个render()方法即可使用。你可以使用ES6中class定义一个React组件：class Greeting extends Rea

2017-05-10 21:59:53 17347

转载 React顶级API

全局变量React是React库的入口。如果你通过一个script标签使用的React，那么它的顶级API都会在全局环境下一个名称为React的变量上。如果你是通过npm使用的ES6，你可以这样写：import React from 'react';。你是通过npm使用的ES5，你可以这样写var React = require('react');。总览Components

2017-05-10 18:31:11 967

转载彻底理解React如何重新处理DOM(Diffing算法)

React提供了一个声明式的API，所以你不必担心每次DOM更新时内部会修改哪些东西。虽然在React中并不是那么明显地告诉你具体如何实现的，不过这也让编写应用变得更加容易。本文会详细解释在React中的“diffing”算法是怎么做的，以便组件更新是可预测的，从而让高性能应用变得足够快。动机当使用React时，在单个时间点，您可以将render()函数看做是在创建Reac

2017-05-10 16:27:56 5483

转载 react 之事件处理

事件处理使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异：React事件使用驼峰命名法，而不是全部小写命名。使用JSX你传递一个函数作为事件处理程序，而不是一个字符串。例如，HTML：button onclick="activeLasers()"> Active Lasersbutton>在React中

2017-05-04 14:09:52 5958

转载 React 之组件与组件抽离

抽离组件永远不要害怕将组件拆分成更小的组件。例如，考虑这个Comment组件：import React from 'react';import ReactDOM from 'react-dom';function formatDate(date) { return date.toISOString();}function Comment(props) {

2017-05-03 10:24:35 3551

原创 angular 之 ng-cloak,ng-cloak没效果

定义和用法ng-cloak 指令用于在 AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题。AngularJS 应用在加载时，文档可能会由于AngularJS 代码未加载完而出现显示 AngularJS 代码，进而会有闪烁的效果， ng-cloak 指令是为了防止该问题的发生{{ 5 + 5 }}但是在实际应用的过

2017-04-16 12:12:16 2369

原创 angula初探

使用bower安装angular： cd进入项目目录当然bower先来个初始化 bower init安装: bower install angular --saveHTML代码：我是宝宝aa {{name}}

2017-04-13 18:13:15 431

原创 gulp的使用

创建npm的配置文件(cnpm 使用淘宝镜像)cnpm init添加一个gulp的依赖 cnpm install gulp --save-dev 当然你可能需要这些额外的库cnpm install --save-dev gulp-less gulp-concat gulp-uglify gulp-cssnano gulp-htmlmin gulp-autoprefixe

2017-04-12 21:02:09 397

原创 C++ 仿函数VECTOR中查找

class findx //仿函数用来查找容器中元素{public: findx(const int Y,int M, int D){Year=Y;Month=M;Day=D;} bool operator()(STRING& t) //重载（）{ if(t.year == Year && t.

2016-06-11 13:16:46 788

原创最短路径—Dijkstra算法

个人理解：首先先找到1向下能走的点的最短路径,然后将其值记录在dis数组中（此数组用来记录原点到目的点的最短值，随时更新），3最小，这时3能向2,4,6首先

2016-04-22 20:34:32 349

原创关于广度优先搜索的理解

广度优先搜索是一圈一圈的搜索，直到遍历图， 2 7 3 0 1 5 4 6从0开始搜索顺序（右下左上）:1,4,3,2,5,6,7 利用book数组将已经遍历过的点记录，以后不再遍历，广度优先搜索用的是队列，而深度优先搜索用的是递归.基本上广度能做的深度也能做但是：比较深度优先和广度优先两种搜索法，广度优先搜索法一般无回溯操作

2016-04-15 21:24:18 1535

原创 dfs深度优先搜索

void dfs(int x,int y,int step){int next[2][2]={1,0,0,1};int tx,ty,k;if(x == 8&& y==4){sum++;return;}for(k = 0; k{tx = x + next[k][0];ty = y + next[k][1];if(tx 8|

2016-04-11 22:02:19 204

从心的博客