我总是喜欢逆光-CSDN博客

原创 react、angularjs、vue原理应用场景总结

React React的虚拟DOM的生成是可以在任何支持Javascript的环境生成的，所以可以在NodeJS或Iojs环境生成虚拟DOM可以直接转成String 然后插入到html文件中输出给浏览器便可React主要是对虚拟dom进行操作，比如当页面列表内容局部发生改变时React会对虚拟dom进行操作，React 的虚拟 DOM 使得两棵 DOM 结构的比对真正快起来，并且能确切的找到

2017-04-04 16:22:39 665

原创 vue-router

安装基于传统，我更喜欢采用npm包的形式进行安装。npm install vue-router --save当然，官方采用了多种方式进行安装，包括bower,cdn等。**基本用法**在HTML文档中使用，只需要利用v-link这个directive就行了，如：<a v-link="{path: '/view-a'}">Go to view-a</a> ps: v-link还支持activeC

2017-04-04 16:20:50 358 2

原创 react 生命周期

简单地说，React Component通过其定义的几个函数来控制组件在生命周期的各个阶段的动作。在ES6中，一个React组件是用一个class来表示的，如下：// 定义一个TodoList的React组件，通过继承React.Component来实现class TodoList extends React.Component { ...}这几个生命周期相关的函数有：constructor

2017-04-04 16:14:08 513

原创 react flux

react flux 简介：Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。图解： dispatcher事件调度中心，flux模型的中心枢纽，管理着Flux应用中的所有数据流。它本质上是Store的回调注册。每个Store注册它自己并提供一个回调函数。当Dispatcher响应Action时，通过已注册的回调函数，将Actio

2017-04-04 16:07:38 406

原创 vue, react, angular优缺点

vue API设计上简单，语法简单，学习成本低构建方面不包含路由和ajax功能，使用vuex, vue-router 指令（dom）和组件（视图，数据，逻辑）处理清晰性能好，容易优化基于依赖追踪的观察系统，并且异步队列更新独立触发 v-model 实时渲染适用于：模板和渲染函数的弹性选择简单的语法及项目搭建更快的渲染速度和更小的体积react 利用jsx

2017-04-04 15:56:40 9003

原创 react前后端同构渲染

前后端同构渲染：当客户端请求一个包含React组件页面的时候，服务端首先响应输出这个页面，客户端和服务端有了第一次交互。然后，如果加载组件的过程需要向服务端发出Ajax请求等，客户端和服务端又进行了一次交互，这样，耗时相对较长。前后端同构渲染可以在页面初次加载时把所有地方渲染好一次性响应给客户端实现方式：保证包管理工具和模块依赖方式一致包管理工具-npm管理，保证前后端都使用同一个兼容包模块

2017-04-01 16:49:27 7295 1

原创 web前端性能优化

分析步骤：先罗列一个站点打开到渲染完成的步骤，然后分析每个步骤中可优化点，写出优化方法用户用浏览器访问一个网站的时候具体的过程与步骤 1.用户在浏览器中输入网址，计算机提取出域名2.浏览器通过DNS查找域名对应的IP地址，获得IP地址后浏览器会依次进行如下查找: 浏览器缓存 -》系统缓存 -》路由器缓存 -》ISP DNS缓存 -》递归搜索3.尝试与对应的服务器建立TCP连接

2017-03-30 15:54:42 2459

原创常见的跨域方式及原理-第二篇

四、html5中的window.postMessage(message,targetOrigin) 跨域原理：调用postMessage方法的对象是指要接收消息的那个对象，该方法被调用时，将分发一个消息事件，该方法的第一个参数为要发送的消息，类型只能为字符串，第二个参数用来限定接收消息的那个windoe对象所在的域，如果不想限定域，可以用通配符*；需要接收消息的window对象，通过监听自身的

2017-03-29 17:13:59 449

原创常见的跨域方式及原理-第一篇

跨域：通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据或者通过js获取页面中不同域的框架（iframe）中的数据。只要协议、域名、端口有任何一个不同，都被当作是跨域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:

2017-03-29 17:05:49 664

原创 Cookie，session, localStorage 区别

Cookie，session, localStorage 区别

2017-03-24 12:00:42 917

原创我的博客开通了

我的博客开通了

2017-03-24 11:21:28 382

逆光的博客