xy_peng的博客

最近在整理react项目的基建代码，抽取高阶组件，使用@注解之后发现子组件没法获取ref实例。参见下面的代码父组件的代码在函数内获取实例获取实例的函数遵循面向百度编程的原则，百度了一大波：尝试了百度的方法控制台的打印情况：打印的结果对象为空，百思不得其解的情况，做了如下的改进：父组件上自定义属性子组件做如下处理：将子组件的实例传回父组件在控制台的打印父组件：父组件的打印控制台获取到的实例思路：...

最近在重构项目，其中有一棵树的接口，改为了两个接口返回json的数据拼接，不想改原来的组件，就在函数里面处理了下。遇到了这个问题：先上代码：新出现了一个比较预料之外的现象：返回的数组里面是两个promise对象，没有预料中的同步返回数组。分析了一波promise以及for循环：代码改了一下：得到了如下的结果：.map()里的处理方法是同步的，若想做异步操作，可以这样写。// 使用async await 处理异步操作 let results = await

前端项目中，图片的加载也是一个比较重要的点。优化的方向，大都在加载方式和加载过程上。加载方式也都是在懒加载的方式，但在加载过程中，似乎方式是更多样化的。包含：加载图片分为本地图片和远程图片。加载前的默认占位图片，加载过程中的动画或是异步同步处理，以及加载出错的处理等。 好吧，废话不多说了。理论再多，其实正文就是在使用别人造好的轮子。el-image这个标签，在ele...

常见的开发中，由开发环境http——到提测环境——再到生产环境https的切换下。稍不注意，一些BUG就出现了。先顺便提一下：最近的项目中，就有网页获取PC端媒体设备，进行拍照。采用webRTC的接口，调取摄像头拍照：// 调取摄像头 shootPhoto() { this.canvas = document.getElementById("canvas");...

今天在写一写自己的小东西的时候，vue-cli+element-ui 项目跑起来的时候，icon 图片显示不出来，莫名其妙的报警告：Failed to decode downloaded font: OTS parsing error: invalid version tag先上图片一：...