dashucoding记录2019.6.6

梦里梦外; 2021-09-19 21:28 323阅读 0赞

div
    {
    display:flex;
    flex-direction:row-reverse;
    }

\-webkit-， - ms-或-moz-

initial 设置该属性为它的默认值。  
inherit 从父元素继承该属性。

img
    {
        position:absolute;
        left:0px;
        top:0px;
        z-index:-1;
    }

z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。

auto 默认。堆叠顺序与父元素相等。  
number 设置元素的堆叠顺序。  
inherit 规定应该从父元素继承 z-index 属性的值。

属性定义及使用说明  
writing-mode 属性定义了文本在水平或垂直方向上如何排布。

语法格式如下：

writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr  
horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom  
vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-right-left  
vertical-lr：垂直方向内内容从上到下，水平方向从左到右  
sideways-rl：内容垂直方向从上到下排列  
sideways-lr：内容垂直方向从下到上排列

data-appointId="{
       {orderItem.detailList[0].appointId}}" data-id="{
       {orderItem.orderNo}}"
    
    reBuy(e) {
          console.log('orderItem====reBuy--->', e)
          wx.navigateTo({
            url: `/pages/confirm-order-page?buyAgain=true&orderNo=${e.currentTarget.dataset.id}&appointId=${e.currentTarget.dataset.appointid}`
          })
        },

tortoiseGit  
拉取  
获取  
推送

比较差异  
与上一版本比较差异

显示日志  
后台服务进程  
版本分支图  
版本库浏览器  
检查更新  
变基(rebase)  
保存贮藏  
二分定位-开始  
解决冲突  
还原  
清理  
切换/检出  
合并  
创建分支  
创建标签  
导出  
增加  
添加子模块  
创建补丁序列  
应用补丁序列  
设置  
帮助

标签是只读的，通常只用来记录特定的历史时刻，如里程碑版本等，这是为了方便以后检出特定版本的代码

head,分支，标签，提交  
使用推送命令，可以将本地版本库中的分支推送到服务器的版本库中  
如果要推送标签，请勾选包含标签

启动页index页面的效果优化  
小程序的第一个页面index/index页面，基本上就拿来当启动页。但是如果在跳转到其他页面之前，网络还没有回调完，那么这个页面就会出现卡在白屏的问题，所以做一张漂亮的启动页会好很多。

小程序最多并发10个http连接和2个websocket连接

下载小程序代码包、加载小程序代码包、初始化小程序首页

![image.png][]

![image.png][image.png 1]

wepy.component基类提供三个方法 b r o a d c a s t ， broadcast， broadcast，emit，$invoke

组件的事件监听需要写在events属性下

$invoke是一个组件对另一个组件的直接调用

在Page\_Index中调用组件A的某个方法：

this.$invoke('ComA', 'someMethod', 'someArgs');

npm install wepy-com-toast --save

![image.png][image.png 2]

![image.png][image.png 3]

wx.navigateTo({
            url: `/pages/product-detail-page?productId=${e.currentTarget.id}&type=${
              e.currentTarget.dataset.type
              }`
          })

// mixins/test.js
    import wepy from 'wepy';
    
    export default class TestMixin extends wepy.page {
        data = {
            foo: 'foo defined by page',
            bar: 'bar defined by testMix'
        };
        methods: {
        tap () {
          console.log('mix tap');
        }
      }
    }
    
    // pages/index.wpy
    import wepy from 'wepy';
    import TestMixin from './mixins/test';
    
    export default class Index extends wepy.mixin {
        data = {
            foo: 'foo defined by index'
        };
        mixins = [TestMixin ];
        onShow() {
        console.log(this.foo); // foo defined by index.
        console.log(this.bar); // foo defined by testMix.
      }
    }

// mixins/test.js
    import wepy from 'wepy';
    
    export default class TestMixin extends wepy.page {
        methods = {
        tap () {
          console.log('mix tap');
        }
      };
        onShow() {
        console.log('mix onshow');
      }
    }
    
    // pages/index.wpy
    import wepy from 'wepy';
    import TestMixin from './mixins/test';
    
    export default class Index extends wepy.mixin {
    
        mixins = [TestMixin];
        methods = {
        tap () {
          console.log('index tap');
        }
      };
        onShow() {
        console.log('index onshow');
      }
    }

在函数运行周期之外的函数里去修改数据需要手动调用$apply方法

setTimeout(() => {
        this.title = 'this is title';
        this.$apply();
    }, 3000);

wx.request('xxxx').then((d) => console.log(d));

// 官方
    <view data-id="{
       {index}}" data-title="wepy" data-other="otherparams" bindtap="tapName"> Click me! </view>
    Page({
      tapName: function(event) {
        console.log(event.currentTarget.dataset.id)// output: 1
        console.log(event.currentTarget.dataset.title)// output: wepy
        console.log(event.currentTarget.dataset.other)// output: otherparams
      }
    });
     
    // wepy 建议传参方式
    <view data-wepy-params="{
       {index}}-wepy-otherparams" bindtap="tapName"> Click me! </view>
     
    events: {
      tapName (event, id, title, other) {
        console.log(id, title, other)// output: 1, wepy, otherparams
      }
    }
     
    // wepy 1.1.8以后的版本，只允许传string。
    <view bindtap="tapName({
       {index}}, 'wepy', 'otherparams')"> Click me! </view>
     
    events: {
      tapName (event, id, title, other) {
        console.log(id, title, other)// output: 1, wepy, otherparams
      }
    }

![image.png][image.png 4]

--------------------

## 请点赞！因为你的鼓励是我写作的最大动力！ ##

![官方微信公众号][1240]

吹逼交流群：**711613774**

![吹逼交流群][1240 1]

[image.png]: /images/20210724/178d36babe29435f876977326c56a8c8.png
[image.png 1]: /images/20210724/e04e4e52b5b1400c8334cdf932ac8a04.png
[image.png 2]: /images/20210724/b31cafcd6b5941e0a9a6f2de3847412f.png
[image.png 3]: /images/20210724/3199ff0d71544b91adfbaf0914ed53fd.png
[image.png 4]: /images/20210724/6091409581c644fe9d5470005eb76267.png
[1240]: /images/20210724/48cd656f015e4c2697b1b99b2fad6f30.png
[1240 1]: /images/20210724/65d3cd2f508d478db2824be6de4c2df8.png