自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(79)
  • 收藏
  • 关注

原创 部署ZFile在线网盘

1.安装依赖 在部署ZFile应用之前,需要安装环境依赖。2.创建安装部署目录 创建安装目录,用于部署ZFile。3.安装数据存储默认 设置ZFile的本地数据存储源目录4.声明安装路径 声明ZFile默认安装的目录5.下载ZFile软件包 直接下载zfile 最新版​​6.解压ZFile压缩包 使用unzip直接解压zfile的war软件包7.授权启动停止脚本 授权启动停止脚本六、启动ZFile项目 1.启动ZFile 使用start.sh启动ZFile应用。

2023-09-14 21:32:55 546

原创 Zabbix监控平台环境部署

uzabbix 表示使用用户名 “zabbix” 进行连接,-p'XuLei@123' 表示使用密码 “XuLei@123” 进行连接,zabbix 是数据库的名称。yum install zabbix-web-mysql-scl zabbix-apache-conf-scl #安装zabbix前台页面所需要的依赖包。yum -y install zabbix-server-mysql zabbix-agent #安装zabbix数据库和代理程序。

2023-09-12 20:07:21 335

原创 Nginx__高级进阶篇之LNMP动态网站环境部署

cp -rf /root/wordpress/* /usr/share/nginx/html #将wordpress目录下的所有文件和文件夹复制到默认网站发布目录/usr/share/nginx/html/下。chown -R nginx.nginx /usr/share/nginx/html/* #将 /usr/share/nginx/html 目录下的所有文件和文件夹的所有权更改为 nginx 用户和组。#导入fastcgi_params文件,该文件包含fastcgl相关的配置参数。

2023-09-07 20:23:25 477

原创 Nginx__高级进阶篇

正向代理需要你主动设置代理服务器ip或者域名进行访问,由设置的服务器ip或者域名去获取访问内容并返回;而反向代理不需要你做任何设置,直接访问服务器真实ip或者域名,但是服务器内部会自动根据访问内容进行跳转及内容返回,你不知道它最终访问的是哪些机器。正向代理:内网客户机通过代理访问互联网。反向代理:外网用户通过代理访问内网服务器。Nginx Proxy服务器。Nginx Web服务器。Nginx 邮 件。正向代理与反向代理的区别是什么?

2023-09-06 20:55:22 360

原创 Nginx__基础入门篇

Nginx (engine x) 是一个高性能的HTTP(解决C10k的问题)和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。

2023-09-06 20:10:42 238

原创 Ansible_自动化运维实战(一)

HP(Hewlett Packard)也有多款服务器可供选择,可以通过访问 HP 官方网站或联系 HP 客户服务获取具体信息。DELL 服务器的定价、型号和配置因型号而异,可以通过访问 DELL 官方网站或联系 DELL 客户服务获取具体信息。

2023-09-04 20:48:10 792

原创 数据库备份和Shell基础测试及AWK(运维)

涵盖了数据库和Shell脚本的不同方面,可以测试对基础知识、性能优化、安全管理、编程技巧等方面的理解和应用能力

2023-08-29 17:48:17 285

原创 Shell编程及自动化运维实现

7. 自动化信息采集及监控程序(收集系统/应用状态信息,CPU,Mem,Disk,Net,TCP Status,Apache,MySQL)8. 配合Zabbix信息采集(收集系统/应用状态信息,CPU,Mem,Disk,Net,TCP Status,Apache,MySQL)Shell本身是一个用C语言编写的程序,它是用户使用Unix/Linux的桥梁,用户的大部分工作都是通过Shell完成的。10. 俄罗斯方块,打印三角形,打印圣诞树,打印五角星,运行小火车,坦克大战,排序算法实现。

2023-08-21 21:22:10 455

原创 Linux(CentOS)运维脚本工具集合

Linux(CentOS)运维脚本工具集合

2023-08-20 22:20:01 1244 1

原创 常用的34个Linux Shell脚本,一定能帮到你

作为一名 Linux 工程师,会写好的脚本不仅能提高工作效率,还能有更多的时间做自己的事。

2023-08-19 23:45:16 2559

原创 linux虚拟机中各服务端口及配置文件路径

apache的配置文件:/etc/httpd/conf/httpd.conf。80/8080/3128/8081/9098端口:HTTP协议代理服务器。Mycat 的配置文件 /usr/local/mycat/conf/selinux 配置文件 /etc/selinux/config。nginx发布目录:/usr/share/nginx/html/ftp的配置文件:/etc/vsftpd/vsftpd.conf。yum源的配置文件:/etc/yum.repos.d/

2023-08-18 20:39:09 2440

原创 开源数据库Mysql_DBA运维实战 (总结)

MySQL的主从复制和Redis主从复制的区别 Yum 安装MySQL的配置文件 SQL语句都包含哪些类型 MySQL主从复制的步骤 MySQL主从复制的原理 MySQL的具体恢复流程 MySQL的优化操作

2023-08-18 20:01:54 1287 1

原创 Linux实用运维脚本分享

Linux实用运维脚本分享

2023-08-17 15:12:47 1470

原创 应届生运维简历攻略

一份出色的运维简历可以给你在竞争激烈的职场中脱颖而出的机会。通过突出实习经验、技术技能、解决问题的能力、团队合作与沟通能力、自我学习和自我驱动等方面,你可以向招聘者展示你的潜力和价值。同时,不要忘记在制作简历时注意整体的简洁和易读性。祝你成功地创建一份令人印象深刻的运维简历!

2023-08-16 01:14:28 2160 2

原创 开源数据库Mysql_DBA运维实战 (备份与还原)

Mysql数据库的备份与还原🍃Mysql数据库的备份与还原🍃备份对于数据库而言是至关重要的。当数据文件发生损坏、MySQL服务出现错误、系统内核崩溃、计算机硬件损坏或者数据被误删等事件时,使用一种有效的数据备份方案,就可以快速解决以上所有的问题。MySQL提供了多种备份方案,包括:逻辑备份、物理备份、全备份以及增量备份,你可以选择最适合自己使用的方式备份数据。物理备份通过直接复制包含有数据库内容的目录与文件实现,这种备份方式适用于对重要的大规模数据进行备份,并且要求实现快速还原的生产环境。

2023-08-15 21:13:36 681

原创 深入了解Linux运维的重要性与最佳实践

通过监控,可以及时发现和解决系统中的问题,提高系统的可用性和性能。然而,由于其复杂性和灵活性,如果缺乏专业的运维管理,Linux系统也有可能出现各种问题,如性能下降、安全隐患等。因此,合理的Linux运维能够提高系统的稳定性和安全性,保障企业的业务正常运行。限制用户的权限,可以有效避免潜在的安全风险和误操作。此外,定期对系统进行优化和清理工作,如优化内核参数、清理临时文件等,可以提高系统的性能和稳定性。本文将介绍Linux运维的重要性以及一些最佳实践,帮助读者更好地了解和掌握Linux系统的运维技巧。

2023-08-14 23:05:55 480

原创 开源数据库Mysql_DBA运维实战 (DCL/日志)

DCL语句 数据库控制语言 MySQL有不同类型的日志文件,用来存储不同类型的日志,分为 二进制日志 、 错误日志 、 通用查询日志和 慢查询日志 ,这也是常用的4种。

2023-08-14 21:06:30 757

原创 开源数据库Mysql_DBA运维实战 (修改root密码)

本文以windows为例为大家详细介绍下MySQL修改root密码的4种方法,大家可以可以根据的自己的情况自由选择,希望对大家有所帮助。例子:mysql> set password for root@localhost = password(‘123’);格式:mysql> set password for 用户名@localhost = password(‘新密码’);格式:mysqladmin -u用户名 -p旧密码 password 新密码。首先登录MySQL。首先登录MySQL。

2023-08-13 22:47:52 1407 1

原创 Linux常见面试题,应对面试分享

Linux常见的面试问题集锦_linux面试常见问题

2023-08-12 11:04:18 1990 6

原创 开源数据库Mysql_DBA运维实战 (DML/DQL语句)

DMLINSERT 实现数据的 插入语法:完整插入 INSERT INTO ___表名___ VALUES(值1,值2,值3...值n);部分插入 INSERT INTO ___表名___ (列名,列名) VALUES(值1,值2);DELETE 实现数据的 删除DELETE FROM ___表名____ WHERE CONDITION;UPDATE 实现数据的 更新。

2023-08-11 20:42:29 983 1

原创 开源数据库Mysql_DBA运维实战 (DDL语句)

SQL(Structured Query Language 即结构化查询语言)DDL语句 数据库定义语言:数据库、表、视图、索引、存储过程,例如CREATE DROP ALTER

2023-08-10 19:38:02 1038 3

原创 开源数据库Mysql_DBA运维实战 (名词解释)

虚拟库,主要存储了系统中的一些数据库对象的信息,例如用户表信息、列信息、权限信息、字符信息等。a.运行着数据库应用程序的设备 DELL R760+CENTOS+Mysql。数据库、表、视图、索引、存储过程,例如CREATE DROP ALTER。插入数据INSERT、删除数据DELETE、更新数据UPDATE。例如控制用户的访问权限GRANT、REVOKE。例如:张三,男,23,云计算工程师,月薪25K。授权库,主要存储系统用户的权限信息。主要存储数据库服务器的性能参数。查询数据SELECT。

2023-08-09 20:27:27 861

原创 开源数据库Mysql_DBA运维实战 (部署服务篇)

a.DDL语句 数据库定义语言: 数据库,表,视图,索引,存储过程,函数,创建删除ALTER(CREATE DROP ALTER)b.存储的数据,包含用户的账号,密码,级别,存款,余额,等级,购物记录,头像本地路径,视频文件路径。d.DCL语句 数据库控制语言: 例如控制用户的访问权限GRANT,REVOKE。a.不论是淘宝,吃鸡,爱奇艺,抖音,快手,知乎,百度贴吧等,众所周知的服务程序。3.数据库系统管理阶段------MySQl。c.只要是信息,就一定在数据库里。2.SQL语言(结构化查询语言)

2023-08-08 21:28:22 1194 1

原创 Linux一阶段复习

exec:参数是一个一个传递的,传递一个参数执行一次命令;:s/world/nice/ #替换当前光标所在行 :3s/sbin/nice/ #替换指定行 :1,5 s/nologin/soso/ #从1-5行的nologin 替换为soso :%s/bin/soso/ #替换所有行 :%s/sbin/nice/g #替换行内所有关键字。8.cp -r /opt/yum-iso/* /var/ftp/pub/ 把挂载到opt/yum-iso的镜像文件全部复制到 /var/ftp/pub/

2023-08-04 20:43:54 1763 2

原创 Linux常用基础命令❀

root@server-1 ~]# lvextend -L +19.5G /dev/mapper/centos-root (加+是在原有的基础上扩容 不加则是直接扩容到多少内存 )[root@qfedu ~]# rm -rf /home/dir10/* //不包括隐藏文件。mount /dev/__需要挂载的磁盘___ /mnt/__挂载的目录__/:1,3 w /tmp/2.txt #从1-3行的内容另存为/tmp/2.txt。

2023-07-28 19:47:00 654

原创 云计算一阶段笔记(3.用户管理)

第三列:用户标识号--->(uid)是一个整数,系统内部用它来标识用户。--------------------用户组----------------------------------用户--------------第七列:是用户登陆到界面的第一个命令,开启一个shell。usermod -aG __组名___ __用户名___gpasswd -d __用户名____ ___组名____gpasswd -M __用户__,__用户__ __组___#删除用户组(用户的主属组不能删除)

2023-07-25 20:10:58 97

原创 云计算一阶段笔记(2.文件管理)

1,5 s/nologin/soso/ 从1-5行的nologin 替换为soso。批量创建 touch /---/box{1..100}.txt。——————————文件编辑器————————————————:s/world/nice/ 替换当前光标所在行。>>:追加----保留之前的内容,在后面添加新的内容。:3s/sbin/nice/ 替换指定行。:%s/bin/soso/ 替换所有行。集合创建 touch /----/{—,—}

2023-07-25 20:06:52 101

原创 云计算一阶段笔记(1.Linux系统基本操作)

给服务器修改主机名 hostnamectl set-hostname _______(主机名)#设置别名 语法: alias _别名_='_命令__'#单独列出文件 ls /---/---(文件路径)#查看别名 type -a __别名_____#长格式显示(显示文件的详细信息) ls -l。#显示所有文件包括隐藏文件 ls -a。#取消别名 unalias __别名__c.大量的可用的软件和免费的软件。#创建文件 touch __文件名___

2023-07-22 15:36:14 93

原创 克隆yum源

在公司内网中,可能无法连接外部网络,这时需要我们将外部yum源中的包克隆到本地。#在yum源服务器上。

2023-07-04 21:02:05 368

原创 Linux更换网络源

root@linux-server yum.repos.d]# wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo #下载aliyun的yum源。f.cd进入/etc/yum.repos.d目录下查看即可。把其他源全部备份到创建的备份目录里面 留一个官方的源。a.cd进入/etc/yum.repos.d目录下。c.把系统的其他源全部备份到上边创建的目录里面。

2023-07-04 10:47:01 496

原创 局域网远程yum源制作

操作系统:Centos7.4资源: CentOS-7-x86_64-DVD-1810.iso镜像实验服务器两台:192.168.246.170 (作为vsftpd服务端)192.168.246.169 (客户端)首先测试两台主机可否ping通[root@192 ~]# ping 192.168.246.169 测试ping通[root@192 ~]# ping 192.168.246.169 关闭防火墙。

2023-07-03 20:44:33 370

原创 Linux基础命令-随时更新-v1

mkdir -p /home/dir8/111/222 #-p 创建连级目录,一级一级的创建。# chmod ug=rw,o=r file1.txt #属主属组等于读写,其他人只读。# chown -R alice.hr dir1 #递归修改---针对目录。# chown alice.hr file1.txt #修改属主、属组。# chmod a=- file1.txt #所有人都没有权限。# touch /home/file{1..20} #批量创建。

2023-06-27 21:31:16 102

原创 JavaScript考试题 (三)

6、call和apply的区别(仅仅只是格式上的区别): 1)、call函数从第二个参数朝后的参数是原函数的参数 2)、apply函数只有两个参数,第二个参数是个数组,数组里是原函数的参数。不同点:1、bind不会调用原函数,而会产生一个新的函数(bind的返回值是新函数),新函数里的this是bind时的对象。get: 速度快,传输的数据量小,安全性不好,get的数据在请求行发送的(请求行的地址发送到) ​ post:速度慢,传输的数据量大,安全性好,post的数据在请求体发送的。

2023-06-27 20:36:54 276

原创 JavaScript考试题(二)

1、找到(曾经的)异步操作的代码,放在Prmoise构造函数的参数(函数)里 2、参数(函数)的第一个参数resolve是成功时调用的函数,对应then方法(函数)的第一个参数 3、参数(函数)的第二个参数reject是失败时调用的函数,对应then方法(函数)的第二个参数。即:多个异步操作,同时执行,谁快就用谁的结果,所以,结果不再是数组。大部分浏览器使用这种垃圾回收,当变量进入执行环境(声明变量)的时候,垃圾回收器将该变量进行了标记,当该变量离开环境的时候,将其再度标记,随之进行删除。

2023-06-27 20:15:31 137

原创 JavaScript考试题(一)

如:给定数组:[1,3,7,15,20]和数组:[-5,0,2,8,9,12]。那么结果是:[-5,0,1,2,3,7,8,9,12,15,20]例如,将数组[1, 2, [3, [4, 5]], [6, 7]]扁平化处理后输出[1, 2, 3, 4, 5, 6, 7];// 第一次运算n1 = 57, n2 = 48, n3 = 9,第二次运算n1 = 48, n2 = 9, n3 = 3, 第三次运。//否则继续运行函数。// function gongYS(m, n) {//最大公约数函数。

2023-06-27 19:59:46 3959

原创 前端表白源码

【代码】前端表白源码。

2023-06-26 23:24:56 364 4

原创 SSH密码暴力破解及防御实战

hydra是世界顶级密码暴力密码破解工具,支持几乎所有协议的在线密码破解,功能强大,其密码能否被破解关键取决于破解字典是否足够强大,在网络安全渗透过程中是一款必备的测试工具。海德拉(Hydra):希腊神话中的九头蛇,是西方的神话生物,在古希腊神话中出现最为频繁。传说它拥有九颗头,其中一颗头要是被斩断,立刻又会生出两颗头来。

2023-06-26 23:17:23 382

原创 解决破解Centos 7 ROOT密码

9. # touch /.autorelabel #重新识别新的root密码。4.找到linux16那一行,把光标移动到最后,添加 init=/bin/sh。1,特权模式:不需要root密码,直接以root账户身份登陆。10. # exec /sbin/init #重启机器,6.进入系统后,以rw方式重新挂载/分区。1.重起系统,进入grub菜单。5.ctrl+x #保存退出。7.永久关闭selinux。破解密码时特权模式。2.选择要使用的内核。

2023-06-26 23:17:23 540

原创 用js实现轮播图(淡入淡出)

【代码】用js实现轮播图(淡入淡出)

2023-05-27 17:05:06 641

原创 js练习题

8.写一个函数,能判断传入的一个数值是否是质数,如果是质数返回true,如果不是质数返回false,(质数:从2开始只能被1和自身整除的数)3.接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功!9.写一个函数,能翻转传入的任意数组,并把翻转结果通过返回值返回。6.写一个函数,能返回传入的任意两个数字的最大值。7.写一个函数,能返回传入的任意三个数字的最大值。4.求1-100之间个位数不为3的数的累加和。2.使用for循环打印三角形。

2023-05-09 23:29:35 404

Jenkins + Gitee 实现代码自动化构建

Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkins + Gitee 实现代码自动化构建 Jenkin

2023-09-21

Linux常见面试题,应对面试分享

**平常怎么处理故障,思路是什么样的** **公网和私网分类以及范围,本机地址,网络地址,广播地址** **交换机的工作原理** **ICMP是什么干什么用的,它有哪些命令** **TCP和UDP协议的区别** **tcp有哪些控制位,分别是什么意思** **你是用过哪些Linux命令** **Linux 系统安全优化与内核优化** **经常使用shell脚本做什么** **软连接与硬链接的区别** **怎么查看文件** **IOS七层模型** **三次握手与四次挥手** **lvm 逻辑卷创建过程** **磁盘配额** **raid 磁盘阵列** **文本三剑客** **防火墙iptables与fireward** **Linux系统资源查询命令** **日志的八大等级** **Linux 引导过程** **shell 函数的创建方法** **免交互的使用** **你是用过哪些shell脚本** **Tcpdump抓包使用工具** **CPU过高怎么解决** **如何杀死僵尸进程** **什么是中间件?什么是 JDK** **什

2023-08-12

Linux系统基础知识梳理

Linux 的学习对于一个程序员的重要性是不言而喻的。前端开发相比后端开发,接触 Linux 机会相对较少,因此往往容易忽视它。但是学好它却是程序员必备修养之一。 Linux 对比 Windows稳定且有效率;免费(或少许费用);漏洞少且快速修补;多任务多用户;更加安全的用户与文件权限策略;适合小内核程序的嵌入系统;相对不耗资源。 Linux概念: Linux是一个以Intel系列CPU为硬件平台,完全免费的UNIX兼容系统,完全适用于个人的PC。本身就是一个完整的32位的多用户多任务操作系统,不需要安装DOS或其他的操作系统,就可进行直接的安装。 Linux版本:目前的版本有 Ubuntu、Centos、redhat、opensuse等等;其中ubuntu注重界面,Centos注重服务器。其内核版本可以通过uname -a来查看。 Linux优势:1、真正的支持多任务,多用户;2、支持多种文件系统 3、开源、支持重新编译,裁剪;4、运行稳定,功能强大,性能优异 Linux基础操作命令: ls命令:列举出目录下的文件和目录信息,ls经常使用的参数有三个: -a -l -F ls

2023-08-09

部署论坛系统Discuz!源码步骤

## **部署论坛系统** Discuz! ![image-20230728175508008](assets/image-20230728175508008.png) ## 安装步骤 ## 一、基础环境 ```ini [root@server-1 ~]# sed -ri '/^SELINUX=/cSELINUX=disabled' /etc/selinux/config [root@server-1 ~]# setenforce 0 [root@server-1 ~]# systemctl stop firewalld.service [root@server-1 ~]# systemctl disable firewalld.service ``` ## 二、安装LAMP ```ini [root@server-1 ~]# yum -y install httpd mariadb-server mariadb php php-mysql gd php-gd [root@server-1 ~]# systemctl start httpd mariadb [root@

2023-07-29

部署网上商城 ecshop及步骤源码包

## **部署网上商城 ecshop** ## 一、基础环境 ```ini [root@server-1 ~]# sed -ri '/^SELINUX=/cSELINUX=disabled' /etc/selinux/config [root@server-1 ~]# setenforce 0 [root@server-1 ~]# systemctl stop firewalld.service [root@server-1 ~]# systemctl disable firewalld.service ``` ## 二、安装LAMP ```ini [root@server-1 ~]# yum -y install httpd mariadb-server mariadb php php-mysql gd php-gd [root@server-1 ~]# systemctl start httpd mariadb [root@server-1 ~]# systemctl enable httpd mariadb #设置数据库登录的密码 [root@server-1 ~]#

2023-07-29

一键搭建个人博客系统脚本,基于完全编译lnmp(linux,nginx,mysql,php)搭建wordpress博客系统

一键搭建个人博客系统脚本,基于完全编译lnmp(linux,nginx,mysql,php)搭建wordpress博客系统 清理网站源码目录# rm -rf /usr/local/nginx/html/*拷贝ECShop源码到/usr/local/nginx/html/目录下# cp -rf ECShop_V4.1.15_UTF8_release20230426/source/ecshop/* /usr/local/nginx/html/进入网站源码目录# cd /usr/local/nginx/html/修改文件属性# chown -R nginx.nginx ./​重启nginx服务# systemctl restart nginx​登录数据库# mysql -uroot -p123456mysql: [Warning] Using a password on the command line interface can be insecure.Welcome to the MySQL monitor. Commands end with ; or \g.Your MySQL c

2023-07-07

VUE面试题Vue2(基础代码,响应式,指令)

一、computed和watch的区别 1、相同点: 都可以监听数据。 2、不同点: 1)、概念 computed: 是计算属性,依赖其它属性值,并且 computed 的值有缓存,当依赖的属性值发生改变时,才会重新计算 computed的值,默认是只读的(相当于getter函数),它也可以设置getter和setter函数来完成读和写。 watch: 更多的是观察的作用,每当监听的数据变化时都会执行回调进行后续操作,它只能设置getter。watch默认只监听一层。如果要深度监听,让deep属性为true。 2)、作用: computed: 是为了显示而用,降低了模板上代码复杂度 watch: 属性变化的检测 (相当于事件) ,当属性的值发生变化时,可以调用函数 3)、依赖模板调用: computed:只能在模板上使用。 watch: 不能在模板上使用。 4)、是否异步: computed: 不能有异步,只能同步

2023-06-29

前端表白源码源码源码源码源码源码免费

前端表白源码源码源码源码源码源码免费

2023-06-26

用js实现轮播图(淡入淡出)

// 淡入淡出的轮播图实现思路: // 在布局上,用定位将所有的图片重合在一起,将所有的图片的透明度都设置为0, 只让第一张的透明度为1. // 当自动播放或者点击时,让当前那一张的透明度变为0,后一张的透明度变为1. 再加一个css3的过渡效果即可

2023-05-27

html+css移动端视口总结

1.什么是移动端 a)可以方便移动的设备都统称之为移动端,比如:手机、平板、手表等 2.开发一个移动端的页面最终是要呈现在手机上的,但是我们的开发人员在平时的开发过程中是要经常去做一些调试的,这个时候我们就可以利用浏览器给我们提供的手机模拟器开查看在手机上的效果。 右键----检查----找到设备模拟器切换窗口 3.设备模拟器里面内容介绍 a)iphone678======手机型号 b)375*667========手机屏幕的分辨率 c)75%============观看比例 d)旋转小图标======切换横屏和竖屏 e)右上角三个圆点=== i.capture screenshot 截取手机屏幕得相关设计稿(短图) ii.capture full size screenshot 截取手机屏幕相关设计稿(带有滚动条区域得所有) 4.常见设备的大小、屏幕的大小 a)iphone4========320*480 b)iphone5========320*568 c)iphone678======375*667 d)iphone678s=====414*736 5.获取设计稿得大小 a)

2023-05-09

HTML+css知识总结(建议收藏)

页面设计以谷歌浏览器的bink内核为主流使用。 一个页面的主要组成由结构(html5)表现(css)行为(JavaScript)组成, 今天学习的是以标签和路径为主的html5的内容。 lang语言:作用于提示浏览器编译 charset字符:用UTF-8为全球通用准没错。 骨架标签:html,head,title,body(head与body同级关系,head与title父子关系) 排版标签:h1-6类似目录分级,br换行,p段落,hr单行线,div和span没有明确意义,但是一个是一行一个一个是一行多个以后会经常使用文本格式标签:strong加粗,em斜体,del删除线,ins下划线。 图片标签:正常img后必须是src=url链接,用来获取图片。属性有title显示内容,height与width宽高,alt无法显示显示备注,border图片边框宽度。 链接标签:a标签后必跟herf=“x”,其中x可以引用外部的链接或者内部链接,内部链接可以分为绝对路径与相对路径。上级路径表达../,下级路劲表达/,这个上下级是相对的。 a标签也可用于描点定位,在h1-6的标题标签里

2023-05-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除