qq_36998298的博客

首先上结果图:设计给的样例图里每个折线结尾有一个空心环, echarts原生是没有这个设置的参数的,需要用series.label.rich 使用富文本加入一个空内容,空内容画一个边框,边框画圆,再用padding微调所有的位置,从而实现环与线连接.需要注意ECharts V5和V4相同代码会导致结果不同, padding正负号两个版本处理不一致,

第二阶段,处理全局引入的文件,有2个引用需要处理。

多页面应用,每个文件夹都视为一个文件,所以每个文件夹里都用index.js作为入口文件, 这里的问题同二, 部分代码可以通过修改源文件满足ESModule规则,大部分代码是使用的全局变量,所以同样用webpack-concat-files-plugin直接拼接, CSS可以直接引用,因为会被mini-css-extract-plugin提取到文件夹下. 旧HTML中对公共js等是。使用copy-webpack-plugin插件,这个插件可以直接移动文件到指定位置, 由from和to控制。

1.1 去除gulp代码实现的打包流程, 使用webpack插件实现。去除gulp,使用webpack实现打包,按照gulp流程执行操作。1.2 静态资源由webpack解析后引入。1.3 代码压缩等使用webpack实现。引入webpack打包逻辑和优化过程。webpack实现全流程管理。

用grid实现瀑布流

设置CSS属性columns后可以自动生成瀑布图,并且是上下联系的,根据每列宽度自适应图片高度, 缺点是会竖着按顺序排列,如果后面还有加入的图,会重新计算排列,所以不适合使用。

这是自定义快捷键: 用a键触发元素选择,ws控制上下,eq控制视频前进后退10s播放,ctrl+e三倍速播放,ctrl+q 恢复速度。首先在 网站例外规则里 设置 :https://www.bilibili.com/ 按键列表f。用vimiumC就可以实现左手控制b站上下滚动和视频播放,右手干别的。f是控制全屏的,直接禁用这样按下f就可以全屏了。

因为项目历史原因,代码比较复杂,各个地方可能都会直接修改data的数据,这时候可能就不知道触发的是哪条代码导致对象进行了修改,所以上网寻找一些调试方法,最原始的方法就是读代码直接看,而用vue的watch才是更简单的方法.基本代码如下:

传入一系列任务,依次执行,全部执行完得到结果,两个任务之间可以中断

可以看到浏览器也报错了, 我用#promise2存储生成的新promise,在微队列执行的时候与callback进行比较,相同就弹出了,这个方法可能不够优雅。原因: Promise的状态改变是异步的, 而catch方法是同步的, 所以catch方法无法捕获异步错误. 官方实现也捕获不到,状态一直pending.视频分了5段,拼起来写的,后续发现一个问题,没有办法检测chain cycle, Promise A+规范里说。环境提供了宏队列微队列的能力, 不是环境都有事件循环能力, 不是语言能力.

一个非常古老的前端项目,使用gulp3.9 打包项目,考虑他人同时开发,不能新引入其他包, 在项目目前有babel 却没有gulp-babel包的情况下,让gulp脚本支持ES6语法.gulp脚本uglify压缩时不支持ES6语法,会直接报错,最简单的办法是gulp-babel插件,可是立项的时候没有安装,内网也禁止更新包,所以用babel直接编译.用through2 捕获js代码流,将其toString后使用Babel编译, 结果文本重新用Buffer转换后继续下一步.

只有allSettled会把所有结果汇总起来,其他三个只关心一个。

直接使用他们提供的应用模板也是有很多坑的,使用的操作系统基本都是centos, 导致有些glibc库什么的非常落后,要是升级更是蛋疼的一件事.国内使用云服务器不用加速真的是寸步难行,还要云服务商自己有一些加速服务,还能用,不然真不知道怎么安装乱七八糟的配置了。github加速需要使用fastgit, 文档在 https://doc.fastgit.org/虽然他们的源是更新的,但是文档有时候是过期的,这个需要注意,每个版本都有一个自己的名字。我用的腾讯云的服务器,就找了腾讯 阿里和清华的源。

【代码】记录自己初学reactnative以及折腾android studio的过程。

vue2 用ref实现数据向下传递

vue2 组件信息传递

vue2调用组件时的名称规律

dolphinscheduler编译集群安装的预处理

使用neo4j官方提供的apoc插件批量修改节点名

neo4j 导入文件可能OOM,用python切分后可以避免