微信小程序备忘录

28 七月 2018 (0)

蓝牙相关：

API-蓝牙-小程序

tips：

求整：sec.toFixed(0)

其他知识：

音乐速度（百度百科）

让PIP源使用国内镜像，提升下载速度和安装成功率。

对于Python开发用户来讲，PIP安装软件包是家常便饭。但国外的源下载速度实在太慢，浪费时间。而且经常出现下载后安装出错问题。所以把PIP安装源替换成国内镜像，可以大幅提升下载速度，还可以提高安装成功率。

国内源：

新版ubuntu要求使用https源，要注意。

清华：https://pypi.tuna.tsinghua.edu.cn/simple

阿里云：http://mirrors.aliyun.com/pypi/simple/

中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/

华中理工大学：http://pypi.hustunique.com/

山东理工大学：http://pypi.sdutlinux.org/

豆瓣：http://pypi.douban.com/simple/

临时使用：

可以在使用pip的时候加参数-i https://pypi.tuna.tsinghua.edu.cn/simple

例如：pip install -i https://pypi.tuna.tsinghua.edu.cn/simple pyspider，这样就会从清华这边的镜像去安装pyspider库。

永久修改，一劳永逸：

Linux下，修改 ~/.pip/pip.conf (没有就创建一个文件夹及文件。文件夹要加“.”，表示是隐藏文件夹)

内容如下：

[global]
index-url = https://pypi.tuna.tsinghua.edu.cn/simple

[install]
trusted-host=mirrors.aliyun.com

windows下，直接在user目录中创建一个pip目录，如：C:\Users\xx\pip，新建文件pip.ini。内容同上。

原网页：http://www.cnblogs.com/microman/p/6107879.html

微信小程序wxss border及border-radius属性

12 七月 2018 (0)

--------------------border-------------------

一.边框：border 设置对象边框的特性。

1.语法：border：length style color

2.style：none ，hidden，dotted，dashed，solid，double，groove，ridge，inset，outset。

二.相关属性。

1.border-width：设置边框宽度：常用取值：medium：默认值，相当于3px。thin：1px。thick：5px。不可以为负值。

2.border-color:设置边框颜色。

3.border-top:设置顶部边框。border-top-width,border-top-style,border-top-color 分别设置宽度，样式以及颜色

4.border-right：设置右边框。

5.border-bottom：设置底边框。

6.border-left：设置左边框。

7.border-radius：设置对象使用圆角边框。取值为数字或者百分比。

8.当然也可以给4个角单独的设置：

左上角：border-top-left-radius，右上角：border-top-right-radius，左下角：border-bottom-left-radius，右下角：border-bottom-right-radius

9.box-shadow:设置对象阴影。

第一个值：设置水平方向阴影偏移量。

第二个值：设置垂直方向阴影偏移量。

第三个值：设置对象的阴影模糊值。不允许为负值

第四个值：设置对象的阴影外延值，不允许为负值

第五个值：color。

第六个值：inset，阴影在左上位置，如下图：box-shadow:6rpx 6rpx 6rpx 6rpx rebeccapurple inset

10.border-image：对象的边框样式使用图片来填充。

1>border-image-source:设置图片的来源。使用绝对或者相对地址或者渐变色来确定图片。

2>border-image-slice :设置边框背景图的分隔方式。取值：数值／百分比 fill.该属性指定从上右下左来分割图片，将图像分成4个角，4条边以及中间区域。中间区域始终是透明的，除非使用关键字fill。

3>border-image-width:设置边框背景的宽度。用于指定使用多厚的边框来承载呗裁剪后的图像。

4>border-image-outset：设置对象的边框背景图的扩展，意思就是说假如设置了10rpx，那么图像就会在原来基础上外延10rpx在显示。

5>border-image-repeat：设置对象的边框图片的平铺方式。

stretch:拉伸。

repeat：平铺，碰到边界的时候截断。

round：根据边框的尺寸动态调整图片的大小，使得刚好可以铺满整个边框。

space：根据边框的尺寸动态调整图片的之间的间距，使得刚好铺满整个边框。

------------------------border-radius-----------------------

