鳕鱼天空

This is Mr Wang's Tech Blog.

wx.nextTick(function callback)延迟一部分操作到下一个时间片再执行

wx.nextTick(function callback)

基础库 2.2.3 开始支持,低版本需做兼容处理

延迟一部分操作到下一个时间片再执行。(类似于 setTimeout)

参数

function callback

说明

因为自定义组件中的 setData 和 triggerEvent 等接口本身是同步的操作,当这几个接口被连续调用时,都是在一个同步流程中执行完的,因此若逻辑不当可能会导致出错。

一个极端的案例:当父组件的 setData 引发了子组件的 triggerEvent,进而使得父组件又进行了一次 setData,期间有通过 wx:if 语句对子组件进行卸载,就有可能引发奇怪的错误,所以对于不需要在一个同步流程内完成的逻辑,可以使用此接口延迟到下一个时间片再执行。

示例代码

Component({
  doSth() {
    this.setData({ number: 1 }) // 直接在当前同步流程中执行

    wx.nextTick(() => {
      this.setData({ number: 3 }) // 在当前同步流程结束后,下一个时间片执行
    })

    this.setData({ number: 2 }) // 直接在当前同步流程中执行
  }
})

微信小程序列表项的右侧带箭头怎么做

在.wxml文件中新增一个标签


<view class='list'>
  <view class='list1'>
    <image src='../../images/list.jpg'></image>
    <text>我的发布</text>
    <view class='arrow'></view>
  </view>
</view>

然后在.wxss中修饰

.arrow {
  width: 10px;
  height: 10px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  position: absolute;
  right: 20rpx;
  transform: rotate(45deg);
  margin-top: 10rpx;
}

原文链接:https://blog.csdn.net/qq_39702981/article/details/84286228

 

【转】 不要把 svg 转成 base64

npm install -g svgo
svgo test.svg

今天遇到一个项目中使用纯色图标的问题,用字体麻烦用图片low,所以就想直接用svg,毕竟只有一两个图标。

第一想法是用 DataURI,然后想到了之前 CSS-tricks 的文章,翻了下做下汇总:

不建议把 svg 转 base64 来用 
base64 本身浏览器解码也会消耗一定的资源 
svg 转 base64 后反而会变大

解决方案:

压缩 svg 文件,使用 SVGO 或者 SVGOMG 


使用 DataURI 而不用 base64 ,DataURI 的用法是 data:[][;base64], base64 只是声明 data 使用 base64 编码而已,非必须(via RFC 2397)

比如,前端观察的 logo 的 svg,sketch 导出后有 702 byte,svgo 压缩后是 292 byte,base64 转码后是 937 byte。

最后代码如下:

background-image: url("data:image/svg+xml,<svg width='288' height='288' viewBox='0 0 288 288' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eqianduan logo%3C/title%3E%3Cpath d='M222 144v-6l-41-23v12l30.304 17L181 161v12l41-23v-6zm-144.304 0L108 127v-12l-41 23v12l41 23v-12l-30.304-17z' fill='%2318BC9C' /svg>");
  • 1

参考 
https://css-tricks.com/probably-dont-base64-svg/ 
https://codepen.io/tigt/post/optimizing-svgs-in-data-uris

2019-4-12 社团资源 microbit说话

microbit 说话

参考网址:http://www.qingchuangzhiyi.com/doc/speech.html

一下:I am a DALEK - EXTERMINATE

import speech

while True:
    if microbit.button_a.is_pressed():
        speech.pronounce("AY3AEMMM")
        microbit.sleep(100)
        speech.pronounce("AE6")
        microbit.sleep(100)
        speech.say("DALEK", speed=180, pitch=100, throat=100, mouth=200)
        microbit.sleep(500)
        speech.say("EXTERMINATE", speed=150, pitch=100, throat=100, mouth=200)
    microbit.sleep(100)

 

C#版本和.NET版本以及VS版本的对应关系

版本 .NET Framework版本 Visual Studio版本 发布日期 特性

C# 1.0 .NET Framework 1.0 Visual Studio .NET 2002 2002.1 委托 事件


C# 1.1 .NET Framework 1.1 Visual Studio .NET 2003 2003.4 APM
 

C# 2.0 .NET Framework 2.0 Visual Studio 2005(开始命名为Visual Studio) 2005.11 泛型
匿名方法
迭代器
可空类型


C# 3.0 .NET Framework 3.0 Visual Studio 2008 2007.11 隐式类型的部变量
.NET Framework 3.5 对象集合初始化
自动实现属性
匿名类型
扩展方法
查询表达式
Lambda表达式
表达式树
分部类和方法
Linq


C# 4.0 .NET Framework 4.0 Visual Studio 2010 2010.4 动态绑定
命名和可选参数
泛型的协变和逆变
互操作性


C# 5.0 .NET Framework 4.5 Visual Studio 2012 2012.8 异步和等待(async和await)
调用方信息(CallerInformation)

C#6.0 .NET Framework4.6  Visual Studio 2015   

1、自动属性初始化的改进(有用)
2、String.Format的改进(有用)
3、字典的初始化
4、可以用static声明静态类的引用
5、nameof表达式
6、Null-条件表达式
7、在try-catch-finally中使用await

 

C#7.0          Visual Studio 2017 

1.out-variables(Out变量)
2.Tuples(元组)
3.Pattern Matching(匹配模式)
4.ref locals and returns (局部变量和引用返回)
5.Local Functions (局部函数)
6.More expression-bodied members(更多的函数成员的表达式体)
7.throw Expressions (异常表达式)
8.Generalized async return types (通用异步返回类型)
9.Numeric literal syntax improvements(数值文字语法改进)

 

Visual Studio 2019(.net frameworks 4.8, .NET Core 3.0)

https://devblogs.microsoft.com/dotnet/take-c-8-0-for-a-spin/

[译↑]初试C# 8.0

https://devblogs.microsoft.com/dotnet/building-c-8-0/

[译↑]C# 8.0 的新特性概览和讲解

C# 8.0的计划特性