liziyu 发布的文章

Page({
  data: {
    items: [
      { name: '普通会员', value: 0 },
      { name: '高级会员', value: 1 },
      { name: 'VIP会员', value: 666 }
    ], //单选群组
    userType: '', //用户类型
    iCard: '', //身份证号码（用户名）
    passWord: '', //密码
    msg: '', //返回消息
    status: '', //返回状态码
    key: 'token', //令牌key 存入Storage之用
    value: '', //令牌字符
  },
  onLoad() {

  },

  radioChange(e) {
    //console.log('你选择的是：', e.detail.value);
  },

  //登陆提交
  onFormSubmit: function (se) {
    var app = getApp();
    var seData = se.detail.value;
    //console.log(se.detail.value);
    var userType = this.data.userType = seData.user_type;
    var iCard = this.data.iCard = seData.icard;
    var passWord = this.data.passWord = seData.password;
    if (typeof (userType) === 'undefined') {
      dd.alert({
        content: '类型不能为空', buttonText: '确定'
      });
      return false;
    }
    if (iCard == null || iCard == '') {
      dd.alert({
        content: '帐号不能为空', buttonText: '确定'
      });
      return false;
    }
    if (passWord == null || passWord == '') {
      dd.alert({
        content: '密码不能为空', buttonText: '确定'
      });
      return false;
    }
    dd.httpRequest(
      {
        url: app.getLoginUrl(),
        method: 'POST',
        data: {
          user_type: userType,
          icard: iCard,
          password: passWord
        },
        success: (e) => {
          //console.log(e.data);
          this.setData({
            msg: e.data.msg,
            status: e.data.status
          });
          if (e.data.status === 1001) {
            dd.setStorage({
              key: this.data.key,
              data: e.data.jwt,
              success: function () {
                dd.alert({ content: e.data.msg, buttonText: '确定' });
              }
            });
          } else {
            dd.alert({ content: e.data.msg, buttonText: '确定' });
          }
        },
        fail: (fe) => {
          dd.alert({ content: fe.data.msg });
        }
      });
  },

  //测试验证token后获取数据
  onClickData: function () {
    dd.showLoading({
      content: '加载中...',
    });
    var app = getApp();
    dd.httpRequest({
      url: app.geturl(),
      method: 'POST',
      headers: {
        'Content-Type': 'application/json', // 使用这个能正常获取数据
        'token': dd.getStorageSync({ key: 'token' }).data,
      },
      data: JSON.stringify({
        username: '我是一只小小鸟',
      }),
      dataType: 'json',
      success: function (e) {
        console.log(e);
        dd.alert({
          content: e.data.msg, //弹出来的是返回结果
          buttonText: '好的'
        });
      },
      fail: function (x) {
        console.log('出错了');
      },
      complete: function () {
        dd.hideLoading();
      }
    });
  }
});

微信小程序收到（session_key和openid）后续应该怎么做

作者: liziyu
时间: 2021-01-17
分类: JavaScript,PHP,Server
评论

先看看文档

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html

【图1】

由于上面的说明明确说不应该向客户端暴露session_key需要自行创建一个3rd_session(第三方session的意思)用于第三方服务器与客户通信校验。
api-login.2fcc9f35.png
【图2】
从上图中看到，当我们拿到了session_key与openId以后应该怎么做呢？

【图3】

处理办法

1、第一步可以将微信服务器返回的session_key与openId入库。
2、在第三方服务器后台生成自已的session,以3rd_session为key,session_key + opneid为value。或者将这两个返回值做为JWT方式返回给客户端存入storage，每次客户端请求服务器端时携带此参数与服务器端比对。

参考：https://blog.csdn.net/qq_31383345/article/details/54094021

免费的在线office文档阅读插件

作者: liziyu
时间: 2021-01-17
分类: JavaScript
评论

上代码：

<iframe src="https://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fwww.liziyu.com%2Fupload%2Fuser%2F24%2Fe774c00b17cec277da41e8a765483b.docx" width='100%' height='500' frameborder='1'></iframe>

值得注意的坑以及解决方法
通过encode处理一下url地址，可以使用encodeURIComponent()方法
这个文件的服务器地址必须是域名，不可以使用ip地址，且端口需要是80。

关于扩展运算符（...）的理解

作者: liziyu
时间: 2021-01-16
分类: JavaScript
评论

1、等号表达式是典型的赋值形式，函数传参和for循环的变量都是特殊形式的赋值。

解构的原理是赋值的两边具有相同的结构，就可以正确取出数组或对象里面的元素或属性值，省略了使用下标逐个赋值的麻烦。
对于三个点号，三点放在形参或者等号左边为rest运算符（剩余运算符）;
放在实参或者等号右边为spread运算符（扩展运算符），或者说，放在被赋值一方为rest运算符，放在赋值一方为扩展运算符。

2、小结：

扩展运算符和rest运算符是逆运算；
扩展运算符：数组=>分割序列；
rest运算符：分割序列=>数组；

参照文章：https://zhuanlan.zhihu.com/p/59502528

纯前端js导出pdf轮子

作者: liziyu
时间: 2021-01-13
分类: JavaScript
评论

第一步：

进入github.com：https://github.com/eKoopmans/html2pdf.js 下载文件包；

第二步：

引入js文件 <script src="../dist/html2pdf.bundle.min.js"></script>
//只需要这一个文件即可

<script>
        function html2pdfs() {
            // Get the element.
            var element = document.getElementById('html2pdf_id');
            // Generate the PDF.
            html2pdf().from(element).set({
                margin: 1,
                filename: '自定义文件名.pdf',
                html2canvas: { scale: 2 },
                jsPDF: {orientation: 'portrait', unit: 'in', format: 'letter', compressPDF: true}
            }).save();
        }
    </script>

第三步：

添加html按钮与区块：
<button class="layui-btn layui-btn-sm" onclick="html2pdfs()">导出/打印本页</button>

<div class="layui-card-body" id="html2pdf_id">
//需要转换为pdf的正文
</div>

完毕！！

一款绝对让你惊艳的CSS框架——TailwindCSS

记录一下：

TP6模型onAfterInsert、onAfterUpdate、onAfterWrite 三者区别

记一下防止忘记

Go 协程的实现原理

传送门：

默认为Chrome浏览器找回IE的办法

办法

简单的常驻内存Easy-Task轮子

传送门

钉钉小程序登陆验证与获取数据

不多说，上代码，备忘