- 博客(11)
- 收藏
- 关注
原创 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 682
原创 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 370 2
原创 react 生命周期
简单地说,React Component通过其定义的几个函数来控制组件在生命周期的各个阶段的动作。在ES6中,一个React组件是用一个class来表示的,如下:// 定义一个TodoList的React组件,通过继承React.Component来实现 class TodoList extends React.Component { ... }这几个生命周期相关的函数有:constructor
2017-04-04 16:14:08 530
原创 react flux
react flux 简介:Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。 图解: dispatcher事件调度中心,flux模型的中心枢纽,管理着Flux应用中的所有数据流。它本质上是Store的回调注册。每个Store注册它自己并提供一个回调函数。当Dispatcher响应Action时,通过已注册的回调函数,将Actio
2017-04-04 16:07:38 419
原创 vue, react, angular优缺点
vue API设计上简单,语法简单,学习成本低 构建方面不包含路由和ajax功能,使用vuex, vue-router 指令(dom)和组件(视图,数据,逻辑)处理清晰 性能好,容易优化 基于依赖追踪的观察系统,并且异步队列更新 独立触发 v-model 实时渲染 适用于:模板和渲染函数的弹性选择 简单的语法及项目搭建 更快的渲染速度和更小的体积 react 利用jsx
2017-04-04 15:56:40 9018
原创 react前后端同构渲染
前后端同构渲染:当客户端请求一个包含React组件页面的时候,服务端首先响应输出这个页面,客户端和服务端有了第一次交互。然后,如果加载组件的过程需要向服务端发出Ajax请求等,客户端和服务端又进行了一次交互,这样,耗时相对较长。前后端同构渲染可以在页面初次加载时把所有地方渲染好一次性响应给客户端实现方式:保证包管理工具和模块依赖方式一致 包管理工具-npm管理,保证前后端都使用同一个兼容包 模块
2017-04-01 16:49:27 7350 1
原创 web前端性能优化
分析步骤:先罗列一个站点打开到渲染完成的步骤,然后分析每个步骤中可优化点,写出优化方法 用户用浏览器访问一个网站的时候具体的过程与步骤 1.用户在浏览器中输入网址,计算机提取出域名2.浏览器通过DNS查找域名对应的IP地址,获得IP地址后 浏览器会依次进行如下查找: 浏览器缓存 -》系统缓存 -》路由器缓存 -》ISP DNS缓存 -》 递归搜索 3.尝试与对应的服务器建立TCP连接
2017-03-30 15:54:42 2473
原创 常见的跨域方式及原理-第二篇
四、html5中的window.postMessage(message,targetOrigin) 跨域原理:调用postMessage方法的对象是指要接收消息的那个对象,该方法被调用时,将分发一个消息事件,该方法的第一个参数为要发送的消息,类型只能为字符串,第二个参数用来限定接收消息的那个windoe对象所在的域,如果不想限定域,可以用通配符*; 需要接收消息的window对象,通过监听自身的
2017-03-29 17:13:59 461
原创 常见的跨域方式及原理-第一篇
跨域:通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据或者通过js获取页面中不同域的框架(iframe)中的数据。只要协议、域名、端口有任何一个不同,都被当作是跨域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:
2017-03-29 17:05:49 676
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人