本机Linux中使用redis出现的问题

1、无论是在命令行修改配置文件，还是直接打开配置文件修改，重启之后配置文被重置，尽管打开配置文件发现是自己已经修改过的内容，但是在命令行使用config get查询之后与自己修改过的内容不一样。

真的很奇怪！！！

2、所以，每次启动redis都需要重新在命令行用config set修改配置文件，以满足自己的需求。

我在安装过程中遇到的问题

1、执行指令：sudo apt-get install mysql-server mysql-client后报错：没有发现软件mysql-server 没有发现软件mysql-client。

2、上网查询后，说要更换deepin的下载源，所以我先后试了阿里和中科大的镜像源，但还是报一样的错误。

解决方法

确实是要更换镜像源，不过要换成清华的源。

具体方法如下：

1、执行命令：vi /etc/apt/sources.list编辑sources.list文件。

2、将原文件中的所有内容注释掉，然后添加deb [by-hash=force] https://mirrors.tuna.tsinghua.edu.cn/deepin panda main contrib non-free，保存退出。

3、执行sudo apt-get update，更新下载源。

4、执行sudo apt-get install mysql-server mysql-client，安装成功。

其实很简单，只需要三步

第一步：从windows下的mysql导出

打开cmd，执行以下指令：

1

mysqldump -u root -p 数据库名>文件名

例如：

1

mysqldump -u root -p dailyfresh>D:database.txt

第二步：将生成的database.txt文件复制到linux中，比如桌面

第三步：在linux下的mysql导入

打开终端，执行以下指令：

1

mysql -u root -p 数据库名<文件名

例如：

1

mysql -u root -p dailyfresh</data/home/silence/desktop/database.txt

注意：此时可能会报错：Unknown collation: 'utf8mb4_0900_ai_ci'

解决方法：

• 打开导出的database.text文件
• 将文件中所有的utf8mb4_0900_ai_ci替换为utf8_general_c，utf8mb4替换为utf8

进入mysql查看是否迁移成功。

一、从背景图片中截取一段小图

在制作网页的时候如果要使用一幅图的某一部分的时候，可以用css里有一个非常有用的功能：background-position。

如下图：

当我们要使用其中的某一个小图片来作为超链接的按钮的时候，就可以使用background-position来实现。

工作原理

背景图片默认放置在div的左上角，通过background-position可以改变图片的位置。

background-position有两个参数，第一个参数是将图片从div的左上角向左移动多少尺寸，第二个参数是将图片向上移动多少尺寸。

例如选取上图中第二幅小图 ，小图的宽度为20px 高度为25px 则：

1
2
3
4
5
6
7

<style>
    div {
          width:20px;
          height:25px;
          background:url(image.png)no-reapte 0 25px;
         }
</style>

视频中提取音频

OpenCV中使用VideoCapture类写的视频是没有音频的，如果要进一步处理音频则需要用到一个库——MoviePy，这个库是Python视频编辑库，可裁剪、拼接、标题插入、视频合成、视频处理和自定义效果。

安装

1

pip install moviepy

代码

1
2
3
4
5
6
7

from moviepy.editor import *

path = ''  #视频所在路径

video = VideoFileClip(path) #创建视频对象
audio = video.audio #创建视频对应的音频对象
audio.write_audiofile('路径') #将得到的音频写出到路径，通常导出为mp3格式

pip 下载速度慢，导致报错：pip._vendor.urllib3.exceptions.ReadTimeoutError……

python开发中，我们经常用到pip工具，然而，有时候下载速度非常慢……

解决方法：

更改电脑默认镜像，之后便可用 pip install 命令快速下载

1、在我的电脑，搜索 %APPDATA%（代表系统变量），搜索之后的路径的应该为C:\Users\Administrator\AppData\Roaming；

2、在此路径下新建文件夹pip，进入文件夹，新建pip.ini文件，添加如下代码：

1
2
3
4
5
6
7

[global]

timeout = 6000

index-url = http://mirrors.aliyun.com/pypi/simple/

trusted-host = mirrors.aliyun.com

即可成功修改pip镜像路径。

3、现在就可以使用pip install进行高速下载。

修改第三方组件

这里我们要重写第三方组件，但是不能直接重写，否则没有效果，解决方法如下：

1、重写第三方组件之后去掉<style scoped>中的scoped，但是这样会造成组件之间的样式污染。

2、去掉<style scoped>中的scoped之后，将本页面中所有样式包裹在一个class里面，避免污染其他页面。

3、使用/deep/穿透（推荐使用）。

deep穿透

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。

有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)。

用法如下：

1
2
3
4
5
6
7
8
9

<style scoped>

    /deep/  第三方组件 {

          样式

      }

</style>

修改第三方组件

1. 打开vue页面，点击右键检查；
2. 选中想要修改的组件，查看其样式，并将所有有关该组件的样式都复制粘贴到<style>中；
3. 修改其中的属性值；
4. 使用/deep/穿透。

重定向

打开router/index.js文件，添加如下代码：

1
2
3
4
5

{
  // 重定向
  path: '/',
  redirect: '/index'
}

将根地址重定向到/index。

注意事项总结

Vue初始化函数created()和mounted()的区别

1、created 在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图

在这一步，实例已完成以下的配置：

• 数据观测 (data observer)，
• property 和方法的运算，
• watch/event 事件回调。
• 然而，挂载阶段还没开始，$el property 目前尚不可用

2、mounted在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

过滤函数filter()

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意：

1. filter() 不会对空数组进行检测。
2. filter() 不会改变原始数组。

语法：

1

array.filter(function(currentValue,index,arr), thisValue)

array数组的元素依次指向currentValue进行判断，符合条件即function返回true，则此元素被添加到新数组，否则不被添加。

返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

注意事项总结

1、链接点击

默认的<a>标签中的链接包含下划线，颜色为蓝色，vue中的<router-link>标签在编译时会被解析为<a>标签，所以想要改变它们的初始状态、鼠标聚焦时的状态、点击链接时的状态以及点击之后的状态，可以在样式中添加如下代码：

1
2
3
4
5
6

<style>
    a:link {text-docoration: none; color: black}
    a:visited {text-docoration: none; color: grey}
    a:hover {text-docoration: none; color: red}
    a:active {text-docoration: none; color: blue}
</style>

注意：

1. a:hover 必须在a:link和 a:visited后出现，才能正常显示效果！
2. a:active必须出现在a:hover定义后才能有效果！

2、Container容器

1. <el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。
2. <el-header>：顶栏容器。
3. <el-aside>：侧边栏容器。
4. <el-main>：主要区域容器。
5. <el-footer>：底栏容器。

container容器可以嵌套使用。

一、安装node环境

1、下载地址为：https://nodejs.org/en/（注意下载最新版本）

2、更新npm到最新版本。打开cmd输入：

1

npm install -g npm

3、检查是否安装成功：

二、搭建vue项目环境

安装webpack

1、webpack简介

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。