qq_46312886的博客

原创 document.querySelector用法

是一个DOM方法，它接受一个CSS选择符参数，返回文档中第一个匹配该选择符的元素。如果没有匹配的元素，则返回null。只会返回一个匹配的元素，如果需要返回所有匹配的元素，可以使用。也支持传递多个选择器并返回匹配的第一个元素。除了返回第一个匹配的元素，

原创 float,flex和grid布局

页面布局往往会影响着整体的结构与项目的样式，通常我们用的布局方式有三种：float,flex,grid1.float或position布局1.1概念首先对于一个页面来说，有浮动流，文档流，文本流这几种模式，而float布局则是脱离文档流而不脱离文本流，就是页面的元素会无视这个浮动的元素，正常布局的正常布局，只是浮动的元素会在正常的元素上方就像浮起来了。浮动会激活元素的BFC（块级格式化上下文），使元素脱离文档流，它是一个独立的渲染区域，有自己的渲染规则，与这个区域外部的规则毫无关系。

原创 DW 内置的基本行为

4．检查插件：有时候我们制作的页面需要某些插件的支持，比如使用Flash制作的网页，所以有必要对用户浏览器的插件进行检查，看看它是否安装了指定的插件。2．改变属性：这个行为允许你动态地改变对象属性，比如图像的大小、层的背景色等等。需要注意的是，这个行为的设置取决于浏览器的支持。1．调用JavaScript：这个行为允许你设置当某些事件被触发时，调用相应的JavaScript脚本，以实现相应的动作。3．检查浏览器：不同浏览器的支持能力有一定的差异，利用这个行为，我们可以检查浏览器的版本，以跳转到不同的页面。

原创 nodejs服务后台持续运行三种方法

二、pm2是一个进程管理工具,可以用它来管理你的node进程,并查看node进程的状态,当然也支持性能监控,进程守护,负载均衡等功能。pm2 start app.js -i max //启动 使用所有CPU核心的集群。三、nodejs 自带node.js自带服务nohub，不需要安装别的包。pm2 restart app.js // 重启。pm2 delete app.js // 关闭。pm2 start app.js // 启动。pm2 stop app.js // 停止。4、停止 js 文件。

原创 如何使VMware虚拟机的屏幕自适应窗口大小

之后输入密码，运行安装脚本，除了第一个选项输入yes，其余可以一直回车默认选项，一直到安装完成。首先安装VMware tool，在选项中选取安装。之后在虚拟机中会出现光盘映像，点击打开光盘，点击。再重启一次，缩放窗口，可以看到自动适应窗口大小。如果没有，选择选项[自动适应窗口]如果之前的安装还是不行，推荐安装。文件夹解压在任意一个目录下。文件夹，选择在终端打开。

原创 爬虫来介绍ChromeF12 谷歌开发者工具 -Network

而Network面板可以记录页面上的网络请求和所获得的响应的详情信息，包括请求头中的Cookie、User-Agent，状态码，以及响应的类型，且如果有的网页使用异步加载数据的方式时，我们可以通过发送Ajax来获取数据（我将介绍这两种获取方式）。比如我们在Event Listeners中的mousedown中，点击document，然后点击出现的remove，就可以移除鼠标控制了，就可以开个小窗，去听别的课了，这样并不会被发现，因为我们并没有通过向外发送任何数据。比如列出所有没有用到的CSS文件等。

原创 -bash: ./startup.sh: Permission denied解决

今天在Linux上启动Tomcat，结果弹出：-bash: ./startup.sh: Permission denied 的提示。这里的u 这里指文件所有者，+x 添加可执行权限，*.sh表示所有的sh文件。在Tomcat的bin目录下 ，输入命令行 ：chmod u+x *.sh。这是因为用户没有权限，而导致无法执行。修改一下bin目录下的.sh权限就可以了。

原创 Maven项目中Lifecycle和Plugins下的install的区别

提示你找不到service的包，因为service虽然写好了，Idea没有报错，但是在本地maven仓库是没有service的包的，web在启动的时候就无法启动。如果在Plugins里面安装会出现问题，因为Plugins安装，只会执行安装操作，而maven生命周期安装之前的操作都不会执行 ，就会安装失败。而在lifecycle里面安装，maven会连带install之前的操作一并执行，这样就能成功安装，你就能在本地仓库找到你的包了。所以需要将service先安装到本地仓库。

