微信小程序

1. 过滤器

微信小程序很像现在流行的 Vue 框架。但功能却比 Vue  差很多，没有双向绑定，这就算了，还不支持过滤器。

后来在网上翻查资料，发现使用JS的 getter ，可以变通的实现过滤器。

如：

Page({
    data: {
        //原始数据
        user : {
            birthday : new Date(),
        },
        // 相当于使用过滤器的表达式
        get userBirthday(){
            return dateFormat(this.user.birthday, 'yyyy-MM-dd');
        },
    },
    ...

wxml上面直接使用userBirthday

用这种方式可以实现过滤器的那种需求。


2. 去掉横向滚动条的样式(地址)

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

 

3. 微信小程序需要使用 https 的连接，这需要安装 ssl 证书。听说阿里云、腾讯云都有免费的证书。但如果你用是自己的服务器，或者使用别家的去服务器，那可以自行安装Let's encrypt 证书(教程)。

openssl genrsa 4096 > account.key

openssl genrsa 4096 > domain.key

openssl req -new -sha256 -key domain.key -subj "/" -reqexts SAN -config <(cat /etc/pki/tls/openssl.cnf <(printf "[SAN]\nsubjectAltName=DNS:ii.zzxkqp.com")) > domain.csr

wget https://raw.githubusercontent.com/diafygi/acme-tiny/master/acme_tiny.py --no-check-certificate

python acme_tiny.py --account-key ./account.key --csr ./domain.csr --acme-dir /var/www/html/ii.zzxkqp.com/ssl/challenges/ > ./signed.crt

server {
    server_name ii.zzxkqp.com;

    location ^~ /.well-known/acme-challenge/ {
        alias /root/wwwroot/challenges/;
        try_files $uri =404;
    }

    location / {
        rewrite ^/(.*)$ https://ii.zzxkqp.com/$1 permanent;
    }
}

这个证书是有效期的，有效时间为3个月。很容易到期了，忘记续期了，导致网站打不开。所以写了个脚本自动续期

#!/bin/bash

cd /root/ssl/
python acme_tiny.py --account-key account.key --csr xxx.xxx.cn.csr --acme-dir /home/wwwroot/xxx.xxx.com/challenges/ > xxx.xxx.cn.crt || exit
systemctl reload nginx

##证书自动续期
0 0 1 * * /root/ssl/renew_cert.sh >/dev/null 2>&1