- 博客(50)
- 收藏
- 关注
原创 document.querySelector用法
是一个DOM方法,它接受一个CSS选择符参数,返回文档中第一个匹配该选择符的元素。如果没有匹配的元素,则返回null。只会返回一个匹配的元素,如果需要返回所有匹配的元素,可以使用。也支持传递多个选择器并返回匹配的第一个元素。除了返回第一个匹配的元素,
2024-04-08 22:02:54
994
原创 float,flex和grid布局
页面布局往往会影响着整体的结构与项目的样式,通常我们用的布局方式有三种:float,flex,grid1.float或position布局1.1概念首先对于一个页面来说,有浮动流,文档流,文本流这几种模式,而float布局则是脱离文档流而不脱离文本流,就是页面的元素会无视这个浮动的元素,正常布局的正常布局,只是浮动的元素会在正常的元素上方就像浮起来了。浮动会激活元素的BFC(块级格式化上下文),使元素脱离文档流,它是一个独立的渲染区域,有自己的渲染规则,与这个区域外部的规则毫无关系。
2023-12-11 10:08:41
181
原创 DW 内置的基本行为
4.检查插件:有时候我们制作的页面需要某些插件的支持,比如使用Flash制作的网页,所以有必要对用户浏览器的插件进行检查,看看它是否安装了指定的插件。2.改变属性:这个行为允许你动态地改变对象属性,比如图像的大小、层的背景色等等。需要注意的是,这个行为的设置取决于浏览器的支持。1.调用JavaScript:这个行为允许你设置当某些事件被触发时,调用相应的JavaScript脚本,以实现相应的动作。3.检查浏览器:不同浏览器的支持能力有一定的差异,利用这个行为,我们可以检查浏览器的版本,以跳转到不同的页面。
2023-12-11 08:40:21
405
原创 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 文件。
2023-08-17 12:02:53
1537
原创 如何使VMware虚拟机的屏幕自适应窗口大小
之后输入密码,运行安装脚本,除了第一个选项输入yes,其余可以一直回车默认选项,一直到安装完成。首先安装VMware tool,在选项中选取安装。之后在虚拟机中会出现光盘映像,点击打开光盘,点击。再重启一次,缩放窗口,可以看到自动适应窗口大小。如果没有,选择选项[自动适应窗口]如果之前的安装还是不行,推荐安装。文件夹解压在任意一个目录下。文件夹,选择在终端打开。
2023-08-15 09:09:41
1856
原创 爬虫来介绍ChromeF12 谷歌开发者工具 -Network
而Network面板可以记录页面上的网络请求和所获得的响应的详情信息,包括请求头中的Cookie、User-Agent,状态码,以及响应的类型,且如果有的网页使用异步加载数据的方式时,我们可以通过发送Ajax来获取数据(我将介绍这两种获取方式)。比如我们在Event Listeners中的mousedown中,点击document,然后点击出现的remove,就可以移除鼠标控制了,就可以开个小窗,去听别的课了,这样并不会被发现,因为我们并没有通过向外发送任何数据。比如列出所有没有用到的CSS文件等。
2023-08-08 22:14:37
1859
原创 -bash: ./startup.sh: Permission denied解决
今天在Linux上启动Tomcat,结果弹出:-bash: ./startup.sh: Permission denied 的提示。这里的u 这里指文件所有者,+x 添加可执行权限,*.sh表示所有的sh文件。在Tomcat的bin目录下 ,输入命令行 :chmod u+x *.sh。这是因为用户没有权限,而导致无法执行。修改一下bin目录下的.sh权限就可以了。
2023-08-06 16:23:43
3952
原创 Maven项目中Lifecycle和Plugins下的install的区别
提示你找不到service的包,因为service虽然写好了,Idea没有报错,但是在本地maven仓库是没有service的包的,web在启动的时候就无法启动。如果在Plugins里面安装会出现问题,因为Plugins安装,只会执行安装操作,而maven生命周期安装之前的操作都不会执行 ,就会安装失败。而在lifecycle里面安装,maven会连带install之前的操作一并执行,这样就能成功安装,你就能在本地仓库找到你的包了。所以需要将service先安装到本地仓库。
2023-08-05 12:28:11
379
原创 打开的idea项目maven不生效
输入maven, 点击add maven projects,选择本项目中的pom.xml配置文件,等待加载........方法一:Ctrl+shift+A(或者help---->find action),方法三:如果还是不可以,检查一下maven配置和jdk版本是否匹配。方法二:view->tools windows->maven。然后rebuild项目就可以运行了。
2023-08-04 15:06:47
2695
原创 实现读取网站cookie和设置cookie方法
看一下最后的效果,就是这样得到的百度网站的cookie。设置cookie:直接设置为一串cookie字符串。
2023-08-04 09:42:25
180
原创 熟知Linux
准备环境(可以购买服务器、搭建虚拟机、使用在线云端环境)·熟知Linux的使用思想和细节,自主创新。·了解基本基本概念,能熟练使用常用命令。·理解Linux内核设计,能将其运用。ifconfig:查看网络设备信息。df -lh:查看硬盘空间。pwd:查看所在目录位置。cat:查看项目介绍文件。uname:查看系统版本。which:查看安装位置。shh:连接远程服务器。jobs:查看后台程序。ps:查看Java进程。mkdir:新建目录。git:拉取项目代码。wget:下载安装包。
2023-08-03 17:09:20
55
原创 设置鼠标右键打开方式,添加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。
2023-08-03 17:07:06
1870
原创 centos7安装JDK
linux 使用yum命令后,将 OpenSDK 安装到/usr/lib/jvm/ 目录,使用如下命令查看。输入以下命令,来确认这三个变量是否设成了我们想要的。保存关闭后,执行以下命令,让设置立即生效。通过以下命令查找能够安装的jdk版本。通过以下命令查看是否已经安装jdk。yum -y remove #名称。通过以下命令查看jdk是否安装完成。如果安装了则通过以下命令删除。通过以下命令安装jdk1.8。至此,JDK安装完成了。
2023-08-03 10:11:03
123
原创 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项改为
2023-08-02 19:30:49
514
原创 文件编辑(vi/vim)
切换方法:在「命令行模式(command mode)」下按一下字母「i」就可以进入「插入模式(Insert mode)」,这时候你就可以开始输入文字了。在使用「last line mode」之前,请记住先按「ESC」键确定您已经处于「command mode」下后,再按「:」冒号即可进入「last line mode」。「/关键字」:先按「/」键,再输入您想寻找的字符,如果第一次找的关键字不是您想要的,可以一直按「n」会往后寻找到您要的关键字为止。「p」:将缓冲区内的字符贴到光标所在位置。
2023-08-02 18:35:51
1458
原创 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。
2023-07-31 14:43:45
261
原创 解决:阿里云服务器安装宝塔后添加安全组仍无法访问
这个时候将访问地址上的端口改成8899即可访问。很简单,登陆宝塔官网跟着教程直接安装即可。输入8然后回车,修改面板端口为8899。最后在安全组里放开8899端口。
2023-07-30 12:38:11
246
原创 将一维数组转化为二维数组
在做banner轮播的时候,一个页面需要放很多选项,每个选项对应一个icon和一个title,可是这些选项数据(后台传过来)是放在一个一维数组里面的,我们再在用vue-awesome-swiper 做轮播的时候,需要分很多页,一页里放很多项,例如下图所,我们这里只显示一页。那我们怎么实现一维数组的数据分为很多页,每页数据再循环实现轮播呢?我们可以把后台传过来的数据转换为二维数组,二次循环实现,见代码。
2023-07-02 17:46:26
259
原创 Vue-cli中报错Module not found: Error: Can‘t resolve ‘vue-router‘
使用npm install --save vue-router@3 安装3.6.5版本的,结果可以运行。看了一下我的代码没有问题,然后打开bilibili视频评论看来其他大佬的解决方法。
2023-06-18 18:20:53
246
原创 为了调试方便,就是用一条命令跑两个服务,concurrently可以实现:
当npm run dev 出现concurrently不是内部或外部命令时。(先卸载,再重新安装)
2023-05-31 09:44:42
182
原创 node.js14.18.0前端报错问题 稳定版本
查看node-sass和sass-loader版本是否对应。以下是部分版本号对应,具体可百度。
2023-05-24 10:29:57
539
原创 Vue的V-model和prop标签
prop标签:el-from-item 的 prop 属性必须与 el-input 中需要校验的表单属性一致。那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性,否则会导致校验失败。v-model:表示指定表单使用的数据的,如果使用rules来进行表单验证的,placeholder:输入框内显示的提示信息。
2023-05-17 16:22:21
969
原创 前端问题记录
比如编辑页面和查看页面,内容都是一样的,这时候可以设置一个状态来区分,通过这个状态变量来给编辑处加上class,这个class通过css来控制前端的权限,而不用写两个页面;66:13 v-show="item.status==1" >上架下架
2023-04-18 21:44:45
32
原创 Found bindings for the following environments: - Windows 64-bit with Node.js 13.x报错解决方法
因为升级了node版本,导致node-sass不能匹配了,需要升级node-sass。注意当项目报错的时候记得看一下官方文档 匹配项目完成后就可以跑项目了。
2023-04-12 08:54:22
459
原创 VScode使用滚轮调整字体大小
在使用其他 IDE的时候,可以使用滚轮调整字体大小,习惯之后,在VScode中总是在设置中调整字体大小,感觉很不方便。后面发现可以通过设置通过鼠标滚轮滑动来调整字体大小。找到 字体,点击 “在setting.json中编辑”,进入编辑页面;然后神奇的发现, ctrl+鼠标滚轮, 就可以改变字体的大小了!2,点击首选项对应的菜单栏中的 ”设置“,进入下图的页面;window系统点击左下角设置图标。在json文件中新增。
2023-04-12 07:16:50
1171
原创 nrm安装后报错
原因:应该使用 open 的 CommonJs规范的包 ,现在 open v9.0.0 是 ES Module 版本的包。解决方法:npm install -g nrm。从github的issues复制来的,用于记录。
2023-04-11 17:40:54
206
原创 vue 组件传值
3、注意:使用类组件时,如果写了构造函数,应该将props传递给super(),否则,无法在构造函数中获取到props!父子双向绑定 可以理解和v-model一样的原理 那个是简写。2、props是只读的对象,只能读取属性的值,无法修改对象。组件的props( props是一个对象 )1、可以给组件传递任意类型的数据。注意这个的作用props。作用:接收传递给组件的数据。
2023-04-10 08:19:37
41
原创 nvm 切换工具推荐node版本稳定版本开发企业项目
yarn nvm cnpm 三个 启动项目推荐yarn 安装npm。nvm网址 记得配置环境变量 企业使用方便快捷。
2023-04-09 21:25:09
80
空空如也
uniapp视频和图片轮播怎么整app不兼容 层级解决怎么覆盖的
2022-09-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人