blackcater

// constant(safe-area-inset-top)：在Viewport顶部的安全区域内设置量（CSS像素）
// constant(safe-area-inset-bottom)：在Viewport底部的安全区域内设置量（CSS像素）
// constant(safe-area-inset-left)：在Viewport左边的安全区域内设置量（CSS像素）
// constant(safe-area-inset-right)：在Viewport右边的安全区域内设置量（CSS像素）

// constant 为 iOS 11 推荐，于 iOS 11.2 后更改为 env

// top, bottom, left, right 指你当前手机朝向的上下左右

blackcater

# sdk command
function sdk
    bash -c "source $HOME/.sdkman/bin/sdkman-init.sh && sdk $argv"
end

# add paths
for ITEM in $HOME/.sdkman/candidates/* ;
    set -gx PATH $PATH $ITEM/current/bin
end

blackcater

Diagrams

Markdown Preview Enhanced supports rendering flow charts, sequence diagrams, mermaid, PlantUML, WaveDrom, GraphViz, Vega & Vega-lite, Ditaa diagrams. You can also render TikZ, Python Matplotlib, Plotly and all sorts of other graphs and diagrams by using Code Chunk.

Please note that some diagrams don't work well with file exports such as PDF, pandoc, etc.

Flow Charts

This feature is powered by flowchart.js.

blackcater

Meta基础知识：

H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构 // width 设置viewport宽度，为一个正整数，或字符串‘device-width’ // height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置 // initial-scale 默认缩放比例，为一个数字，可以带小数 // minimum-scale 允许用户最小缩放比例，为一个数字，可以带小数 // maximum-scale 允许用户最大缩放比例，为一个数字，可以带小数

blackcater

html {
  scroll-behavior: smooth;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  scroll-behavior: smooth;
  margin: 0;
}

blackcater

/* 
*  rem.js 
*  v0.1.1
*  fixed 2015-3-12
*/
(function (win){
  var doc = win.document,
      html = doc.documentElement,
      option = html.getAttribute('data-use-rem');
 

blackcater

@charset 'UTF-8';

// css reset
html,
body,
div,
span,
applet,
object,
iframe,

blackcater

function filterEmoji(str) {
  return str.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g, "")
}