原创 Maven打包可执行jar包方法大全

可以将所有的东西都打包到一个jar包中。所有的东西都打到一个jar包中，很方便。

原创 打开的idea项目maven不生效

输入maven， 点击add maven projects，选择本项目中的pom.xml配置文件，等待加载........方法一：Ctrl+shift+A（或者help---->find action），方法三：如果还是不可以，检查一下maven配置和jdk版本是否匹配。方法二：view->tools windows->maven。然后rebuild项目就可以运行了。

原创 实现读取网站cookie和设置cookie方法

看一下最后的效果，就是这样得到的百度网站的cookie。设置cookie：直接设置为一串cookie字符串。

原创 熟知Linux

准备环境（可以购买服务器、搭建虚拟机、使用在线云端环境）·熟知Linux的使用思想和细节，自主创新。·了解基本基本概念，能熟练使用常用命令。·理解Linux内核设计，能将其运用。ifconfig：查看网络设备信息。df -lh：查看硬盘空间。pwd：查看所在目录位置。cat：查看项目介绍文件。uname：查看系统版本。which：查看安装位置。shh：连接远程服务器。jobs：查看后台程序。ps：查看Java进程。mkdir：新建目录。git：拉取项目代码。wget：下载安装包。

原创 设置鼠标右键打开方式，添加IDEA的打开方式

第二行“Icon”的数据是安装idea64.exe的路径,可以右键桌面的IDEA查询属性，在“目标”处查到该安装路径，如下图，将该路径粘贴到Icon的数值数据处。6、添加 command 项,并添加值，数据为"第5步的idea64.exe的路径""%1"已下载IDEA，但是右键打开之前保存的项目文件，无法显示以IDEA方式打开。4、选中上一步新建的项IDEA，右键-新建-字符串值（S)，并改名为Icon。3、 右键shell，新建-项(K)，将新建的项文件名改为IDEA。win+R键输入regedit。

原创 centos7安装JDK

linux 使用yum命令后，将 OpenSDK 安装到/usr/lib/jvm/ 目录,使用如下命令查看。输入以下命令，来确认这三个变量是否设成了我们想要的。保存关闭后，执行以下命令，让设置立即生效。通过以下命令查找能够安装的jdk版本。通过以下命令查看是否已经安装jdk。yum -y remove #名称。通过以下命令查看jdk是否安装完成。如果安装了则通过以下命令删除。通过以下命令安装jdk1.8。至此，JDK安装完成了。

原创 Git小乌龟的安装及使用

1.先下载git，按照相应的系统，https://git-scm.com/downloads，然后，一直next即可完成安装2.安装git小乌龟，https://tortoisegit.org/download/，同样的，一直next即可完成安装，但是，需要注意的是必须先安装git，在安装git小乌龟3.安装语言包，同样是https://tortoisegit.org/download/，然后一直next即可，要先装完小乌龟在安装语言包。 4.右键→tortogit→setting，把language项改为

原创 文件编辑（vi/vim）

切换方法：在「命令行模式（command mode）」下按一下字母「i」就可以进入「插入模式（Insert mode）」，这时候你就可以开始输入文字了。在使用「last line mode」之前，请记住先按「ESC」键确定您已经处于「command mode」下后，再按「：」冒号即可进入「last line mode」。「/关键字」：先按「/」键，再输入您想寻找的字符，如果第一次找的关键字不是您想要的，可以一直按「n」会往后寻找到您要的关键字为止。「p」：将缓冲区内的字符贴到光标所在位置。

原创 云主机本机（localhost）连接数据库，如果需要远程连接数据库，需要如下操作（缺一不可）：

退出数据库控制台，特别注意有分号。

原创 阿里云安全组设置

云主机安全组必须打开如下端口：

原创 Mysql自动同步的详细设置步骤

以下步骤是真实的测试过程，将其记录下来，与大家共同学习。

原创 阿里云 数据库mysql卸载安装

2.用户授权所以数据库。#设置密码强度为最低。

原创 1045 - Access denied for user ‘root @223.89.146.129 (using password: YES)

如果想在主机windows上访问mysql，需要关闭防火墙或者开放3306端口，建议开放3306端口：输入命令：firewall-cmd --zone=public --add-port=3306/tcp --permanent。8、mysql默认是不允许远程登录的，我们想在windows上用可视化的工具连接mysql，就需要设置远程登录。7、登录mysql，输入命令：mysql -u root -p ，回车之后输入密码。如果想要退出mysql环境，就输入命令：exit。

