Category: js

Vue slot插槽继承问题

但是在实际的使用过程中，常常会出现外部组件内容需要多级嵌套传递到目标组件，那么slot可以如何实现呢？
现在假设有A，B，C三个组件，层级关系为A>B>C(父亲，儿子，孙子)

C:

<div>
    C组件
    <div>
      <slot name="pane" :data="我是C">我是c组件---外部没传递，我才显示</slot>
    </div>
</div>

B:

<div>
    B组件---这是一个中间传递的slot
    <C>
	    <div slot="pane" slot-scope="{data}">
	      <slot name="pane" :data="data"></slot>
	    </div>
    </C>
</div>

A:

<div>
    A组件
    <B>
    <div slot="pane" slot-scope="{data}">
      {{data}}注意，我要传到C了
    </div>
    </B>
</div>

转自:https://blog.csdn.net/xuxu_qkz/article/details/81115022

小程序JS Date.parse返回null

前端同事在做微信小程序时发现IOS获取的时间戳为空的问题，后来通过跟踪发现，原来是因为IOS系统不支持2018-08-08格式的时间导致的，

var mydata = ‘2018-08-08 11:00:00’;
console.log(“返回时间：” + mydata);
var time = Date.parse(new Date(mydata)) / 1000;

这样的代码安卓手机开发手机测试都没有问题，唯独IOS获取的日期为null,若干次百度调试后发现，原来IOS只识别2018/08/08这样的日期格式，
下面用正则替换2018-08-08日期格式为2018/08/08后问题解决(代码如下)

var mydata = ‘2018-08-08 11:00:00’;
mydata=data.replace(/-/g, ‘/’);
console.log(“返回时间：” + mydata);
var time = Date.parse(new Date(mydata)) / 1000;

转自:https://blog.csdn.net/zqtsx/article/details/74331076

ES6中用起来很爽的几点

1 剪头函数的this指针问题

this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭头函数根本没有自己的this，而是引用外层的this。这也避免了之前js代码中保存this指针的代码.


// ES6
function foo() {
setTimeout(() => {
console.log('id:', this.id);
}, 100);
}

// ES5
function foo() {
var _this = this;

setTimeout(function () {
console.log('id:', _this.id);
}, 100);
}

继续阅读ES6中用起来很爽的几点

ES6语法中常量对象的一个有趣的问题

对于复合类型的变量，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变，所以将一个对象声明为常量必须非常小心。

const foo = {};
foo.prop = 123;
foo.prop
// 123
foo = {}; // TypeError: "foo" is read-only

继续阅读ES6语法中常量对象的一个有趣的问题