TRY CODING FUN

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