关于我们
语雀站点搭建指南
语雀站点搭建指南
移动端H5的屏幕适配
移动端H5的屏幕适配
一、相关概念
1.1 屏幕相关
1.2 像素
1.3 Retina屏幕
1.4 视窗(Viewport)
二、适配方案
2.1 Rem方案
2.2 Vw方案
2.3 微信小程序的适配方案
2.4 适配Iphonex
2.5 横屏适配
三、其它常见问题
3.1 1px问题
3.2 图片模糊问题
参考
小结
项目中遇到的问题总结
项目中遇到的问题总结
JavaScript中的LHS查询和RHS查询
Javascript中的Lhs查询和Rhs查询
细说Javascript作用域和闭包
一、Javascript有哪些作用域类型
二、作用域与标识符查询
执行环境与作用域链
标识符查询
三、可以形成独立作用域的结构
函数作用域
块作用域
四、提升
提升的表现
提升的优先级
提升的深层原因
五、跨越词法作用域的两种机制
Eval
With
六、闭包与模块机制
闭包
模块机制

# 项目中遇到的问题总结

作者:杨静

一、路由

现在项目用的路由是两种方式:业务路由和协议

1、业务路由:dst://page/social-maintenance?{0}

此路由需要服务端和APP端的配合,添加参数和路径APP端也需要做相应的修改,依赖APP端发版

2、协议:

dst://open/webv?url=http://f2e-qe.souche.com/projects/finance/tangeche-app/#/server/social-         maintenance?carModelCode={0}&plateNumber={1}此方式不需要依赖APP端,只需要服务端修改路由和       参数即可,但是iOS端,#和?及后面参数要进行编码,如果参数有汉字和特殊符号,要进行两次编码:如:           dst://open/webv?url=http://f2e-qe.souche.com/projects/finance/tangeche-app/#/server/social-           maintenance?carModelCode=229702&plateNumber=浙S·1234 ,需要对"浙S·12345"进行两次编码:           dst://open/webv?url=http://f2e-qe.souche.com/projects/finance/tangeche-app/%23/server/social-     maintenance%3fcarModelCode%3d229702%26plateNumber%3d%25e6%25b5%2599S%25c2%25b712345

二、 页面跳转

不同的首页,进入一套详情-订单-支付成功-返回首页,建议使用公司的tag方式,setWebViewTag和openTagWebView,不要使用vue自带的this.$router.go(-3);这种方式,openTagWebView容易进行路径追踪和后期的需求修改,代码可读性和修改性比较强


三、图片

1、安卓手机浏览大图使用的Okhttp,不支持跨协议的重定向

预发环境是从http://重定向到https://

线上环境是从https://重定向到https://

2、授权  含有imagestore的都需要授权(https://imagestore.souche.com/route/tJc5SANCSg.jpg?                 qn=0.5964766640090738";"> ),2种方案

a.  第一种方式的授权:需要服务端向影像件服务获取一个授权访问的url,该url带有一个授权token(默认             一分钟有效)

b. 第二种授权策略:客户端访问影像件url,带上用户信息,即token(在启用访问鉴权的情况下,影像件只      允许大搜车内部员工和相应有授权的店铺和用户能够访问该影像件资料)



帮助我改善此页面!