作者归档:misster-kaiji

vs code php intelliSense插件的设置问题

该插件用于php类文件的跳转,方法定义,引用等跳转。
需要配置 可执行文件php.exe的路径,这个路径 可以是 phpstudy 内置的php.exe路径,也可以是 某某编辑器的插件
比如我安装了 zend studio,它会内置php.exe,那么我只需要 把php.exe的路径 放入 配置文件
如下:重启vscode 插件就会生效了
“php.validate.executablePath”: “E:\\zend studio\\plugins\\com.zend.php.executables.windows_7.1.3.201703171134\\resources\\php.exe”,
“php.executablePath”: “E:\\zend studio\\plugins\\com.zend.php.executables.windows_7.1.3.201703171134\\resources\\php.exe”

TortoiseGit密钥的配置

TortoiseGit使用扩展名为ppk的密钥,而不是ssh-keygen生成的rsa密钥。也就是说使用ssh-keygen -t rsa -C “yourname@yourcompany.com”产生的密钥在TortoiseGit中不能用。而基于github的开发必须要用到rsa密钥,因此需要用到TortoiseGit的putty key generator工具来生成既适用于github的rsa密钥也适用于TortoiseGit的ppk密钥,配置步骤如下:

1、运行TortoiseGit开始菜单中的Puttygen程序

2、点击“Generate”按钮,鼠标在上图的空白地方来回移动直到进度条完毕,就会自动生一个随机的key

3、为密钥设置对应的访问密码,在“Key passphrase”和“Confirm passphrase”的后面的输入框中输入密码

4、将多行文本框中以“ssh-rsa”开头的内容全选、复制,并粘贴到github的 Account Settings -> SSH Keys -> Add SSH key -> Key字段中,这就是适用于github的公钥

5、点击“Save private key”按钮,将生成的key保存为适用于TortoiseGit的私钥(扩展名为.ppk)

6、运行TortoiseGit开始菜单中的Pageant程序,程序启动后将自动停靠在任务栏中,双击该图标,弹出key管理列表

7、点击“Add Key”按钮,将第5步保存的ppk私钥添加进来,关闭对话框即可

经上述配置后,你就可以使用TortoiseGit进行push、pull操作了

原文地址:https://github.com/ysc/APDPlat/wiki/TortoiseGit%E5%AF%86%E9%92%A5%E7%9A%84%E9%85%8D%E7%BD%AE

svg过渡动画

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>svg-circle</title>
    <style>
        .route{
            width:26px;
            height:26px;
            -webkit-animation: route 3s linear infinite;
            animation: route 3s linear infinite;
        }
        .spinner{
            -webkit-animation: rotator 2s linear infinite;
            animation: rotator 2s linear infinite;
        }
        .path {
            stroke-dasharray: 187;
            stroke-dashoffset: 50;
            -webkit-transform-origin: center;
            transform-origin: center;
            stroke: #4285F4;
            -webkit-animation: dash 2s ease-in-out infinite;
            animation: dash 2s ease-in-out infinite;
        }
        @keyframes rotator {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
                -ms-transform: rotate(360deg)
            }
        }
        @keyframes route {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
                -ms-transform: rotate(360deg)
            }
        }
        @keyframes dash {
            0% {
                stroke-dashoffset: 187;
            }
           
            50% {
                stroke-dashoffset: 46.75;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
            }
           
            100% {
                stroke-dashoffset: 187;
                -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
            }
        }
    </style>
</head>
<body>
    <div class="route">
        <svg class="spinner" width="26px" height="26px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
            <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30" style="stroke:#4288ed"></circle>
        </svg>
    </div>
</body>
</html>

demo:http://kaiji.obyee.com/demo/svg_circle.html