微信小程序自定义组件VS vue组件实践与理解

小程序官网的注解:自定义组件-页面复杂功能的拆分或多页面的重复使用。 一般而言,我们想着要提取组件了,也的确用于上面那两个目的。 小程序-创建组件 小程序创建组件,一个组件由4个文件组成,和创建页面类似。包含:json、wxml、wxss、js文件。 一个简单的demo: json { "component": true } wxss .bg-red { background: red; } js Component( »

温仪 温仪

ES8新特性用法体验

1.字符串填充 本特性是在字符串的的头部和尾部添加新的字符串,且返回具有指定长度的字符串。指定长度是必填字段。 str.padStart(targetLength [, padString]) str.padEnd(targetLength [, padString]) 来个必刷题体验一下~~ 'wen'.padStart(2); // 'wen' 'wen'.padStart(5); // ' wen' 'wen'.padStart(6, »

温仪 温仪

扩展运算符

扩展运算符是三个点(...)。ES6中在数组和对象的操作上非常实用。 示例一:数组深拷贝 let arr = ['wenyi','yuanfang','xinyan']; let arrShallowCopy = arr; let arrDeepCopy = [...arr]; console.log(arrShallowCopy === arr); //true console.log(arrDeepCopy === arr); //false 上述可以从命名中就已看出, »

温仪 温仪

ES6与ES5基本用法的对比理解

let 与var ES5的变量分为:全局变量((方法function,对象object{})外面的变量,或没有加var的变量)和局部变量(反之),var去声明;ES6中的let,只在所在的代码块内有效。 示例一 { let yage = 10; var wage = 1; } yage // ReferenceError: a is not defined. »

温仪 温仪

Vue入门数据驱动摸索(1)

vue作为数据驱动的组件化前端界面库,上手简单。 本文通过以需求为导向的方式,叙述对应需求所需具备的vue知识。 摸索一:页面初始化就需请求数据 vue提供了多个钩子函数,他们对应不同的vue的生命周期,也就是vue实例挂载到DOM的一系列过程。其中created生命周期钩子,对其调用时机为:vue实例被创建之后就会被调用。因此需要实现初始化请求数据,即 created: function () { let self = this; self.getData(); } methods:function () { getData(){ /*详细的请求方法*/ } } methods选项监测数据, »

温仪 温仪