Skip to main content

3-21

1 无法安装 ethereumjs-abi 依赖？​

描述：在yarn包的时候，可能会依赖到ethereumjs-abi包，可能会报 SSL_ERROR_SYSCALL in connection to github.com:443 的错误

解决方案：手动安装一遍ethereumjs-abi

yarn add ethereumjs-abi

类似问题：

2 镜面效果​

image-20220321112554366

background-image: linear-gradient(135deg,rgb(255 255 255/var(--glass-opacity,30%)),transparent),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%)) 25%,transparent 0);

3 前端实现时间轴​

image-20220322104056937

[1] 51个css时间轴.https://www.jianshu.com/p/c9c719821198

4 Vue中适配iphoneX​

扩展：

  • react中适配iphoneX

第一步：添加meta属性

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

第二步：配置css

@supports (bottom: env(safe-area-inset-bottom)){
  .footer {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

扩展1：react中适配iphoneX​

@media only screen and (min-device-height: 812px) {
  height: calc(83px + env(safe-area-inset-bottom));
}

[1] vue移动端项目底部适配iphonex.https://blog.csdn.net/codezha/article/details/105066443

5 fullpage.js​

fullpage是一个全屏滑动库，为Vue、React也有对应库

项目地址：fullPage.js

注意：商业用途需要license

6 Electron-vue开发实战0——Electron-vue入门​

[1] Electron-vue开发实战0——Electron-vue入门.https://molunerfinn.com/electron-vue-1/#%E8%AF%B4%E6%98%8E