0%

github 有这个功能,但是 gitlab 没有这个功能,只能自己用命令去同步

查看目前仓库可以远程更新的信息

1
git remote -v

配置一个远程更新链接,要拥有 git 仓库访问权限的

1
git remote add upstream git@github.com:xxx/xxx.git

拉取远程仓库的代码

1
git fetch upstream

合并远程仓库的代码

1
git merge upstream/master

把远程仓库的代码作为新源提交到自己的服务器仓库中

1
git push

后记

内容转载自:gitlab fork 项目更新操作说明

Git 有时候会错误的提交代码,需要回滚并删除不需要的提交

1
2
3
git log // 查询要回滚的 commit_id
git reset --hard commit_id // HEAD 就会指向此次的提交记录
git push origin HEAD --force // 强制推送到远端

后记

方法摘自:删除 commit 的三种方法

问题

node_modules 文件夹太大了,删起来太慢了

解决问题

Win 原生命令(由群友德巨提供)

1
rd -r -force node_modules

rimraf

1
2
npm install rimraf -g
rimraf node_modules

后记

群友德巨(德国巨佬):可爱的 kiochan

需求

选中文字的时候,期望部分文本能不被选中

实现

给文本添加 user-select: none; 属性就可以了

1
2
3
[id^='footnotes'] {
user-select: none;
}

我实在是太菜了,一个前端,连这个都不会,还需要查?

1
2
3
<sup id="footnotes-ref-4:1">
<a a href="#footnotes-def-4:1"></a>
</sup>

怎么选择 id 带 footnotes-ref 的元素?下面的方法为啥不管用?

1
2
3
[id~='footnotes'] {
user-select: none;
}

实现

群友逼哥 的提示下改成以 footnotes 开头的就生效了

1
2
3
[id^='footnotes'] {
user-select: none;
}
阅读全文 »

有一些字符串 html 代码需要渲染,如<u>Hello</u>world,大家都说用 v-html,但是 v-html 有个问题,看一下下面的代码

1
2
3
<div>
<span v-html="'<u>Hello</u>world'"></span>
</div>

会输出

1
2
3
<div>
<span><u>Hello</u>world</span>
</div>

而我们期望的效果是直接输出

1
<div><u>Hello</u>world</div>

然后我在网上翻,发现了个牛逼代码:

Vue 代码

1
<span v-string="'<u>Hello</u>world'"></span>
1
2
3
4
5
Vue.directive('string', {
inserted(el, bind) {
el.insertAdjacentHTML('beforeend', bind.value);
},
});

后记

答案在这找到的,这家伙问的挺好的,竟然给了个负分,答案绝对是好评:vue-js-render-text-with-html-content

复习一下元素操作 api:MND - insertAdjacentHTML

网上找到原因了:**StackOverFlow**

iPadPro reports navigator.platform the browser as ‘MacIntel’, but that is the same as other platforms.

解决方法

判断是不是多点触控 navigator.maxTouchPoints

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function isIOS() {
if (/iPad|iPhone|iPod/.test(navigator.platform)) {
return true;
} else {
return (
navigator.maxTouchPoints &&
navigator.maxTouchPoints > 2 &&
/MacIntel/.test(navigator.platform)
);
}
}

function isIpadOS() {
return (
navigator.maxTouchPoints &&
navigator.maxTouchPoints > 2 &&
/MacIntel/.test(navigator.platform)
);
}

问题

初始化的 vant 项目中 ts 想用 any,eslint 插什么手不让用(no-explicit-any)?

解决问题

解法方法很简单,添加下面规则

1
2
3
rules: {
"@typescript-eslint/no-explicit-any": "off"
},

Git 拉取代码的时候总是自动转换成 CRLF,虽然提交的时候变成 LF 了,但是拉取下来变成 CRLF 令人烦不胜烦。

全局设置

直接使用命令设置

1
git config --global core.autocrlf input

说明

1
2
3
4
5
6
7
8
# 提交时转换为LF,检出时转换为CRLF
git config --global core.autocrlf true

# 提交时转换为LF,检出时不转换
git config --global core.autocrlf input

# 提交检出均不转换
git config --global core.autocrlf false

后记

这篇文章不错可以看看
https://stackoverflow.com/questions/1967370/git-replacing-lf-with-crlf

iOS 点击 input 输入框时页面会放大,查了一下,加个meta就可以解决问题了

代码

1
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

width=device-width:表示宽度是设备屏幕的宽度
height=device-height:表示高度是设备屏幕的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

后记

代码转载自:https://www.jianshu.com/p/fe40f8c46120