前端开发之接口代理
前言 现在前端开发的方式基本都是前后端分离的开发方式,那就会遇到一些请求接口的问题,比如跨域,比如代理接口地址等等。处理这些问题的方法多种多样,常见的有 devServer proxy代理,nginx的反向代理方式。其原理都是接口代理转发到制定的服务端。 权限认证 通过devServer或nginx的pr...
前言 现在前端开发的方式基本都是前后端分离的开发方式,那就会遇到一些请求接口的问题,比如跨域,比如代理接口地址等等。处理这些问题的方法多种多样,常见的有 devServer proxy代理,nginx的反向代理方式。其原理都是接口代理转发到制定的服务端。 权限认证 通过devServer或nginx的pr...
前言 在《mobx 实践与理解 一》中,我们只是简单的使用了mobx,实现了类似redux那样的状态管理功能。实际工作需求要处理的场景远远不止这些。 今天要给大家解决《一》中提出的几个问题。 实践操作 异步action问题 异步在前端的工作中是总要处理的问题,比如最简单的场景就是异步获取接口数...
前言 mobx 是一个简单、可拓展的状态管理库。核心就是定义可观察的状态,对状态的变更作出相对应的响应。使用mobx,有助于理解数据驱动视图,状态管理。和redux的思想做对比,会得到更多思考和收获。 环境搭建 读者可以按下面步骤搭建实践demo,也可以直接拉去代码实践操作。demo地址 第一步...
前言 最近看到树莓派的一些创意 DIY,发现其中有家庭影院的概念,接着了解了相关的知识。从而接触到 NAS,开启了对将来家庭数据管理的想象。 什么是 nas 百科上的概念 NAS(Network Attached Storage:网络附属存储)按字面简单说就是连接在网络上,具备资料存储功能的装置,因此也称为“网络存...
前言 在搭建前端脚手架那篇文章中,对yeoman-generator的解释比较简略,可能使用上会出现一些问题 所以今天来继续介绍yeoman-generator yeoman-generator 从官方文档来看 简单说下用到的功能 任务执行系统 文件系统、模版渲染 命令行问答系统 任务执行系统 这里有个概念自动执行task 命名规...
前言 什么是脚手架呢? 在我的理解中脚手架是一个尽可能减少手工操作又可以很好的完成项目搭建的自动化工具。 脚手架为什么便于项目搭建? 在工作中,我们很可能会面对类型非常相同的多个项目,在创建新的项目的时候,一般都是通过copy文件到新的目录下,手动修改完成新项目的搭建 通过手工的方式,很有...
简单了解session cookie 常用的会话跟踪技术是cookie与session cookie是存储在客户端,session是存储在server端 可以这么说,cookie是一种补足http协议无状态缺陷的机制 一个cookie的设置分为4步 客户端发送http请求 服务器响应http请求 set-cookies response 客户...
前言 看到标题,大家会好奇,rrweb究竟是什么?rrweb是一个开源框架,目前主要用于web 屏幕录制和回放。利用rrweb,以及它future提案,将对bug收集,屏幕录制,自动化测试等等有非常大的作用。笔者看了官方对其的说明文章后,非常期待rrweb的后续发展,并且实践了一下r...
passport是如何将用户信息注入到context中 前言 今天在阅读egg-conde中的本地验证的代码时候,发现有些地方不是特别理解。就尝试着阅读源码去寻找问题的根源。具体问题是: 在通过passport验证后,egg-cnode是直接可以在controller中使用ctx.us...
react-saga的学习和理解 前言 在使用react redux的时候,会经常遇到需要处理异步action的情况。处理异步action的方法有几种。 其中redux-thunk,redux-saga都是处理异步action的中间件。利用这些中间件可以很好的达到我们预期效果 redux-saga redux...
前言 之前使用react router都是参考着demo写路由,此次将整体过一遍 React Router v4的教程与文档。 系统学习react router,深入理解前端路由的概念。 React Router v4 的版本将路由进行了拆分,将其放到了各自的模块中,不再有单独的 router 模块,充分体现了组件化的思想;另外,<Browser...
前言 JavaScript的语言特性是每个前端工程师深入学习必须了解的内容。以下是对JavaScript原型、原型链与原型继承的归纳总结。 关于原型的几个概念 构造函数、实例对象、原型、proto 构造函数:在JavaScript中,构造方法一般命名首字母大写,通过new 命令调用。 实例对...
前言 在实际的开发过程中,其实我们会经常遇到需要用防抖与节流的场景。比如搜索框连续输入文字进行异步请求的搜索可以用到防抖函数进行优化。 防抖 防抖函数,简单的理解为频发触发事件在指定时间内不触发才执行。 在输入框添加了onchange监听事件,只要输入框内容变化就会调用监听事件。 但需求是...
前言 闭包是js特有一个概念问题,应该是js学习者都会遇到的疑问:什么是闭包? 关于闭包的回答网上也有很多前辈的总结,笔者也看的比较多,都是从不同角度去阐述闭包这个问题。 笔者最近复习闭包的概念,从js执行上下文角度去理解闭包,从而有更深入的理解。 什么是闭包 在MDN中给出闭包的概念是 J...
前言 笔者在学习JavaScript基础知识的时候,对于一些概念的理解都是看网上前辈的经验总结,但是对于为什么是这样没有过多深入理解,比如变量提升,函数作用域,闭包的原理。今天我们从JavaScript执行上下文开始,从原理出发理解概念。 1.什么是JavaScript执行上下文 Ja...