WdBly Blog

懂事、有趣、保持理智

WdBly Blog

懂事、有趣、保持理智

周维 | Jim

603927378@qq.com

工作日志 2018 12

工作日志,工作笔记

image.png

2018/12/03

通过export default 导出的es6模块如果被 require的方式导入需要
使用require.default的方式引入

使用 PropTypes 进行类型检查
注意: React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替。

redux actions reducers 按需加载!

2018/12/04

checkbox indeterminate属性属于选与非选之间
es6 constructor 中需要先 super(props)

2018/12/06

2018/12/07

Cannot find module 'webpack/bin/config-yargs'
webpack的版本和webpack-dev-server的版本不兼容

compilation.mainTemplate.applyPluginsWaterfall is not a function
webpack版本和html-webpack-plugin的版本不兼容

compilation.contextDependencies.push is not a function
copy-webpack-plugin版本不兼容

Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
extract-webpack-plugin版本不兼容

2018/12/10

css共用提取的插件开发(待办)

函数节流:使用场景,对于一个需要频繁触发执行的函数,如滚动scroll事件,resize事件或者自定义的一些事件,当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间.

若是一直调用则一直不会触发函数,直到某一次调用距离上一次调用的时间间隔大于设置的值才会调用。

若想要在防抖的基础上让函数在一定时间内至少执行一次,则可以配合函数节流实现一个最小不执行时间。

function throttle(fn,wait){ //使用了函数防抖来处理页面滚动事件 在wait时间内再次触发函数 则重置定时器(合并事件) var timer = null; return function(){ if(timer){ clearTimeout(timer); } timer = setTimeout(() => { //若是fn函数中有使用到this 需要在调用处更改this指向 fn.apply(this); timer = null; },wait); }; }

2018/12/11

汇率引起的价格展示问题
blog界面改版

2018/12/12

2018/12/13

选择出行人的必填项和出行人本身的信息到时的保存不了的问题

2018/12/14

windows cordova环境搭建

2018/12/17

apple id : 603927378@qq.com Wangzong199546
chrome://inspect  调试真实设备

2018/12/19

image.png

2018/12/20

ios2.8.0上传成功

es7 includes() 可以用于检测NaN

3 ** 2 等同于 Math.pow(3, 2)

Object.entries({})接受一个对象或数组做为参数,将对象的可枚举属性按照二维数组的方式输出
Object.entries({ a: 1, b: 2, c: { d: [1,2] }, e: undefined }) 测试结果表示只会对第一层进行转化输出

2018/12/21

Object.keys(obj) //返回对象的key数组 Object.values(obj) //返回对象的values数组 //padStart和padEnd用第二个参数填充字符串,直到字符传的长度为第一个参数的值 'zhouwei'.padStart(10, 'a') // 'aaazhouwei' 'zhouwei'.padEnd(10, 'a') // 'zhouweiaaa'

2018/12/24

解决了xcode10 打包问题
解决了app白屏问题
@decorator class A {} // 等同于 class A {} A = decorator(A) || A; //修饰器可以接收参数 @addSkill("hello world") class Person { } function addSkill(text) { return function(target) { target.say = text; } } console.log(Person.say) //'hello world'

2018/12/26

装饰器对类的行为的改变,是代码编译时发生的,而不是在运行时。这意味着,装饰器能在编译阶段运行代码。也就是说,装饰器本质就是编译时执行的函数

//修饰器可以作用于方法,叫做方法修饰器 class Person { constructor() {} @myname //方法修饰器 name() { console.log('1') } } function myname(target, key, descriptor) { console.log(target); console.log(key); console.log(descriptor); descriptor.value = function() { console.log('2') } } //target: 类的原型对象,上例是Person.prototype //key: 所要修饰的属性名 name //descriptor: 该属性的描述对象

修饰器不能作用于函数之上,这是因为函数和变量一样都会提升,由于存在函数提升,使得修饰器不能用于函数。类是不会提升的,所以就没有这方面的问题。

2018/12/27

image.png

2018/12/28

天气接口对接
vue-template-compiler must be installed as a peer dependency
解决:npm install vue-template-compiler -D

2018/12/29

金税盘接口测试 系统设置->上传设置->服务器设置-> 点击测试即可