笔记
文章平均质量分 68
Posden
唯天下之至拙能胜天下之至巧。曾国藩表示,我没说过这句话
展开
-
前后端利用accessToken与refreshToken无感刷新
项目初衷以jwt(由header,payload和signature组成)为例,用户登录成功,后端返回accessToken。前端保存,请求接口携带,一切都是水到渠成的可是在acessToken失效时,你正好请求一次接口,接口就挂了,可能你就跳到登录页了,用户体验也不好。我们希望虽然过期了,但是页面偷偷地刷新,不影响当前接口运行。如果你的方案是把accessToken的有效期设置地久一点,比如100年。你真的是个机智Boy,那设置jwt的意义何在。方案accessToken和refreshToken原创 2021-06-15 11:04:03 · 5809 阅读 · 13 评论 -
微前端框架 之 single-spa
single-spaSingle-spa 是一个将多个单页面应用聚合为一个整体应用的 JavaScript 微前端框架。 使用 single-spa 进行前端架构设计可以带来很多好处,例如:在同一页面上使用多个前端框架 而不用刷新页面 (React, AngularJS, Angular, Ember, 你正在使用的框架)独立部署每一个单页面应用新功能使用新框架,旧的单页应用不用重写可以共存改善初始加载时间,迟加载代码项目实战新建项目,文件名micro-frontend,在该目录下生成a原创 2021-06-08 17:38:25 · 1302 阅读 · 0 评论 -
单点登录方案
单点登录单点登录(Single Sign On),简称为 SSO,是目前比较流行的企业业务整合的解决方案之一。SSO 一般都需要一个独立的认证中心(passport),子系统的登录均得通过passport,子系统本身将不参与登录操作。SSO是在多个应用系统中,用户只需要登录一次,同步更新子系统状态就可以访问所有相互信任的应用系统。比如,有两个管理系统,Application1和Application2,当Application1系统进入时,先判断是否登录,登录就跳出,没有登录的话就跳到SSO系统,原创 2021-06-04 16:05:15 · 330 阅读 · 0 评论 -
Vant picker 多级联动
官网地址:链接官网文档可能不是很完善,但仔细看文档,方法,类型其实都讲到的。搭配弹出层使用 <van-field readonly clickable placeholder="选择城市" :value="station" @click="showPicker = true" /> <van-popup v-model="showPicker" po...原创 2019-12-04 17:33:00 · 10295 阅读 · 22 评论 -
网站性能优化概述
一、网络传输性能优化这是navigation timing监测指标图,从图中我们可以看出,浏览器在得到用户请求之后,经历了下面这些阶段:重定向→拉取缓存→DNS查询→建立TCP链接→发起请求→接收响应→处理HTML元素→元素加载完成。1.1 浏览器存储浏览器在向服务器发起请求前,会先查询本地是否有相同的文件,如果有,就会直接拉取本地缓存:浏览器默认的缓存是放在内存内的,但我们知道,内...原创 2019-11-10 17:45:33 · 203 阅读 · 0 评论 -
Nginx 入门 vue打包 反向代理
安装http://nginx.org/en/download.html解压运行nginx.exe 默认端口80 (我要管理员权限运行)把你vue项目打包生成的dist文件内容 放在新建文件project下,配置找到下面对应的位置加上几行代码 error_page 500 502 503 504 /50x.html; location ...原创 2019-06-15 18:21:40 · 786 阅读 · 0 评论 -
Vue 遍历单项选择 答题卡
UI设计稿如果是定义好的,数目不多的话。可能就会写死。几道题目就在data里,写几个对应v-model绑定的对应值。(插一句在vue中选中状态,不能checked,selected作为选中状态,vue是数据绑定的,也就是说data中绑定初始值来默认选中。)可是实际项目需求是 遍历问卷调查列表页,之后动态遍历问卷详情,也就是上图。如果只是渲染视图,应该没什么问题,关键在于v-model绑定值的...原创 2019-06-03 09:59:14 · 3652 阅读 · 5 评论 -
Cache(缓存)架构 性能优化
缓存的概念以及用途缓存的目的是为了尽量降低获取资源或者数据的时间成本客户端缓存内容分类资源缓存 (图片、脚本、样式等)数据缓存 (dom数据、对象数据等)解决: 内存缓存 --> 文件缓存 --> 数据库缓存缓存简单架构实现<!DOCTYPE html><html lang="en"><head> <meta ch...原创 2019-05-29 16:50:54 · 451 阅读 · 0 评论 -
跨域
一、何为跨域跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.a.com 页面去请求 www.b.com 的资源。但是一般情况下不能这么做,它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域。请注意:localhost和127.0.0.1虽然都指向本机,但也属于跨域。二、为何有...原创 2019-05-06 11:54:13 · 641 阅读 · 0 评论 -
小白项目脱坑史 持续更新中
正式尝试做一个外卖项目,一遍看视频一遍做。不知道能不能坚持。工作,私事也比较多,但记录点成长历程吧。Vue 3 + Vue router + Vuex + stylus因为视频还是Vue 2,但项目基于cli 3,所以若有地方出处,望大佬们指正。常用指令npm install -g@vue/clivue create projectName (项目实际名字不能有大写)vue uin...原创 2019-03-27 16:39:08 · 251 阅读 · 0 评论 -
工作日志
最近公司做原生开发,头大,但学的东西很多。获取url参数function getParam(paramName) { paramValue = ""; isFound = false; if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > ...原创 2019-03-22 14:04:22 · 78 阅读 · 0 评论