NextJS添加图片弹窗提示

首先安装 npm i reactjs-popup

代码如下:

import React from ‘react’;
import Popup from ‘reactjs-popup’;
import ‘reactjs-popup/dist/index.css’;

export default function PopupGfg(){
return(
<div>
<h4>NextJs Popup</h4>
<Popup trigger={<button> Click to open popup </button>}
position=”right center”>
<div>GeeksforGeeks</div>
<Link href=”#”>{<Image src=”/myalipay.jpg” width={300} height={400} alt=”banner”/>}</Link>
</Popup>
</div>
)
};

 

注: Position Enums: ‘top left’ ‘top right’ ‘bottom right’ ‘bottom left’ ‘right center’ ‘left center’ ‘top center’ ‘bottom center’ ‘center center’

创业领悟

二十多岁的时候,觉得企业家即有权又有钱,无限风光。励志要成为这样的人物。

三十岁的时候,觉得创业是一件即好玩又刺激的事情。

快四十岁了,一直想培养自己的爱好特长,突然发现创业本身就是我要找的爱好。

 

youtube-dl 下载语音和视频

首先查看youtube单个音像的视频和音频对应的编号:

 youtube-dl -F  https://www.youtube.com/watch?v=ZsVcKcBiYHM

[youtube] ZsVcKcBiYHM: Downloading webpage

[youtube] ZsVcKcBiYHM: Downloading MPD manifest

[youtube] ZsVcKcBiYHM: Downloading player b128dda0

[info] Available formats for ZsVcKcBiYHM:

format code  extension  resolution note

139          m4a        audio only DASH audio   56k , m4a_dash container, mp4a.40.5 (22050Hz), 42.06MiB

251          webm       audio only tiny  120k , webm_dash container, opus @120k (48000Hz), 104.14MiB

140          m4a        audio only tiny  129k , m4a_dash container, mp4a.40.2@129k (44100Hz), 111.63MiB

278          webm       256×144    DASH video   95k , webm_dash container, vp9, 30fps, video only

160          mp4        256×144    DASH video  108k , mp4_dash container, avc1.4d400b, 30fps, video only

242          webm       426×240    DASH video  220k , webm_dash container, vp9, 30fps, video only

133          mp4        426×240    DASH video  242k , mp4_dash container, avc1.4d400c, 30fps, video only

134          mp4        640×360    360p  104k , mp4_dash container, avc1.4d401e@ 104k, 30fps, video only, 89.95MiB

243          webm       640×360    DASH video  405k , webm_dash container, vp9, 30fps, video only

244          webm       854×480    DASH video  752k , webm_dash container, vp9, 30fps, video only

135          mp4        854×480    DASH video 1155k , mp4_dash container, avc1.4d400a, 30fps, video only

136          mp4        1280×720   720p  243k , mp4_dash container, avc1.64001f@ 243k, 30fps, video only, 209.51MiB

247          webm       1280×720   DASH video 1505k , webm_dash container, vp9, 30fps, video only

137          mp4        1920×1080  1080p  404k , mp4_dash container, avc1.640028@ 404k, 30fps, video only, 348.85MiB

248          webm       1920×1080  DASH video 2646k , webm_dash container, vp9, 30fps, video only

18           mp4        640×360    360p  198k , avc1.42001E, 30fps, mp4a.40.2 (44100Hz), 170.78MiB

22           mp4        1280×720   720p  371k , avc1.64001F, 30fps, mp4a.40.2 (44100Hz) (best)

选择对应的编号下载:

youtube-dl -f 135+140 https://www.youtube.com/watch?v=ZsVcKcBiYHM

我的中年危机

中年危机,这是每个奔三年纪人的梦魇。人生快过半,已感受到死亡步步逼近。后半生该如何度过,已然令人焦虑惶恐。这是一个承前启后的年龄,需要承担的责任越多,而精力却日益衰竭。如何化解这一危机,个人体会是在危机到来之前就做好准备应对,所谓的预防大于治疗,将危机消弭于无形之中。

Unity Hub 注意事项

1. 查看项目使用的unity editor版本

ProjectSettings/ProjectVersion.txt

2. Unity下载文件有c1后缀, 中国版; c1后缀, 全球版; 18及以前的中国版多点东西, 较新的没太大区别;还有个比较重要的是, UnityHub也分中国版和全球版, 中国版Hub能识别中国版和全球版Editor, 并且Hub中内容丰富一点, 包括社区内容之类的;全球版Hub则只能识别全球版Editor。

国际版下载: https://unity.com/releases/editor/archive#download-archive-2021

中国版下载: https://unity.cn/releases/full/2021

Android Studio 使用gradle编译app遇到的问题及解决方法

  1. Android Studio gradle:build model长久运行不结束

gradle.properties,文件中添加内容

org.gradle.daemon=true

build.gradle(:root),可以看到mavenCentral()拖慢,注释mavenCentral(),另外需要镜像

maven { url ‘http://maven.aliyun.com/nexus/content/groups/public/’ }

 

  1. Android Studio: Android Manifest doesn’t exists or has incorrect root tag

点击File / Sync project with Gradle files

 

  1. AndroidManifest.xml – specified for property ‘manifest’ does not exist

Remove this chunk of code from your build.gradle:root) in the root directory

apply plugin: ‘com.android.application’

and

android
{

compileSdkVersion 21

buildToolsVersion “20.0.0”

defaultConfig
{

applicationId “xxx.xxx.xxx”

minSdkVersion 15

targetSdkVersion 19

versionCode 1

versionName “0.5”

}

}

 

  1. How to add clean task – Task ‘clean’ not found

add below in the build.gradle(:root)

apply plugin:’base’

  1. Entry name ‘AndroidManifest.xml’ collided (Build failed after updating the android gradle plugin to 3.6.0)

add below in the build.gradle(:app)

android
{
packagingOptions
{
exclude
‘AndroidManifest.xml’

}

}