BrowserRouter vs HashRouter

使用 React-Router 的应用一定是单页应用(SPA)。与多页应用相比,SAP 可以在前端自定义和控制路由。但后端也有一套路由处理的能力,此时前后端在控制路由层面如何权衡呢?

BrowserRouter :

普通的 url 路径,网络请求中会把 url 完整地发送给服务器,相应的,服务器要对前端定义的每个 pathname(window.location.pathname 这个东西) 都做相应的处理。
例如一个页面有 根、user 和 about 三个路径:
https://example.com/
https://example.com/user
https://example.com/about
后端需要分别写三个不同 GET 请求的方法(express 为例):
app.get('/')app.get('/user')app.get('/about')
目前有两个问题:

阅读全文

CSS 方式解决 iOS 微信橡皮筋效果与 position: fixed 联动的坑

iOS 的坑

为了解决 iOS 微信内,触发橡皮筋效果时 fixed 的元素依然位于窗口顶部(而整个页面已经下滑,漏出‘此网页由 xx 提供’字样,截图中是返回所在的行遮住了这句话)的问题,给 body 加一个子元素,同样设置成 fixed,占满全屏,背景设为白色。这样再触发橡皮筋效果时,这个元素实际上也位于窗口顶部(可以改背景颜色验证),但会把‘此网页由 xx 提供’字样遮住,且占满全屏的尺寸和白色背景也符合用户的正常期望,不会意识到实际的 body 已经被拉下去了。

阅读全文

安卓微信 视频播放 相关踩坑

前言

技术日新月异,本文仅记录截止 2019.12.11 的开发情况

背景

移动端 Web 页面开发,有视频功能。一切都运行得很好,只有在安卓微信有一个问题:视频会位于一切 dom 的最顶层,遮挡其他 dom。由此开始进行了一系列调查工作,整理成本文。

阅读全文

flex box 下的宽度问题

参考文章

https://www.jianshu.com/p/17b1b445ecd4

阅读全文

关于 js 文件上传

有关在 js 中读取文件

梳理一下最近学到的 js 读取文件的相关知识,如有疏漏,请不吝赐教!
源码请见 index.js 与 index.html

阅读全文

Token Session Cookie

先说 cookie,cookie 是浏览器本地储存数据的一种工具。

背景

token、session 两者经常出现在同样的场景下。他们都是为了解决用户自动登录的问题。让用户在一定场景下可以不登录而一直访问服务器。

阅读全文

ES6 对象属性的简写与解构赋值

允许在对象中直接写变量而不写属性值,这样属性名就是变量名

以下写法是等效的

阅读全文

持续集成

持续集成 Continuous Integration - CI

http://www.ruanyifeng.com/blog/2015/09/continuous-integration.html

阅读全文

Node require 执行细节

当 Node 遇到 require(X) 时,按如下顺序处理

    阅读全文

    暂存区

    从仓库中删除敏感数据

    1

      阅读全文