HMTL5 websocket

websocket是HTML5提供的一种在单个TCP连接上进行全双工通讯的协议,了解HTTP协议的都应该知道,http协议是无状态的,也就是说服务器不会记录客户端的请求,也不会主动向客户端通信,所以有些网站如果

阅读更多

微信授权登陆

网站应用接入微信登录可以使用户更加快捷的参与到应用的深层次交互中来,大大降低了用户登陆的繁琐性。网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。所谓OAuth2.0模式简单来说就是:授权码模式,即通过授权方的code换token,登录方通过token获取用户信息,来实现登录的方式。

阅读更多

Vuex状态管理模式

每一个 Vuex应用的核心就是store,而每一个store又是一个Vue的Store对象的实例,所以我们可以在根组件注入store然后通过this.$store访问的store实例。简单的来说,它也是一个普通的js对象。这一点和redux相似。

阅读更多

vueCli配置多环境构建项目

如今的前端越来越趋近于自动化,比如:在构建项目时,我们需要对不同环境做出调用不同接口的处理。通常情况下,我们会在封装通用http请求方法的模块里面设置一个标识来表示当前处理哪种环境,

阅读更多

vue自定义组件

随着前端开发的日益组件化,前端应用的开发也逐渐成为组件化开发。文本以Element UI为框架,实现一个简单可复用的范围输入组件。

阅读更多

Redux核心概念

一般来说,描述一个state通常通过一个普通的js对象来描述。比如说角色列表模块的state:

阅读更多

dva.js中Model小结

dva.js是一套数据流的解决方案,其结合了redux的redux-saga异步流的处理方式,dva通过model的概念把一个领域的模型管理起来,包含同步更新 state 的 reducers,处理异步逻辑的 effects,订阅数据源的subscriptions。

阅读更多

Router访问权限控制

在做dva.js项目时,涉及到登陆权限控制,在dva.js中提供了react-router的路由方法来控制路由,由于内置的是第四代react-router,我们还需要使用react-router-dom来更好地适应浏览器运行环境。

阅读更多

轻量级数据流方案dva上手

dva是一个轻量级的数据流解决方案,基于redux和redux-saga,还内置react-router和fetch。

阅读更多

ES6实战编程风格

与ES5编程方式相比,用ES6方式编程使代码更加高效、易读和易于维护。本章参考ECMAScript6入门教程

阅读更多