border-radius: none　｜　length{1,4} [/ length{1,4}
其中每一个值可以为数值或百分比的形式。
length/length　第一个lenght表示水平方向的半径，而第二个表示竖直方向的半径。
如果是一个值，那么 top-left、top-right、bottom-right、bottom-left 四个值相等。
如果是两个值，那么 top-left和bottom-right相等，为第一个值，top-right和bottom-left值相等，为第二个值。
这里写图片描述
如果是三个值，那么第一个值是设置top-left，而第二个值是 top-right 和 bottom-left 并且他们会相等,第三个值是设置 bottom-right。

如果是四个值，那么第一个值是设置 top-left，而第二个值是 top-right 第三个值 bottom-right 第四个值是设置 bottom-left
这里写图片描述

除了上述的简写外，还可以和border一样，分别写四个角，如下：
border-top-left-radius: //左上角
border-top-right-radius: //右上角
border-bottom-right-radius: //右下角
border-bottom-left-radius: //左下角
分别是水平方向和竖直方向半径，第二值省略的情况下，水平方向和竖直方向的半径相等。
border-radius 只有在以下版本的浏览器：Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+ 支持 border-radius 标准语法格式，对于老版的浏览器，border-radius 需要根据不同的浏览器内核添加不同的前缀，比说 Mozilla 内核需要加上“-moz”，而 Webkit 内核需要加上“-webkit”等，但是IE和Opera没有私有格式，因此为了最大程度的兼容浏览器，我们需要设置如下：
-webkit-border-radius: 10px 20px 30px;
-moz-border-radius: 10px 20px 30px;
border-radius: 10px 20px 30px;
请将标准形式写在浏览器私有形式之后。

举几个例子看一下效果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键词一，关键词二">
    <meta name="Description" content="网站描述内容">
    <meta name="Author" content="刘艳">
    <title></title>
    <style>
        img{border-radius: 30px;margin: 100px;}
    </style>
</head>
<body>
    <img src="../images/photo.jpg" width="300px">
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

效果：
这里写图片描述
四个角的半径都是30px;

再看一个标准的圆以及椭圆：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键词一，关键词二">
    <meta name="Description" content="网站描述内容">
    <meta name="Author" content="刘艳">
    <title></title>
    <style>
        div{display: inline-block; border: 10px solid red;}
        .circle{width: 50px; height: 50px;
            -webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;}
        .elipse{width: 50px; height: 100px;
            -webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;}
    </style>
</head>
<body>
    <div class="circle"></div>
    <div class="elipse"></div>
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

效果：
这里写图片描述
第一个和第二个div的差别主要在于其是正方形还是长方形，圆圈在轮播时，可以替代圆圈的图片使用。

以上都是水平方向和竖直方向半径相等的例子，下面举两个水平方向和竖直方向半径不相同的例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键词一，关键词二">
    <meta name="Description" content="网站描述内容">
    <meta name="Author" content="刘艳">
    <title></title>
    <style>
        div{display: inline-block; border: 10px solid red;margin: 100px;}
        .div1{width: 200px; height: 100px;border-radius: 0px 50px 32px/28px 50px 70px;}
        .div2{width:100px; height: 200px; border-radius: 26px 106px 162px 32px/28px 80px 178px 26px;}
        .div3{width:100px;height: 200px; border-radius: 20px 50px/ 20px 50px;}
    </style>
</head>
<body>
    <div class="div1"></div>
    <div class="div2"></div>
    <div class="div3"></div>
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

效果如下所示：
这里写图片描述

原文：https://blog.csdn.net/ufo00001/article/details/72832770

图片改天再搞

Git查看、删除、重命名远程分支和tag

04 七月 2018 (0)

这篇文章记录我在使用git的过程中碰到远程分支和tag的相关内容，提纲：

查看远程分支
删除远程分支和tag
删除不存在对应远程分支的本地分支
重命名远程分支
把本地tag推送到远程
获取远程tag

查看远程分支

加上-a参数可以查看远程分支，远程分支会用红色表示出来（如果你开了颜色支持的话）：

$ git branch -a
  master
  remote
  tungway
  v1.52
* zrong
  remotes/origin/master
  remotes/origin/tungway
  remotes/origin/v1.52
  remotes/origin/zrong

删除远程分支和tag

在Git v1.7.0 之后，可以使用这种语法删除远程分支：

$ git push origin --delete <branchName>

删除tag这么用：

git push origin --delete tag <tagname>

否则，可以使用这种语法，推送一个空分支到远程分支，其实就相当于删除远程分支：

git push origin :<branchName>

这是删除tag的方法，推送一个空tag到远程tag：

git tag -d <tagname>
git push origin :refs/tags/<tagname>

两种语法作用完全相同。

删除不存在对应远程分支的本地分支

假设这样一种情况：

我创建了本地分支b1并pull到远程分支 origin/b1；
其他人在本地使用fetch或pull创建了本地的b1分支；
我删除了 origin/b1 远程分支；
其他人再次执行fetch或者pull并不会删除这个他们本地的 b1 分支，运行 git branch -a 也不能看出这个branch被删除了，如何处理？

使用下面的代码查看b1的状态：

$ git remote show origin
* remote origin
  Fetch URL: git@github.com:xxx/xxx.git
  Push  URL: git@github.com:xxx/xxx.git
  HEAD branch: master
  Remote branches:
    master                 tracked
    refs/remotes/origin/b1 stale (use 'git remote prune' to remove)
  Local branch configured for 'git pull':
    master merges with remote master
  Local ref configured for 'git push':
    master pushes to master (up to date)

这时候能够看到b1是stale的，使用 git remote prune origin 可以将其从本地版本库中去除。

更简单的方法是使用这个命令，它在fetch之后删除掉没有与远程分支对应的本地分支：

git fetch -p

重命名远程分支

在git中重命名远程分支，其实就是先删除远程分支，然后重命名本地分支，再重新提交一个远程分支。

例如下面的例子中，我需要把 devel 分支重命名为 develop 分支：

$ git branch -av
* devel                             752bb84 Merge pull request #158 from Gwill/devel
  master                            53b27b8 Merge pull request #138 from tdlrobin/master
  zrong                             2ae98d8 modify CCFileUtils, export getFileData
  remotes/origin/HEAD               -> origin/master
  remotes/origin/add_build_script   d4a8c4f Merge branch 'master' into add_build_script
  remotes/origin/devel              752bb84 Merge pull request #158 from Gwill/devel
  remotes/origin/devel_qt51         62208f1 update .gitignore
  remotes/origin/master             53b27b8 Merge pull request #138 from tdlrobin/master
  remotes/origin/zrong              2ae98d8 modify CCFileUtils, export getFileData

删除远程分支：

$ git push --delete origin devel
To git@github.com:zrong/quick-cocos2d-x.git
 - [deleted]         devel

重命名本地分支：

git branch -m devel develop

推送本地分支：

$ git push origin develop
Counting objects: 92, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (48/48), done.
Writing objects: 100% (58/58), 1.38 MiB, done.
Total 58 (delta 34), reused 12 (delta 5)
To git@github.com:zrong/quick-cocos2d-x.git
 * [new branch]      develop -> develop

然而，在 github 上操作的时候，我在删除远程分支时碰到这个错误：

$ git push --delete origin devel
remote: error: refusing to delete the current branch: refs/heads/devel
To git@github.com:zrong/quick-cocos2d-x.git
 ! [remote rejected] devel (deletion of the current branch prohibited)
error: failed to push some refs to 'git@github.com:zrong/quick-cocos2d-x.git'

这是由于在 github 中，devel 是项目的默认分支。要解决此问题，这样操作：

进入 github 中该项目的 Settings 页面；
设置 Default Branch 为其他的分支（例如 master）；
重新执行删除远程分支命令。

把本地tag推送到远程

git push --tags

获取远程tag

git fetch origin tag <tagname>

参考文章

转载自：https://blog.zengrong.net/post/1746.html

鳕鱼天空

微信小程序备忘录

*廖雪峰 Promise 异步调用

微信小程序 | 多个按钮或VIEW，点击改变状态简易的实现方法

Python- 解决PIP下载安装速度慢

让PIP源使用国内镜像，提升下载速度和安装成功率。

国内源：

临时使用：

永久修改，一劳永逸：

微信小程序wxss border及border-radius属性

Git查看、删除、重命名远程分支和tag

查看远程分支

删除远程分支和tag

删除不存在对应远程分支的本地分支

重命名远程分支

把本地tag推送到远程

获取远程tag

参考文章

不可不知的C#基础 1. -- Extension 扩展方法

微信小程序页面监听全局变量的变化

.Net7 IDE智能提示汉化 (VS2022)

硬币旋转翻面的view小程序实现

css3定义字体名称font-family 正确字体英文名称写法（大全）

Winform实现无边框拖动的两种方式

Windows 10系统开启卓越性能的方法+代码！

macbook下vscode无法升级的问题

CSS var() 函数伪代码变量（包含微信小程序写法）

JS合并两个数组的方法

*廖雪峰 Promise 异步调用

微信小程序 | 多个按钮或VIEW，点击改变状态 简易的实现方法

让PIP源使用国内镜像，提升下载速度和安装成功率。

国内源：

临时使用：

永久修改，一劳永逸：

查看远程分支

删除远程分支和tag

删除不存在对应远程分支的本地分支

重命名远程分支

把本地tag推送到远程

获取远程tag

参考文章

微信小程序 | 多个按钮或VIEW，点击改变状态简易的实现方法