JS 原生 ajax 写法
以下是一个基本的原生AJAX写法:function ajax(method, url, data, success) { var xhr = new XMLHttpRequest(); xhr.open(method, url, true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { success(xhr.responseText); } else { console.log('Error: ' + xhr.status); } } }; xhr.send(data); } // 调用ajax函数: ajax('POST', '/api/login', JSON.stringify({username: 'user', password: 'password'}), function (res) { console.log(res); });此代码片段演示了使用原生 JavaScript 和 XMLHttpRequest 对象进行 AJAX 请求的基本方法,其中 `ajax()` 表示我们的 AJAX 函数,该函数接受四个参数:请求的方法(GET、POST、PUT 等)、请求URL、请求要发送的数据、请求成功后要运行的回调函数。在这个函数中,我们使用了 JSON 格式的数据,设置 header 的 Content-Type 为 'application/json',并考虑了 readyState 和 status 的情况。最后,我们使用 JSON.parse() 解析响应,这里将响应直接输出到了控制台。这是一个基本模板,你可以根据自己的需要进行修改。
查看详情点赞评论收藏浏览472023-05-17 15:43:18Linux Docker 安装Gitlab
下载镜像文件GitLab 分为 社区版(Community Edition,缩写为 CE)和 企业版(Enterprise Edition,缩写为 EE)。社区版是免费的,而企业版包含一些收费服务,一般来说个人开发者用社区版就足够了。首先需要先下载 GitLab CE 的镜像,使用下面的命令进行下载,因为文件较大,所以可能需要一点时间,耐心等待即可英文版本:# 下载指定版本 docker pull beginor/gitlab-ce:11.0.1-ce.0 # 下载最新版本 docker pull gitlab/gitlab-ce #由于gitlab的镜像非常大,因此下载镜像是一个痛苦的事情,我们耐心等待 #通常会将 GitLab 的配置 (etc) 、 日志 (log) 、数据 (data) 放到容器之外, 便于日后升级, 因此请先准备这三个目录。 mkdir -p /server/gitlab/config mkdir -p /server/gitlab/logs mkdir -p /server/gitlab/data #启动命令 docker run --detach \ --hostname gitlab.test.com \ --publish 9050:443 --publish 9051:80 --publish 9052:22 \ --name gitlab \ --restart always \ --volume /server/gitlab/config:/etc/gitlab \ --volume /server/gitlab/logs:/var/log/gitlab \ --volume /server/gitlab/data:/var/opt/gitlab \ --privileged=true \ gitlab/gitlab-ce:latest #命令说明: #--hostname gitlab.shenmazong.com: 设置主机名或域名 #--publish 9043:443:将http:443映射到外部端口8443 #--publish 9044:80:将web:80映射到外部端口8880 #--publish 9045:22:将ssh:22映射到外部端口8222 #--name gitlab: 运行容器名 #--restart always: 自动重启 #--volume /server/gitlab/config:/etc/gitlab: 挂载目录 #--volume /server/gitlab/logs:/var/log/gitlab: 挂载目录 #--volume /server/gitlab/data:/var/opt/gitlab: 挂载目录 #--privileged=true 使得容器内的root拥有真正的root权限。否则,container内的root只是外部的一个普通用户权限 #如果以上命令出现错误,可以试试下面命令: docker run \ -itd \ -p 9050:443 \ -p 9051:80 \ -p 9052:22 \ -v /home/gitlab/etc:/etc/gitlab \ -v /home/gitlab/log:/var/log/gitlab \ -v /home/gitlab/opt:/var/opt/gitlab \ --restart always \ --privileged=true \ --name gitlab \ gitlab/gitlab-ce:latest docker ps #可以看到 GitLab 已经在运行了,有一个属性 STATUS 为 health: starting,说明 gitlab 的服务正在启动中,还没有启动完毕。等这个状态变成 healthy 时则说明已经部署完成,可以访问了。 #gitlab启动成功后,浏览器访问http://ip:9051, 即可访问。 #参考链接:https://www.shenmazong.com/blog/1402160002104504320docker安装gitlab 查看root密码:sudo docker exec -it gitlab grep 'Password:' /etc/gitlab/initial_root_password中文版本:docker pull twang2218/gitlab-ce-zh:latest #启动命令 docker run --detach --publish 9050:443 --publish 9051:80 --publish 9052:22 --name gitlab-zh --restart always --volume /docker/gitlab/config:/etc/gitlab --volume /docker/gitlab/logs:/var/log/gitlab --volume /docker/gitlab/data:/var/opt/gitlab --privileged=true twang2218/gitlab-ce-zh #gitlab启动成功后,浏览器访问http://ip:9051, 即可访问。修改gitlab上git服务器的地址#进入容器编辑gitlab.yml 文件 docker exec -it gitlab bash cd /opt/gitlab/embedded/service/gitlab-rails/config vi gitlab.yml gitlab: host: 192.168.11.146:9051 port: 80 https: false #重启: gitlab-ctl restart
查看详情点赞1评论1收藏浏览852023-05-16 22:28:13马斯克不明白,为什么有时候中国人对自己的同胞会更狠!
点赞评论收藏浏览1292023-05-15 16:31:38关于目前行业经济
点赞4评论1收藏浏览1572023-05-15 16:25:26Linux 安装docker-compose
点赞评论收藏浏览562023-05-11 20:57:31Linux Docker 安装PHP
拉指定php版本,先去docker库查一下版本是否存在:https://hub.docker.com/例如:7.4.3-fpm#准备目录: # html以及php文件目录 mkdir -p /server/dede/www # 日志目录 mkdir -p /server/dede/logs # 配置文件目录 mkdir -p /server/dede/conf # 创建自定义配置文件目录 mkdir -p /server/dede/conf/conf.d #在/server/dede/www目录下创建index.php文件。 <?php echo phpinfo(); ?> #运行PHP容器 docker run --name php7.4.3 -v /server/dede/www:/www -d php:7.4.3-fpm #或者 docker search php docker pull php:7.4.3-fpm docker run --name php7.4.3 -v /server/dede/www:/www -d php:7.4.3-fpm #准备nginx配置文件 #在/server/dede/conf/conf.d目录下创建test-php.conf文件,内容如下: server { listen 80; server_name www.test-php.com; location / { root /usr/share/nginx/html; index index.html index.htm index.php; } error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } location ~ \.php$ { fastcgi_pass php:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME /www/$fastcgi_script_name; include fastcgi_params; } } #php:9000: 表示 php-fpm 服务的 URL,下面我们会具体说明。 #/www/: 是 php-fpm 中 php 文件的存储路径,映射到本地的 /server/php/www 目录。 #运行 nginx 容器 docker run --name php-nginx -p 9022:80 -d \ -v /server/php/www:/usr/share/nginx/html:ro \ -v /server/php/conf/conf.d:/etc/nginx/conf.d:ro \ --link php7.4.3:php \ nginx #参数说明: # -p 9022:80: 端口映射,把 nginx 中的 80 映射到本地的 9022 端口。 # /server/php/www: 是本地 html 文件的存储目录 # /usr/share/nginx/html 是容器内 html 文件的存储目录。 # /server/php/conf/conf.d: 是本地 nginx 配置文件的存储目录 # /etc/nginx/conf.d 是容器内 nginx 配置文件的存储目录。 # --link myphp7:php: 把 myphp7 的网络并入 nginx,并通过修改 nginx 的 /etc/hosts,把域名 php 映射成 127.0.0.1,让 nginx 通过 php:9000 访问 php-fpm在浏览器输入http://192.168.10.146:9022/ 显示如下页面:# 安装php docker run --name myphp5 -v /server/dede/www:/www -d php:5.6-fpm # 安装nginx docker run --name php5nginx -p 9022:80 -v /server/dede/www:/usr/share/nginx/html -v /server/dede/conf/conf.d:/etc/nginx/conf.d --link myphp5:php -d nginx安装php扩展#首先进入docker中 php 容器中 docker exec -it php7.4.3 bash (php7.4.3 为容器名) #进入容器中docker 安装扩展的目录下 docker-php-ext-install 为安装扩展 cd /usr/local/bin/ #安装mysql扩展 ./docker-php-ext-install mysql ./docker-php-ext-install mysqli # php.ini的存放目录 /usr/local/etc/php # docker-php-ext-install的存放目录 /usr/local/bin #查看PHP扩展是否安装成功 php -m 安装gd扩展#进入PHP容器 #更新软件源 apt update #安装各种库 apt install -y libwebp-dev libjpeg-dev libpng-dev libfreetype6-dev #解压源码 docker-php-source extract # 进入gd源码文件夹 cd /usr/src/php/ext/gd #准备编译 docker-php-ext-configure gd --with-webp-dir=/usr/include/webp --with-jpeg-dir=/usr/include --with-png-dir=/usr/include --with-freetype-dir=/usr/include/freetype2 #编译安装 docker-php-ext-install gd #查看是否成功安装gd扩展 php -m | grep gd #重启容器
查看详情点赞1评论收藏1浏览872023-05-11 20:55:56Linux Docker 安装Redis
首先安装docker,这里不做过多介绍#查看docker版本 docker --version #启动 systemctl start docker systemctl restart docker #查找redis镜像,并拉去最新的Redis docker search redis docker pull redis:latest #查看镜像 docker images # 无密码安装 docker run -itd --name redis -p 6379:6379 redis:latest # 有密码安装 docker run -itd --name redis -p 6379:6379 redis:latest --requirepass 123456 #查看状态 docker ps #测试Redis是否正常工作 # 进入容器,这里的redis6是容器的名字,可以替换为容器的id docker exec -it redis6 /bin/bash # 运行redis的客户端,进入命令行交互模式 redis-cli # 设置一个测试值 set test 1 # 退出容器 exit #当我们执行 set test 1 这个命令,得到OK的返回结果,就说明,我们的redis已经安装成功了。 #redis的相关文件在如下目录位置: /usr/local/bin/redis-benchmark /usr/local/bin/redis-server /usr/local/bin/redis-sentinel /usr/local/bin/redis-check-aof /usr/local/bin/redis-cli /usr/local/bin/redis-check-rdb 使用自定义配置文件使用docker安装redis有一个坑,就是docker容器里面是没有redis.conf这个文件的,因此如果自定义配置,就有点麻烦了。1)、第一步,先要下载一个标准的redis.conf文件,下载地址如下:各个版本配置文件下载:https://redis.io/topics/config6.0版本的配置文件下载:http://github.com/redis/redis/raw/6.0/redis.conf国内访问上述网站可能无法下载,因此可以使用下面地址进行下载:http://download.redis.io/redis-stable/redis.conf2)、第二步,把文件拷贝到宿主机的相应目录,然后执行下面命令:#创建Redis本机配置文件 mkdir /server/redis/config #把刚才上传的额config.conf文件上传到这里,然后挂载并启动 # 指定配置文件创建容器 docker run -p 6379:6379 \ --name redis \ -v /server/redis/config/redis.conf:/etc/redis/redis.conf \ -v /server/redis/data:/data \ -d redis:latest \ redis-server /etc/redis/redis.conf \ --appendonly yes命令解释说明:-p 6379:6379 端口映射:前表示主机部分,:后表示容器部分。--name myredis 指定该容器名称,查看和进行操作都比较方便。-v 挂载目录,规则与端口映射相同。-d redis 表示后台启动redisredis-server /etc/redis/redis.conf 指定配置文件运行在上述命令执行中,还可能出现错误,因为下载的redis.conf文件是最新的,和你的redis版本可能不一致,会导致启动失败。需要用使用如下命令查看日志:根据日志的错误,来修改配置文件即可。# 通过容器ID查看容器日志 docker logs b0f62c846a0a
查看详情点赞1评论1收藏浏览622023-05-11 20:45:03Linux Docker 安装Mysql
首先安装docker,这里不做过多介绍#查看docker版本 docker --version #启动 systemctl start docker systemctl restart docker #搜索mysql镜像 docker search mysql docker pull mysql:latest #查看镜像 docker images 启动: docker run -itd \ --name mysql \ -p 3306:3306 \ -e MYSQL_ROOT_PASSWORD=123456 mysql # -p 3306:3306 :映射容器服务的 3306 端口到宿主机的 3306 端口,外部主机可以直接通过 宿主机ip:3306 访问到 MySQL 的服务。 # MYSQL_ROOT_PASSWORD=123456:设置 MySQL 服务 root 用户的密码。 #进入MySQL: docker ps docker exec -it a469eb1589e bash #查看mysql版本: mysql --version #登录mysql mysql -uroot -p #查看数据库: show databases;#MySQL的安全设置 # 登录mysql mysql -u root -p # 修改root账号的密码,不同版本修改密码的SQL语句是不一样的 ALTER USER 'root'@'localhost' IDENTIFIED BY '456789'; # 添加远程登录用户 CREATE USER 'test'@'%' IDENTIFIED WITH mysql_native_password BY '456789'; GRANT ALL PRIVILEGES ON *.* TO 'test'@'%'; # 刷新权限 # flush privileges; FLUSH PRIVILEGES; # 增加root用户的远程连接权限并指定密码 GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '456789'; # 更新权限 flush privileges; ## 解决认证插件错误 ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY '456789'; flush privileges; #一般到这里就可以链接了 #因为现在是新版本8.0了 ,老版本的修改密码的语法已不再适用,mysql 5.7.9以后废弃了password字段和password()函数; #新版本的密码修改可以通过如下命令操作: use mysql; ALTER user 'root'@'localhost' IDENTIFIED BY 'newpassward' #-- 注意,这里的密码要用包含8位大写+小写+特殊字符+数字的密码 ALTER user 'root'@'%' IDENTIFIED BY 'shenma@521' FLUSH PRIVILEGES;指定配置文件和数据存放位置#创建本机数据和配置,日志等文件夹 mkdir -vp /server/mysql cd /server/mysql mkdir data logs conf #复制配置文件 docker cp mysql-test:/etc/mysql /server/mysql/conf #复制data文件 docker cp mysql-test:/var/lib/mysql /server/mysql/data #停止并删除容器 docker stop mysql-test docker rm -f mysql-test #重新启动容器 docker run -d -p 3306:3306 \ --name mysql \ --privileged=true \ --restart=unless-stopped \ -v /server/mysql/conf/mysql/conf.d:/etc/mysql/conf.d \ -v /server/mysql/logs:/var/log/mysql \ -v /server/mysql/data/mysql:/var/lib/mysql \ -e MYSQL_ROOT_PASSWORD=123456 \ mysql:latest
查看详情点赞1评论收藏浏览482023-05-11 20:40:55Linux Docker 安装Nginx
Docker库地址https://hub.docker.com/1.自动安装dockercurl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun #开机启动: systemctl enable docker2、手动安装docker,并拉镜像,运行进行测试教程地址:https://www.runoob.com/docker/centos-docker-install.html#查看docker版本 docker --version #启动 systemctl start docker systemctl restart docker #卸载: yum remove docker-ce docker stats --help #进入容器: docker exec -it nginx /bin/bash docker exec -it 7697977d2d88 /bin/bash #拉最新的Nginx docker pull nginx:latest #查看镜像 docker images #测试镜像 sudo docker run --name nginx -p 9091:80 -d nginx:latest docker ps //查看IP ifconfig http://192.168.0.1:90913、容器部署#本机创建目录,用于容器Nginx挂载出来出来 # 创建网站目录 mkdir -p /server/nginx/html # 创建日志目录 mkdir -p /server/nginx/logs # 创建配置目录 mkdir -p /server/nginx/conf ## 拷贝配置文件 docker cp nginx:/etc/nginx/nginx.conf /server/nginx/conf/nginx.conf docker cp nginx:/etc/nginx/conf.d /server/nginx/conf/conf.d ## 拷贝完配置文件后需要把测试运行的容器停掉,然后再删除容器 docker stop nginx docker rm nginx ## 如果因为权限问题,需要加上--privileged=true这个参数 ## 映射、挂载容器目录,启动容器 docker run -d -p 80:80 -p 443:443 --name nginx -v /server/nginx/html:/usr/share/nginx/html -v /server/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /server/nginx/logs:/var/log/nginx -v /server/nginx/conf/conf.d:/etc/nginx/conf.d --privileged=true nginx:latest #或者 docker run -d -p 80:80 -p 443:443 --name nginx \ -v /server/nginx/html:/usr/share/nginx/html \ -v /server/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \ -v /server/nginx/conf/conf.d:/etc/nginx/conf.d \ -v /server/nginx/logs:/var/log/nginx \ --restart=always nginx #新建测试test.conf server { listen 80; server_name 192.168.0.1; location / { #注意这里的root目录是容器的网站目录 root /usr/share/nginx/www_test_com; index index.html index.htm; } location /api/ { proxy_pass http://192.168.0.1:8080/; } } # 移动copy的conf.d目录中的文件到正确的位置: mv /mydata/nginx/conf.d/* /mydata/nginx/conf/conf.d /到这里Nginx就配置好了
查看详情点赞1评论收藏浏览842023-05-11 20:33:28工作小技巧集锦
1、wap端滑动时侧边栏隐藏//aside需添加transition属性 $('body').on('touchmove', function (event) { $('aside').css('right','-1rem') }) $('body').on('touchend', function (event) { $('aside').css('right','0') })2、less 循环背景图.Loop(@index) when(@index<=8) { // 执行内容 // 类名参数要加大括号@{index} // 根据index获取对应的某个值 extract(数组名, 对应的序号) &:nth-child(@{index}) { background-image: url("../images/aj_bg0@{index}.png"); } //递归调用 达到循环目的 .Loop(@index+1); } // 调用循环 .Loop(0);3、vscode正则匹配</span>(\s*(?=\r?))<span> ———— 匹配标签间的所有空白字符 (?<!link rel="stylesheet") href="([\w\W]+?)" ———— 匹配所有href=""的内容,除了link rel="stylesheet"4、css限制显示行数,超出部分加上...chrome.textRow(@row) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: @row; //需要显示时文本行数 overflow: hidden; }ie兼容 // 处理多行文本超出部分隐藏 function wordLimit(cName, wordLength) { var cName = document.getElementsByClassName(cName); for (var i = 0; i < cName.length; i++) { var nowHtml = cName[i].innerHTML; var nowLength = cName[i].innerHTML.length; if ( nowLength > wordLength) { cName[i].innerHTML = nowHtml.substr(0, wordLength) + '…'; } } };5、样式重置小问题移动端样式重置需要加上font-size,不然会有默认字体大小*{ font-size: 0.24rem }6、axios的post请求axios的post请求,默认是以application/x-www-form-urlencoded发送的,而一般接口接收都只能接收application/json,因此传输的data数据需要通过qs.stringify进行转换(前提是需先安装qs并引入)axios.create({ method: 'POST', url: '***', headers: { 'content-type': 'application/x-www-form-urlencoded' }, data: qs.stringify(data) })7、css竖排文字兼容问题准备做一个数字在框里自增的效果,需要用到文字竖排显示,原本用的writing-mode:lr-tb,实践发现存在兼容性问题,然后设置宽度文字并没有自动换行,因此只能用笨办法,内容里添加br标签达到目的8、通过正则将内容换成*,保留头和尾str.replace(/^(.).*(.)$/, '$1***$2')9、axios携带cookie的方法 封装的js里添加axios.defaults.withCredentials = true 这个属性,这样发请求时会自动携带cookie,但是需要后端在接口配置上允许携带cookie才能生效10、合理使用props中的值的方法如果props中的值涉及到多次更改,而调用他的值又是个对象的话,应该把对象放到computed中,否则没有办法实时监听props: { value: { type: String }, code: { type: String, default: 'cform_picture_control' }, ownId: { type: String, default: 'f3e28bd96ea2b32b361bd3e4690a1f6' }, selectType: { type: String, default: 'primary' }, portrait: { type: Boolean, default: false }, preview: { type: Boolean, default: true }, deleted: { type: Boolean, default: false }, limit: { type: Number, default: 10 }, exclude: { type: String, default: '' } }, //放到data中会监听不到后面的变化 data() { return { attrs:{ code: this.code, ownId: this.ownId, // 业务id selectType: this.selectType, portrait: this.portrait, // extendCode: '', //autoUpload: false, //preview: true, download: true, dragSort: true, limit: Number(this.limit), exclude: this.exclude, preview: this.preview, deleted: this.deleted } } }, // computed中才会实时监听变化 computed: { attrs() { return { code: this.code, ownId: this.ownId, // 业务id selectType: this.selectType, portrait: this.portrait, // extendCode: '', //autoUpload: false, //preview: true, download: true, dragSort: true, limit: Number(this.limit), exclude: this.exclude, preview: this.preview, deleted: this.deleted }; } },
查看详情点赞1评论收藏浏览892023-05-04 16:03:05