- 博客(35)
- 收藏
- 关注
RSS订阅转载 react-redux源码解析
一、 react-redux 和 redux是两个东西。在做react项目的时候，一般用react-redux和redux搭配起来开发。redux主要是做数据、状态的管理，而react-redux主要是方便数据redux在react使用。二、源码解析1)、 入口文件index.js 1 import Provider, { createProvider } from '....
2018-05-23 16:40:00
167
转载 redux的源码解析
一、 redux出现的动机1. Javascript 需要管理比任何时候都要多的state2. state 在什么时候，由于什么原因，如何变化已然不受控制。3. 来自前端开发领域的新需求4. 我们总是将两个难以理清的概念混淆在一起：变化和异步。5. Redux 视图让state 的变化变得可预测。二、 核心概念1. 想要更新state中的数据，你需要发起一个action,A...
2018-05-17 15:02:00
125
转载 react + dva + ant架构后台管理系统(一)
一、什么是dva dva是蚂蚁金服推出的一个单页应用框架，对redux，react-router，redux-saga进行了上层封装，没有引入新的概念，但是极大的程度上提升了开发效率；二、安装dva-cli 并创建应用 1.npm install dva-cli -g 2.dva new dva-demo 3.cd dva-demo 4.npm s...
2018-02-26 14:42:00
407
转载 fetch 代替 XMLHttpRequest (json-server 模拟后台接口)
一、fetch 是 XMLHttpRequest 的替代方案。说白了就是除了 ajax 获取后台数据之外也可以用fetch 来获取。二、fetch 的支持性还不是很好。挂载于BOM中可以通过浏览器直接访问。 1.支持情况 当然，如果不支持fetch也没有问题，可以使用第三方的ployfill来实现只会fetch：whatwg-fetch三、JSON-SERVE...
2018-02-26 13:51:00
228
转载 Es6 Generator函数
/* 一、generator函数的定义 1.Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同 2.形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态 ...
2018-02-24 16:19:00
118
转载 java 的数据类型
一、四类八种 1. 整型 byte short int long 2.浮点型 float double 3.布尔型 boolean 4.字符型 chat二、变量的声明 数据类型 变量名 = 变量值;三、变量名的命名规则 1.不可以使用数字作为开头 2.不可以使用一些特殊字符 3.不可以与java 内定的关...
2018-01-29 19:57:00
72
转载 vue为app做h5页面，如何做到同域名对应不同版本的h5代码
1.当我们在做混合开发的时候，app端可以有无数多个版本，一般情况h5页面只有一套代码。应该如何部署多套代码呢？2.业务场景当出现这种情况的时候，其实前端可以部署多套代码。比如： www.static300.com/index.html , www.static3110.com/index.html , www.static3200.com/index.html 这样做...
2018-01-04 21:17:00
328
转载 vue-devtools 的安装和使用
vue-devtools的安装与使用一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下四.依次输:1:npm install2:npm run build (这一步一定不要忘了，没有执行这一步的话，项目文件夹shell...
2017-11-29 18:23:00
107
转载 jq源码解析之绑在$,jQuery上面的方法
1.当我们用$符号直接调用的方法。在jQuery内部是如何封装的呢?有没有好奇心？// jQuery.extend 的方法 是绑定在 $ 上面的。jQuery.extend( { //expando 用于决定当前页面的唯一性。 /\D/ 非数字。其实就是去掉小数点。 expando: "jQuery" + ( version + Math.random...
2017-10-12 21:09:00
116
转载 jquery的extend方法（源码解析）
1.前段时间一直忙于研究数据可视化(d3.js,three.js) 以及 php的 laravel框架，生活上也遇到很多事情，这大概就是人生中的迷茫期吧。回想起，刚出来工作的时候，目标很明确，要学习什么。将来要达到什么样的高度，要跟大神们肩并肩，谈天论地。朝着这个目标一直努力着。但随着见过的、做过的、东西越多，反而越来越迷茫-----感觉啥都会，借着度娘，工作中基本不会遇到什么问...
2017-10-11 20:12:00
126
转载 linux系统目录结构
1.当登录到系统后输入 ls /(会看到如下目录)/bin：bin是Binary的缩写, 这个目录存放着最经常使用的命令。/boot：这里存放的是启动Linux时使用的一些核心文件，包括一些连接文件以及镜像文件。/dev ：dev是Device(设备)的缩写, 该目录下存放的是Linux的外部设备，在Linux中访问设备的方式和访问文件...
2017-09-30 11:41:00
66
转载 es6, Symbol类型
一、在ES5中存在6中数据类型基本数据类型:undefined,null,boolean,string ,number引用数据类型：Object在ES6中引入新的数据类型(第七种)：Symbol /* Symbol Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。 */...
2017-08-14 15:54:00
61
转载 es6 对象的扩展
一、现在还有很多浏览器不能直接使用es6语法。特别是手机端的一些低版本的浏览器。都需要用bale转换一下。但是目前流行的框架中(vue,react,angular)。都有自己的脚手架，都能用webpack转换下。或者直接自己配置webpack ， fis3,nowa 等转换。照样不是美滋滋。二、属性的简洁写法 //1.属性简洁表示语法 var foo...
2017-08-12 19:16:00
76
转载 js 中引用类型 的深拷贝 和 浅拷贝的区别
一、曾经在读JQ源码的时候，对深拷贝算是有了一点的理解。我们在项目中是不是经常会遇到这样的问题呢？后台返回一个数组对象（引用类型）.次数在页面渲染中需要对部分数据进行处理 比如：银行卡62345092534 （这么长） 但在页面显示的时候，只显示中国银行（3118）但是传给后台的时候。又要传623445242整个号码，我们也许会把var oldData = res.data;...
2017-08-11 18:13:00
122
转载 原生 js 封装get ,post, delete 请求
现在的项目中都在用VUE 以及react 等MVC， MVVM 框架。 丢弃了原始的JQ 。不可能为了个$.ajax();而把JQ引进来吧。在vue1的开发中 提供了 vueResouce, vue2 出来后明确提出了不在更新vueResouce 而提供axios 的方法。在react 的开发中提供fetch 封装的方法。等等。但在工作与后台的交互中基本都是form表单的形式。...
2017-08-10 16:11:00
583
转载 d3 数学方法（伪随机数生成器 ）
一、正态（高斯）分布(normal (Gaussian) distribution)的随机数 /* var nomarlRandmo = d3.random.normal(); console.log(nomarlRandom); function(){ ...
2017-08-05 10:37:00
592
转载 d3 选择器
一、隔了一段时间没看D3了，好多api又陌生了。武林太大，唯有自强不息。 D3 选择器算是学习D3的第一步吧。 跟 学习JQ一样。先熟悉下api，才能够如鱼得水，手到勤来。二、 选择器 1.选择器 /* 1.d3.select(dom); dom => 可以是类，ID。说白了跟JQ的 $(dom) 完全一样。不过select...
2017-08-04 01:37:00
345
转载 vue,react,angular本地配置nginx 环境单页面应用
一、起因：项目使用VUE，和react。构建单页面应用。在nginx的环境下只有一个index.html入口。这时候默认能够访问到vue，和react 路由配置中的首页。内部连接也能够跳转但是不能给刷新也面。刷新页面后就为变为404页面。二、原因：nginx 在解析路径的时候：比如： localhost/a 这个路由。其实nginx 在解析路径 时候。为去root根路径下...
2017-07-30 18:26:00
147
转载 js 正则表达式
一、正则表达式的作用：匹配一个字符串中的一些内容。（字符串很重要，很久以前有次就把number类型的拿来匹配，就出现过问题啦）。二、声明和使用： /* 1.构造函数 var reg = new RegExp(/表达式/) 2.字面量 var reg = /表达式/ 推荐使用 eg: var reg = /abc/ 表示匹配含有ab...
2017-07-26 00:01:00
377
转载 原生 JS 中 延迟脚本和异步脚本
一、延迟脚本 deferHTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。脚本会被延迟到页面加载完毕的时候，执行。也就是当浏览器解析到</html> 标签后才会执行代码。在HTML5规范中，defer属性中适用于外部脚本。而家了defer 的脚本文件会比DOMContentLoaded事件...
2017-07-11 22:49:00
116
转载 Three.js入门篇（一）创建一个场景
上一面讲述了向场景中添加物体对象。这一篇准备把每个功能点细细的讲述一遍，一方面是为了加深自己的理解。另一方面希望能够帮助到有需要的人。一、在学习WEBGL的时候，你应该先了解要创建一个WebGL程序需要哪些步骤。就跟弄梅菜扣肉一样，需要哪些步骤。初始化WebGL绘图上下文初始化着色器程序建立模型和数据缓存完成绘制和动画这是一个面向过程编程。然而thre...
2017-06-15 01:00:00
204
转载 THREE.JS（如何想场景中添加物体对象）
这篇主要实现向模型对象中添加头像，并组成一个矩形一、three.js是什么?上篇说了点TWEEN这篇又来一根THREE是不是两兄弟啊？还真有点像，当想要做3D动画的时候，可能会考虑用TWEEN的动画函数。其实THREE.JS就是实现3D效果的WEBGL的模型库。内容涵盖量大，目前的技术博文较少，要领会其中部分API需要一点功夫啊。二、如何建立一个3D模型呢?先来一个H...
2017-06-13 23:41:00
767
转载 Tween.js 动画效果
一、apply,和call的用法。先来一个与本次博文无关的东西，就是apply和call的用法。其实apply和call的用法都一样，只是他们的传参不一样。apply是数组，而call是单独的传，类似枚举。1.列子一把arguments转化为标准数组，可以使用push等方法。function test(){ //arguments.push(5); //argu...
2017-06-04 18:14:00
274
转载 js柯里化
一、来源在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。这个技术由 Christopher Strachey 以逻辑学家 Haskell Curry 命名的，尽管它是 Moses Schnfinkel 和 Gottlob Frege 发明的。二、curring(1...
2017-06-02 00:58:00
156
转载 node path模块
一、在nodejs中path模块时使用频率很高的模块，其中不乏有很多API写得很模糊，但仔细琢磨下来，也不是很难理解。1.获取文件所在路径var path = require('path');var test = '/test/test1/test2/test.js';//获取文件所在的目录console.log(path.dirname(test)); // ...
2017-05-30 10:24:00
117
转载 Es6(class)
一、基础用法 //1传统面向对象 构造函数 function Person(name,age){ this.name = name; this.age = age; } Person.prototype.sayName = function(){ console.log(this.name); /...
2017-05-26 00:43:00
85
转载 D3.js 入门学习(二) V4的改动
//d3.scan/* 新的d3.scan方法对数组进行线性扫描，并根据指定的比较函数返回至少一个元素的索引。 这个方法有点类似于d3.min和d3.max。 而d3.scan可以得到极值的索引而不仅仅是计算极值。 */var a1 = [1,3,5,2,9];var i = d3.scan(a1,function(a,b){ return b-...
2017-05-21 23:54:00
148
转载 D3.js 入门学习(一)
一、安装D3.js1.网络连接<script src="https://d3js.org/d3.v4.min.js"></script>2.命令行安装cnpm || npm install d3 --save => 我采用的是cnpm install d3 --save3.创建node 服务器a. cnpm || npm...
2017-05-21 13:21:00
329
转载 express和数据库(MySQL)的交互(二)
一、安装express前面都讲了1.express。cnpm || npm install express --save2.中间件a.cnpm || npm install body-parser --save 当post请求的时候，需要用这个中间件来处理参数b.cnpm || npm install cookie-parser 处理cookie的中间件...
2017-05-17 23:03:00
191
转载 express入门学习(一)
一、安装expresscnpm || npm install express --save ;1. Hello Worldvar express = require('express');var app = express();app.get('/',function(req,res){ res.send('hello world');}...
2017-05-16 23:37:00
108
转载 node入门学习(二)
一、模块系统1.创建模块和引用模块//如何创建一个模块exports.hello = function(){ console.log('hello worl');};//这创建了一个模块//如何引用模块 //1.require();var hello = require('./module.js');hello....
2017-05-15 23:49:00
73
转载 node入门学习(一)
一、安装node.js方式很多npm，git等，新手建议从官网上直接去下载node的安装包。一键安装.二、创建一个web服务器。const http = require('http');http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'t...
2017-05-15 00:19:00
98
转载 jQ返回定位插件
一、jQuery 提供开发者开发插件的几种模式1.$.extend(); //这个方法是绑定在$上面的。可以通过$直接调用2.$.fn.方法名 //这个方法是绑定在Dom对象上面的可以通过$('').方法名();调用3.$.widget //通过jQuery UI 部件工厂模式创建。二、插件的开发过程1.$.extend();这个方法其实...
2017-05-14 01:23:00
152
转载 js中常见算法
一、面试80%都要问的数组去重 数组去重的方式有多种，其实面试中主要是想靠对对象的理解。还记得我第一次去面试的时候，去重的时候用了2个for循环。//1循环一次 var arr1 = [1,2,3,44,44,11,2,3,333,3,3]; function removeRepeat(arr){ var removeArr = [],obj ...
2017-05-11 22:59:00
110
转载 vue中的数据双向绑定
学习的过程是漫长的，只有坚持不懈才能到达到自己的目标。1.vue中数据的双向绑定采用的时候，数据劫持的模式。其实主要是用了Es5中的Object.defineProperty;来劫持每个属性的getter,和setter。这也正是Vue不兼容IE8以下的原因。2.Object.defineProerty();var obj = {}; Object.de...
2017-05-10 02:21:00
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人