reactJs

• 

  前后端分离使用localStorage替代cookies并封装到umi-request组成跨终端请求插件wldos-request

  做过前后端分离的都知道，cookies不是万能的，为了兼容移动端可以采用localStorage，然后做一些封装实现类cookies功能。前端token等凭据的保存依赖于HTTP请求和响应，umi3.0的umi-request插件是个好用的插件，两者结合就成了本文所述的跨终端请求插件。 本插件包含两部分：localStorage封装和request封装。 localstorage封装代码如下： const expirefix = "__expires__"; /** * @desc 在localStorage基础上封装支持过期时间的storage，代替cookie。 * @auth ...

  查看全文

• 

  基于Ant design pro react 实现的动态路由跳转三级级联写作工作台源码

  这是最近在做的一个项目的写作工作台模块，风格类似于简书，但略有不同，测试版略显粗糙，不过已经可以使用了。本模块采用Ant design pro react v4脚手架开发完成，富文本编辑插件采用时下火热并且可商用的tinymce，采用本地化部署tinymce插件。与SPA不同的是，针对路由参数做了优化，在级联切换时URL会跟随变化，变化的是级联节点的ID，这样就满足了基本的seo需求。 另外，针对SPA客户端渲染问题做了seo优化，加入了title、keywords、description（TDK）标签，并没有采用SSR（服务端渲染），因为那违背了前后端分离的初衷，搞得前端比后端还重。Antd ...

  查看全文

• 

  前后端分离前端使用localJStorage取代cookies

  前后端分离后，面临着pc端和移动端的兼容问题，为了使用跨终端前端技术同时保证相同的开发接口，决定放弃APP侧没有的cookies，使用localStorage，并做了一些简单封装，使其和cookies类似： const expirefix = "__expires__"; /** * @desc 在localStorage基础上封装支持过期时间的storage，代替cookie。 * @author zhiletu.com * @version 1.0 */ export default class wldosStorage { constructor(pro ...

  查看全文

• 

  记一次get request请求的header头信息

  当我们打开一个网站时，往往先触发首页的渲染，这一步一般是一个Get请求，通过F12打开开发者模式你会在Headers标签下看到类似以下的头信息： General Request URL: http://localhost:8000/ 这是说本次请求的URL是http://localhost:8000/ Request Method: GET 请求方法为GET方式，如果是表单提交可以用post，这里不必纠结何种方法，方法是人定的，用到再说…… Status Code: 304 Not Modified 状态码不是200 ok，说明本次请求浏览器使用了上次成功请求的本地缓存，即通过与服务器握手确定 ...

  查看全文