defaults read -g com.apple.mouse.scaling 

defaults write -g com.apple.mouse.scaling 8

test.map.setLayoutProperty('layer_goudao','line-cap','round')

test.map.setLayoutProperty('layer_goudao','line-join','round')

~/Library/Preferences/ – （当前用户设置的进程）
~/Library/LaunchAgents/ – （当前用户的守护进程）
/Library/LaunchAgents/ – （管理员设置的用户进程）
/Library/LaunchDaemons/ – （管理员提供的系统守护进程）
/System/Library/LaunchAgents/ – （Mac操作系统提供的用户进程）
/System/Library/LaunchDaemons/ – （Mac操作系统提供的系统守护进程）

# 查看anydesk服务名
launchctl list | grep anydesk
# 停止服务
launchctl stop com.philandro.anydesk
# 移除服务
launchctl unload com.philandro.anydesk

export http_proxy='http://127.0.0.1:1087'
export https_proxy=$http_proxy

curl https://www.bbc.com/

alias p10='export http_proxy="http://127.0.0.1:1087";export https_proxy=$http_proxy;echo -e 已开启代理'

function proxy(){
  export http_proxy='http://127.0.0.1:1087'
  export https_proxy=$http_proxy
  echo " \e[41m 已开启代理"
}

function proxy_off(){
    unset http_proxy
    unset https_proxy
    echo -e "已关闭代理"
}

\e
\033
\x1B

red=`tput setaf 1`
green=`tput setaf 2`
reset=`tput sgr0`
echo "${red}red text ${green}green text${reset}"

echo "$(tput setaf 1)Red text $(tput setab 7)and white background$(tput sgr 0)"

  ,--,   .-. .-. .---.    .---. .-. .-..-. .-.  .--.  .-. .-.  ,--,   
.' .'    | | | |/ .-. )  ( .-._)| | | || | | | / /\ \ |  \| |.' .'    
|  |  __ | | | || | |(_)(_) \   | `-' || | | |/ /__\ \|   | ||  |  __ 
\  \ ( _)| | | || | | | _  \ \  | .-. || | | ||  __  || |\  |\  \ ( _)
 \  `-) )| `-')|\ `-' /( `-'  ) | | |)|| `-')|| |  |)|| | |)| \  `-) )
 )\____/ `---(_) )---'  `----'  /(  (_)`---(_)|_|  (_)/(  (_) )\____/ 
(__)            (_)            (__)                  (__)    (__)     

code 目录名  

/usr/local/bin

which code

open -a "Visual Studio Code"

{
  "workbench.colorCustomizations": {
    "titleBar.activeBackground": "#a8e6cf",
    "titleBar.inactiveBackground": "#a8e6cf",
    "titleBar.activeForeground": "#000",
    "titleBar.inactiveForeground": "#000",
    "statusBar.foreground": "#000",
    "statusBar.background": "#a8e6cf"
  }
}

sudo apachectl start

sudo apachectl stop

xcode-select --install

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

var arr = ['a','b', 'c', NaN];
console.log(arr.indexOf(NaN)) // -1
console.log(arr.includes(NaN)) // true 

var arr = new Array(3);
console.log(arr.indexOf(undefined));//-1
console.log(arr.includes(undefined))//true

a = Array(10).fill({'hello':'goodbye'});
a[0].hello= 777
// 全部都会变

aa = Array(10).fill().map(k=>({hello:'world'}));
aa[0].hello= 777  

aaa = Array.from({length:10},()=> ({'hello':'goodbye'}))

aaaa = [...new Array(10)].map(()=> ({'hello':'goodbye'}));

for(let i =0;i< 10;i++){
  if(i>5)break
  console.log(i)
}

const dataAsRefs = toRefs(data);

<template>
  <div>Hello, {{ name }}!</div>
  <input v-model="name" />
  <button :disabled="!isNamePresent" @click="submitName">Submit</button>
</template>

<script setup>
import { ref, computed } from 'vue'

const name = ref('')
const isNamePresent = computed(() => name.value.length > 0)

function submitName() {
  console.log(name.value)
}
</script>

<!-- Form.vue -->
<template>
  <form @submit.prevent="submitHandler">
    <label>Name
      <input type="text" />
    </label>
    <button>Submit</button>
  </form>
</template>

<script setup>
function submitHandler() {
  // Do something
}
</script>

<!-- App.vue -->
<template>
  <div>Hello, {{ name }}!</div>
  <Form />
</template>

<script setup>
import { ref } from 'vue'
import Form from './components/Form.vue'

const name = ref('')

function submitForm() {
  console.log(name.value)
}
</script>

<!-- Form.vue -->
<template>
  <form @submit.prevent="submitHandler">
    <label>Name
      <input v-model="name" type="text" />
    </label>
    <button>Submit</button>
  </form>
</template>

<script setup>
import { computed } from 'vue'
const props = defineProps({
  modelValue: {
    type: String,
    default: ''
  }
})
const emit = defineEmits(['update:modelValue', 'submit']);

const name = computed({
  get () {
    return props.modelValue
  },
  set(val) {
    emit('update:modelValue', val);
  }
})

function submitHandler() {
  emit('submit')
}
</script>

<!-- App.vue -->
<template>
  <div>Hello, {{ name }}!</div>
  <Form v-model="name" @submit="submitForm" />
</template>

<script setup>
import { ref } from 'vue'
import Form from './components/Form.vue'

const name = ref('')

function submitForm() {
  console.log(name.value)
}
</script>

