董叔叔

作者： admin

  • ffpmeg常用功能

    一，通用转换

    通常使用ffpmeg转换音视频文件直接用下面的命令

    ffpmeg -i input.mp4 output.mp4

    视频分辨率通常为以下几种

    4k 3840×2160

    1080p 1920×1080

    720p 1280×720

    480p 854×480

    360 640×360

    二，自定义视频格式

    根据视频的宽度来设置视频

    ffmpeg -i input.mp4 -vf scale=480:-1 output.mp4

    根据视频的高度来设置视频

    ffmpeg -i input.mp4 -vf scale=-1:720 output.mp4

    三，批量转换

    命令行循环转换文件，达到批量转换的效果

    for i in *.avi; do ffmpeg -i "$i" "${i%.*}.mp4"; done

  • Mysql数据库常用操作

    一，连接/取消连接数据库服务器操作

    连接数据库服务器操作

    mysql -u root -p

    取消连接数据库服务器

    quit
    连接和取消连接数据库服务器操作

    二，创建和使用数据库

    展示数据库列表

    SHOW DATABASES;

    创建一个名叫test的数据库

    CREATE DATABASE test;

    以下是 MySQL 命令行的一些基本操作：

    1. 连接到 MySQL 数据库：在命令行中输入 mysql -u <username> -p 命令，然后输入密码。
    2. 显示所有可用的数据库：在 MySQL 命令行中输入 show databases; 命令。
    3. 选择数据库：在 MySQL 命令行中输入 use <database_name>; 命令，其中 <database_name> 是要选择的数据库的名称。
    4. 显示数据库中的所有表：在 MySQL 命令行中输入 show tables; 命令。
    5. 显示表的结构：在 MySQL 命令行中输入 describe <table_name>; 命令，其中 <table_name> 是要查看的表的名称。
    6. 查询数据：在 MySQL 命令行中输入 select * from <table_name>; 命令，其中 <table_name> 是要查询的表的名称。
    7. 插入数据：在 MySQL 命令行中输入 insert into <table_name> (column1, column2, column3) values ('value1', 'value2', 'value3'); 命令，其中 <table_name> 是要插入数据的表的名称，column1, column2, column3 是要插入的列的名称，value1, value2, value3 是要插入的值。
    8. 更新数据：在 MySQL 命令行中输入 update <table_name> set column1='value1' where column2='value2'; 命令，其中 <table_name> 是要更新的表的名称，column1='value1' 是要更新的列和值，where column2='value2' 是要更新的行的条件。
    9. 删除数据：在 MySQL 命令行中输入 delete from <table_name> where column='value'; 命令，其中 <table_name> 是要删除数据的表的名称，where column='value' 是要删除的行的条件。
    10. 退出 MySQL 命令行：在 MySQL 命令行中输入 exit 命令或者使用快捷键 Ctrl + D。

  • nuxt v3 如何安装tailwindcss

    刚开始我上tailwind的官网想看看nuxt v3如何安装tailwindcss，安装了一半发现好像不对，tailwind官网的那个教程是nuxt2安装的方式。

    搜索之后发现，nuxt官方写了tailwind的插件，网址如下：

    nuxtjs的生态tailwind插件 https://tailwindcss.nuxtjs.org/

    安装3步搞定

  • 为什么strapi不显示data数据

    /api/article

    卡了我好几个小时，终于发现，save按钮只是保存，在save按钮的旁边有一个publish的按钮～

  • 如何删除docker的标签为none的image

    docker image prune -f
    Usage:  docker image prune [OPTIONS]

Remove unused images

Options:
  -a, --all             Remove all unused images, not just dangling ones
      --filter filter   Provide filter values (e.g. 'until=<timestamp>')
  -f, --force           Do not prompt for confirmation
    //谨慎使用删除所有未使用的镜像，不仅仅是悬停的
docker image prune -a 
    //不提示确认信息
