git问题
1.SSL certificate problem: unable to get local issuer certificate
解决方法:在终端(terminal)输入命令:git config --global http.sslVerify false
问题原因:由于没有配置信任的服务器HTTPS验证。
若依框架(使用axios时)
原文链接
在使用axios时,注意到配置选项中包含params和data两者
params是添加到url的请求字符串中的,用于get请求。 服务器并不会读取http body里面的数据,这样我们传递的就是Params里的请求的参数了。
**data是添加到请求体(body)中的, 用于post请求。**服务器读取http body里面的数据那就需要用POST请求了,POST请求的参数就存放在body;
Vue router 如何传参
***params、query 是什么?***原文链接
params:/router1/:id,这里的 id 叫做 params。例如/router1/123, /router1/789
query:/router1?id=123,这里的 id 叫做 query。例如/router1?id=456
vue问题:
1.Vue Error: The template root requires exactly one element.
添加下一项组件时,发生了报错
报错原因
Vue只允许模板里存在一个根节点。
解决方案
在 <template> 中添加一个 <div>标签,之后所有的组件全部加在 <div>即可解决。
2.error Expected indentation of 2 spaces but found 4 问题
缩进问题,意思是代码规范本来是两个空格,结果却发现了4个
报错原因
创建项目时使用eslint严格模式
解决方案
1.关闭检查规则:在.eslintrc.js文件的中rules加**“indent”: [“off”, 2]**
2.idea或webstorm 中file-》setting-》editor-》code style-》html–》other–》
3.Property name “xxx” is not PascalCase
报错原因
首字母需要大写,写成小写的就会报错
解决方案
解决vue 进入下一页面或刷新页面的时候 界面总是显示在底部
解决方法:
mounted中加一个 window.scrollTo(0,0)
uni-app踩坑 - 解决ios系统下微信公众号H5页面软键盘弹出后页面整体上移问题
问题出现的条件是ios系统部分机型,在微信公众号H5页面上,点击input输入后,软键盘收回,但整体页面出现上移,没有自动弹回到页面顶部。
解决的思路是在input失去焦点时触发事件,手动回到页面顶部。在这里插入代码片
<form @submit="clickdl" @reset="formReset">
<view class="login-form-input">
<input
name="username"
type="text"
@blur="toTop"
placeholder-class="f-gray"
placeholder="请输入您的账号">
</view>
<view class="login-form-input">
<input
name="password"
type="password"
@blur="toTop"
placeholder-class="f-gray"
placeholder="请输入您的密码">
</view>
<button
formType="submit"
class="login-form-btn"
>确定</button>
</form>
toTop() {
uni.pageScrollTo({
scrollTop: 0,
duration: 0
})
}
uni-app 完美解决软键盘把fixed顶起问题
第一步在onload中加个获取当前高低
onLoad() {
this.height = uni.getSystemInfoSync().windowHeight
},
给你最外层的父盒子加个高度
:style="{height:height + 'px'}"
3、在把你浮动的底部的 fixed 改成 absolute
.footer-logo {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 20rpx;
text-align: center;
color: #BBBBBB;
font-size: 24rpx;
}
vue中如何防止多次点击(防止重复提交) - 陪伴者 - 博客园
https://www.cnblogs.com/liujiajiablog/p/9389449.html
h5中浏览器重新加载不能及时更新js、css静态资源文件问题解决 办法
解决办法一:为页面加入meta标签
在head中添加meta标签以下内容,禁止缓存加载,直接请求服务器
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
Cache-Control作用于HTTP1.1
Pragma作用于HTTP1.0
Expires作用于proxies
这样浏览器在资源没修改的时候也不能加载缓存,十分影响体验,毕竟不能一棍子打死,在解决静态资源的时候,还可以为其添加版本号来控制。
解决办法二:js、css加上版本号
在引用链接的后面加入相应的版本号,每次修改
<link rel="stylesheet" href="style.css?v=1.0.0">
<script src="main,js?v=1.0.0"></script>
问号后面的不起实际作用,仅当作后缀,让浏览器自动检测更新最新的css,js等静态文件。如果用问号加参数的方法,可以添加版本号等信息,同时可以刷新一下浏览器端的缓存。这样在使用静态文件的时候会方便很多,当然也可以修改资源的名称这里就不再说了。
Cache-Control
在HTTP/1.1中,Cache-Control是最重要的规则,主要用于控制网页缓存,主要取值为
public:所有内容都将被缓存(客户端和代理服务器都可缓存)
private:所有内容只有客户端可以缓存,Cache-Control的默认取值
no-cache:客户端缓存内容,但是是否使用缓存则需要经过协商缓存来验证决定
no-store:所有内容都不会被缓存,即不使用强制缓存,也不使用协商缓存
max-age=xxx (xxx is numeric):缓存内容将在xxx秒后失效