原创 解决：阿里云服务器安装宝塔后添加安全组仍无法访问

这个时候将访问地址上的端口改成8899即可访问。很简单，登陆宝塔官网跟着教程直接安装即可。输入8然后回车，修改面板端口为8899。最后在安全组里放开8899端口。

原创 将一维数组转化为二维数组

在做banner轮播的时候，一个页面需要放很多选项，每个选项对应一个icon和一个title,可是这些选项数据(后台传过来)是放在一个一维数组里面的，我们再在用vue-awesome-swiper 做轮播的时候，需要分很多页，一页里放很多项，例如下图所，我们这里只显示一页。那我们怎么实现一维数组的数据分为很多页，每页数据再循环实现轮播呢？我们可以把后台传过来的数据转换为二维数组，二次循环实现,见代码。

原创 Vue-cli中报错Module not found: Error: Can‘t resolve ‘vue-router‘

使用npm install --save vue-router@3 安装3.6.5版本的，结果可以运行。看了一下我的代码没有问题，然后打开bilibili视频评论看来其他大佬的解决方法。

原创 Vue知识 - 关闭项目 ESlint 校验

)插入内容。

原创 为了调试方便，就是用一条命令跑两个服务，concurrently可以实现：

当npm run dev 出现concurrently不是内部或外部命令时。（先卸载，再重新安装）

原创 sql语句学习记录 增删改查

查询添加修改删除。

原创 node.js14.18.0前端报错问题 稳定版本

查看node-sass和sass-loader版本是否对应。以下是部分版本号对应，具体可百度。

原创 Vue的V-model和prop标签

prop标签：el-from-item 的 prop 属性必须与 el-input 中需要校验的表单属性一致。那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性，否则会导致校验失败。v-model：表示指定表单使用的数据的，如果使用rules来进行表单验证的，placeholder：输入框内显示的提示信息。

原创 Vue中show-overflow-tooltip的作用

当表格写定了宽度而内容又很多导致换行不美观时用，使用。

原创 前端问题记录

比如编辑页面和查看页面，内容都是一样的，这时候可以设置一个状态来区分，通过这个状态变量来给编辑处加上class，这个class通过css来控制前端的权限，而不用写两个页面；66:13 v-show="item.status==1" >上架下架

原创 Found bindings for the following environments: - Windows 64-bit with Node.js 13.x报错解决方法

因为升级了node版本，导致node-sass不能匹配了，需要升级node-sass。注意当项目报错的时候记得看一下官方文档 匹配项目完成后就可以跑项目了。

原创 VScode使用滚轮调整字体大小

在使用其他 IDE的时候，可以使用滚轮调整字体大小，习惯之后，在VScode中总是在设置中调整字体大小，感觉很不方便。后面发现可以通过设置通过鼠标滚轮滑动来调整字体大小。找到 字体，点击 “在setting.json中编辑”，进入编辑页面；然后神奇的发现， ctrl+鼠标滚轮， 就可以改变字体的大小了！2，点击首选项对应的菜单栏中的 ”设置“，进入下图的页面；window系统点击左下角设置图标。在json文件中新增。

原创 nrm安装后报错

原因：应该使用 open 的 CommonJs规范的包 ，现在 open v9.0.0 是 ES Module 版本的包。解决方法：npm install -g nrm。从github的issues复制来的，用于记录。

原创 element组件使用

原创 vue 组件传值

3、注意：使用类组件时，如果写了构造函数，应该将props传递给super()，否则，无法在构造函数中获取到props！父子双向绑定 可以理解和v-model一样的原理 那个是简写。2、props是只读的对象，只能读取属性的值，无法修改对象。组件的props（ props是一个对象 ）1、可以给组件传递任意类型的数据。注意这个的作用props。作用：接收传递给组件的数据。

原创 vscode插件推荐使用

原创 vue路由封装请求理解

原创 css设置文本溢出显示省略号 开发便捷

多行文本不换行单行文本不换行。

原创 nvm 切换工具推荐node版本稳定版本开发企业项目

yarn nvm cnpm 三个 启动项目推荐yarn 安装npm。nvm网址 记得配置环境变量 企业使用方便快捷。