git pull origin someBranch
git push origin someBranch

/* default link color is blue */
.parent a {
  color: blue;
}

/* prev siblings should be red */
.parent:hover a {
  color: red;
}
.parent a:hover,
.parent a:hover ~ a {
  color: blue;
}

<div class="parent">
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</div>

ul li:nth-child(-n+2)

var io = new IntersectionObserver(callback, option);

// 开始观察
io.observe(document.getElementById('example'));

// 停止观察
io.unobserve(element);

// 关闭观察器
io.disconnect();

io.observe(elementA);
io.observe(elementB);

function query(selector) {
  return Array.from(document.querySelectorAll(selector));
}

var observer = new IntersectionObserver(
  function(changes) {
    changes.forEach(function(change) {
      var container = change.target;
      var content = container.querySelector('template').content;
      container.appendChild(content);
      observer.unobserve(container);
    });
  }
);

query('.lazy-loaded').forEach(function (item) {
  observer.observe(item);
});

var intersectionObserver = new IntersectionObserver(
  function (entries) {
    // 如果不可见，就返回
    if (entries[0].intersectionRatio <= 0) return;
    loadItems(10);
    console.log('Loaded new items');
  });

// 开始观察
intersectionObserver.observe(
  document.querySelector('.scrollerFooter')
);

obj.scrollIntoView(
  {
      behavior: 'smooth',
      block: 'nearest',
      inline: 'center'
  }
)

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function() {
    var current = document.getElementsByClassName("active");

    // If there's no active class
    if (current.length > 0) {
      current[0].className = current[0].className.replace(" active", "");
    }

    // Add the active class to the current/clicked button
    this.className += " active";
  });
}

var iframe = document.getElementById("myFrame");
var elmnt = iframe.contentWindow.document.getElementsByTagName("H1")[0];
elmnt.style.display = "none";

function myFunction(x) {
  if (x.matches) { // If media query matches
    document.body.style.backgroundColor = "yellow";
  } else {
    document.body.style.backgroundColor = "pink";
  }
}

var x = window.matchMedia("(max-width: 700px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes

<defs>
  <linearGradient
    id="grad1"
    x1="0%"
    y1="0%"
    x2="100%"
    y2="0%"
  >
    <stop
      offset="0%"
      style="stop-color:#8095F0;stop-opacity:1"
    />
    <stop
      offset="100%"
      style="stop-color:#51FCB5;stop-opacity:1"
    />
  </linearGradient>
</defs>

'fill-color': ['interpolate-hcl', ['linear'], ['feature-state', 'population'], 0, 'red', 1e6, 'blue']


for (const district of districts) {
  map.setFeatureState({ source: 'mysource', sourceLayer: 'mysourcelayer', id: district.id }, { population: district.population});
}

'fill-color': ['match', ['get', 'id'],
  1020, 'red',
  1033, 'green',
  1038, 'red',
  1049, 'white',
  // ...

"icon-image": [
  "case",
  ["all", ["==", ["get", "matched"], "True"], ["!=", ["get", "vehicle"], ["get", "standstill_vehicle"]]],
  "orangemarker",
  ["==", ["get", "matched"], "True"],
  "greenmarker",
  "redmarker",
]

this.map.setPaintProperty("somelayer", "fill-color",
    ["case",
        ["==",  ["get", "some_prop"], someval], "#34c0dd",
         "#499bbc"
    ]);

const layers = [{
  id: 'countries',
  type: 'fill',
  source: 'countries',
  paint: {
    'fill-color': [
      'match', ['get', 'filter_prop', ['global']],
      'pop_est',
      ['step', ['get', 'pop_est'],
        0, '#f8d5cc',
        1000000, '#f4bfb6',
        5000000, '#f1a8a5',
        10000000, '#ee8f9a',
        50000000, '#ec739b',
        100000000, '#dd5ca8',
        250000000, '#c44cc0',
        500000000, '#9f43d7',
        1000000000, '#6e40e6',
      ],
      'gdp_md_est',
      ['step', ['get', 'gdp_md_est'],
        0, '#f8d5cc',
        1000, '#f4bfb6',
        5000, '#f1a8a5',
        10000, '#ee8f9a',
        50000, '#ec739b',
        100000, '#dd5ca8',
        250000, '#c44cc0',
        5000000, '#9f43d7',
        10000000, '#6e40e6',
      ],
      '#ffffff',
    ],
  },
}];

['step', ['zoom'],
['case', ['all', ['!', ['feature-state', 'hidden']], ['get', 'red'], 1, 0],
10,
['case', ['all', ['!', ['feature-state', 'hidden']], ['any', ['get', 'red'], ['get', 'green']], 1, 0],
15,
['case', [['!', ['feature-state', 'hidden']], 1, 0]],

map.addLayer({
  id: "cluster-count",
  type: "symbol",
  source: "grundbuch",
  filter: ["has", "point_count"],
  layout: {
    "text-field": "{point_count_abbreviated}",
    "text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
    "text-size": 12
  },
  paint: {
    "text-color": "#ffffff"
  }
});

"line-color": [
  'case',
  ['boolean', ['feature-state', 'hover'], false],
  '#c00',

  [
    'case',
    ['!=', ['get', 'color'], null],
    ['get', 'color'],
    '#16e8e9'
  ]

],
````            

###

test.map.showCollisionBoxes = true  // 显示碰撞边界
test.map.showTileBoundaries = true  // 显示tile边界
test.map.showOverdrawInspector = true 

需要很习惯一段时间

### setFeatureState