docker image prune -f

  • Nuxtjs如何引入代码高亮prismjs

    一，安装prismjs

    npm install prismjs

    二，配置nuxt.config.js

    在nuxt.config.js文件中添加prism插件

    export default {
  plugins: [
    '~/plugins/prism'
  ],
}

    三，编写插件

    目录app/plugins/prism.js

    import Prism from 'prismjs'
import 'prismjs/themes/prism-tomorrow.css' // 选择你喜欢的主题
export default Prism

    四，引用插件

    在需要的页面，例如/pages/detail/_id.vue

    export default {
  ...
  mounted(){
    Prism.highlightAll()
  },
  ...
}

  • css伪类选择器.class:last-of-type为什么不起作用

    一:前言

    事情是这样的，公司论坛要改版的时候，发现一个问题.class:last-of-type不起作用，.class:last-child也不起作用，html就像下面这样：

    <div class="list">
 <div class="top">置顶帖子</div>
 <div class="top">置顶帖子</div>
 <div class="top">置顶帖子</div>
 <div>普通帖子</div>
 <div>普通帖子</div>
 <div>普通帖子</div>
</div>

    我是想在顶置的帖子的最后一个想加下边框，css如下

    .top:last-of-type{
  border-bottom:1px solid #000;
}

    结果这样是没效果的，网上一顿搜索终于找到了原因， 原因：伪类不支持class只支持html标签元素

    解决方法一

    改变html结构,使用html标签元素span:last-of-type

    <div class="list">
 <span>置顶帖子</span>
 <span>置顶帖子</span>
 <span>置顶帖子</span>
 <div>普通帖子</div>
 <div>普通帖子</div>
 <div>普通帖子</div>
</div>
    span{display:block;}
span:last-of-type{
  border-bottom:1px solid #000;
}

    解决办法二

    js解决办法，给最后一个.top元素添加额外的类，给这个类添加想要的样式

    $('.top').last().addClass('last');
    .last{
border-bottom: 1px solid #000;
}

  • 对象数组批量更新属性值，或增加新属性

    // ✅ Updating properties in multiple objects
const arr1 = [
  {id: 1, name: 'Alice'},
  {id: 1, name: 'Bob'},
  {id: 3, name: 'Charlie'},
];
const newArr = arr1.map(obj => {
  if (obj.id === 1) {
    return {...obj, name: 'Alfred'};
  }

  return obj;
});

// 👇️ [
//  {id: 1, name: 'Alfred'}, {id: 1, name: 'Alfred'}, {id: 3, name: 'Charlie}
// ]
console.log(newArr);

  • docker的phpmyadmin容器如何连接本地mysql数据库

    一，首先确定本地的mysql数据库可以正常使用

    mysql -uroot -p

    然后输入数据库密码能正常使用mysql

    二，docker命令如下

    docker run --rm --name myadmin -it -e PMA_HOST=host.docker.internal -e PMA_PORT=3306 -p 8282:80 phpmyadmin/phpmyadmin

    ‘–rm’ 表示如果一次性项目

    ‘–name myadmin’ 给容器以一个名字叫myadmin

    ‘-it’ 表示进入终端交互模式

    ‘-e PMA_HOST=host.docker.internal’ 传入环境参数地址

    ‘-e PMA_PORT=3306’ 传入环境参数端口

    ‘-p 8282:80’ 容器的80端口映射到本地的8282端口

    三，本地浏览器输入localhost:8282打开项目,使用mysql的账号和密码就能登陆。

    http://localhost:8282

  • 从docker容器复制nginx的配置文件

    一，创建文件夹，并进入文件夹

    mkdir my-nginx && cd my-nginx

    二，docker使用nginx镜像创建一个名叫tmp-nginx-container的nginx的容器

    docker run --name tmp-nginx-container -d nginx

    三，从容器里面复制nginx配置文件到本地

    docker cp tmp-nginx-container:/etc/nginx/nginx.conf ./nginx.conf

    四，这个时候ls就能查看到本地的nginx.conf 文件

    $ ls
$ nginx.conf