Jason Zhou jasonzhouu

## tips.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jasonzhouu
                / tips.md
            
            
              Last active
              March 11, 2020 09:52
            
              
                提示框
              
          
    第324天 使用css实现悬浮提示文本

html

<div class="haveTips" tips='hello world'>Lorem ipsum dolor</div>
css


## 小三角形.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jasonzhouu
                / 小三角形.md
            
            
              Last active
              March 11, 2020 08:52
            
              
                用border创建小三角形
              
          
原理：

创建一个width, height都为0，从而border共同构成一个正方形；
将border的颜色设置为transparent，存在但是看不到；
设置top border的颜色，使其存在且可以看到，它与相邻侧的border的边界是45°斜角，表现为三角形。


## FE-interview-330-气泡.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jasonzhouu
                / FE-interview-330-气泡.md
            
            
              Last active
              March 11, 2020 05:42
            
          
    第330天 使用css实现对话气泡的效果
将气泡分为2个部分：
|部分|样式|
-\

主体的矩形：
使用伪元素，创建一个正方形，并将其启动到期望的位置。


## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div>1</div>

## holy-grail-layout-with-flexbox.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jasonzhouu
                / holy-grail-layout-with-flexbox.md
            
            
              Last active
              March 25, 2020 02:09
            
          
    用flexbox实现圣杯布局，代码很直观，进行2次flex排列：

上中下：flex-direction=column

中间部分 flex-grow=1，占据所有剩余空间
上下部分 flex-grow=0（默认值，可以不设置）


左中右：flex-direction=row（默认值）

左边栏order=-1（负一），排在最左边
左右边栏基准尺寸 flex-basis=100px，flex-grow=0（默认值）
中间部分flex-grow=1，占据所有剩余空间


## launch.json
{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",

## oh-my-zsh-agnoster-light-theme.md

      
              1 file
            
          
              2 forks
            
          
              2 comments
            
          
              5 stars
            
          
                jasonzhouu
                / oh-my-zsh-agnoster-light-theme.md
            
            
              Last active
              April 4, 2024 15:20
            
              
                zsh agnoster light theme
              
          
save agnoster-light.zsh-theme to ~/.oh-my-zsh/themes/.
edit ZSH_THEME in ~/.zshrc to agnoster-light
change the color theme of terminal to solarized-light
open a new terminal


## chinese_input_in_manjaro.md

      
              1 file
            
          
              5 forks
            
          
              9 comments
            
          
              24 stars
            
          
                jasonzhouu
                / chinese_input_in_manjaro.md
            
            
              Last active
              May 23, 2024 01:45
            
              
                Config Chinese input method in Manjaro(Manjaro 配置中文输入法)
              
          
    1. install packages

run:
yay -Syu adobe-source-han-sans-otc-fonts adobe-source-han-serif-otc-fonts 
yay -Syu fcitx fcitx-googlepinyin fcitx-im fcitx-configtool 

2. config environmental variables

sudo vim /etc/profile


## proxychains.conf
# proxychains.conf  VER 3.1
#
#        HTTP, SOCKS4, SOCKS5 tunneling proxifier with DNS.
#

# The option below identifies how the ProxyList is treated.
# only one option should be uncommented at time,
# otherwise the last appearing option will be accepted
#
#dynamic_chain

## .conkyrc
background yes
Window


own_window_argb_visual yes
own_window_type default
own_window yes
own_window_transparent yes
own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
	</head>
	<body>
	<div>1</div>
	{
	// Use IntelliSense to learn about possible attributes.
	// Hover to view descriptions of existing attributes.
	// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
	"version": "0.2.0",
	"configurations": [
	{
	"type": "node",
	"request": "launch",
	"name": "Launch Program",
	# proxychains.conf VER 3.1
	#
	# HTTP, SOCKS4, SOCKS5 tunneling proxifier with DNS.
	#

	# The option below identifies how the ProxyList is treated.
	# only one option should be uncommented at time,
	# otherwise the last appearing option will be accepted
	#
	#dynamic_chain
	background yes
	Window



	own_window_argb_visual yes
	own_window_type default
	own_window yes
	own_window_transparent yes
	own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager