Feb132024
Feb112024
CentOS 7.x下的lnmp环境搭建
最近由于项目需求，将服务器从CentOS6升级到CentOS7，对应的PHP版本也升级到PHP5.6。我们熟悉的有LEMP环境一键安装包，但是本文我们将单独安装各个组件模块，并搭建一个完整的PHP运行平台。
我们常说的LNMP环境是指Linux/nginx/MySQL/PHP组合，而LEMP是什么呢？其实Nginx的发音是Engine-X = E，LEMP包是由Linux、nginx、MariaDB/MySQL和PHP组成的，那么看来LEMP和LNMP是一样的，而现在业内...阅读全文
Feb062024
jQuery一句代码实现返回顶部功能
当下注重用户体验度的网站几乎都加了个“返回顶部”的功能，闲来无事也研究了一下，最终将“返回顶部”功能可总结为一句代码实现，下面就是实现方法，读者可以根据自己的需要增加一些个性化的修饰。
<div style="position:fixed;bottom:20px;right:20px;border:solid 1px #ccc;cursor:pointer;" onclick="$('body,html').animate({scrollTop:0},100/*100毫秒完成*/);">返<br />回...阅读全文
Feb032024
Nginx代理proxy_pass配置去除前缀，VUE发布部署
简介
在使用Nginx作为反向代理服务器时，经常需要配置proxy_pass来转发请求。但是有时候我们希望在转发请求的同时，去除服务URL的前缀部分。这在VUE项目的部署中尤为常见。本文将介绍如何使用Nginx代理proxy_pass配置去除前缀，并详细讲解VUE项目的发布部署过程。
Nginx代理proxy_pass配置去除前缀
打开Nginx配置文件，一般为/etc/nginx/nginx.conf。
在http块中添加以下代码：
loc...阅读全文
Feb012024
php 压缩CSS代码
将以下代码放置于 style.css.php 文件中，不要忘记包含你需要的 css 文件：
<?php
header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
/* remove comments */
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
/* remove tabs, spaces, newlines, etc. */
$buffer = str_replace(array("
", "\r", "\n", "\t", ' ...阅读全文
Jan282024
css 实现 div 翻转样式
css 实现 div 翻转样式。
<html>
<head>
<meta charset="UTF-8">
<title>css 实现 div 翻转样式</title>
<style>
#container{text-align:center;width:100%;background-color:#ccc;}
.box{
width:300px;height:300px;text-align:center;background-color:#ffe4e4;margin:0 auto;
position:rela...阅读全文
Jan272024
es 拼音插件安装／php客户端调用es
elasticsearch-analysis-pinyin
下载git clone https://github.com/medcl/elasticsearch-analysis-pinyin
安装mvn clean install -Dmaven.test.skipor
/home/xuliansheng/devspace/app/apache-maven-3.1.1/bin/mvn clean install -Dmaven.test.skip
拷贝到es_home/plugins/pinyincd target/releases/cp elasticsearch-analysis-pinyin-5.4.2.zip /usr/share/elasticsearch/plugins...阅读全文
Jan232024
使用Express.js进行后端开发
Express.js是一个灵活而简洁的Node.js后端框架，它简化了Web应用程序的开发过程。本文将介绍如何使用Express.js进行后端开发，在前端开发中的应用，以及一些技巧和最佳实践。
什么是Express.js？
Express.js是一个基于Node.js的Web应用程序开发框架，它提供了一组简单且强大的工具，帮助我们创建具有各种功能的高性能Web应用程序。它具有易于使用的API和中间件，可以轻松处理路由、请求和...阅读全文
Jan212024
使用Canvas制作粒子动画效果
Canvas 是一种HTML5元素，用于在网页上绘制图形、动画或其他视觉效果。它允许开发者直接与像素进行交互，从而创建出各种令人惊叹的效果。在本篇博客中，我们将学习如何使用Canvas来制作粒子动画效果。
准备工作
在开始之前，我们需要准备一个HTML文件和一些基本的CSS样式来容纳我们的Canvas元素。
<!DOCTYPE html>
<html>
<head>
<style>
body {
mar...阅读全文
Jan202024
使用jQuery实现列表项的拖拽排序效果
在网页开发中，经常需要实现列表项的拖拽排序功能，让用户可以通过拖动列表项来改变它们的顺序，从而达到重新排序的目的。本文将介绍如何使用 jQuery 实现这个拖拽排序效果。
准备工作
在开始实现拖拽排序之前，我们需要用 HTML 和 CSS 创建一个列表，并引入 jQuery 库和相关的插件。
HTML 代码如下：
<div id="sortable-list">
<ul class="sortable">
<li>列表...阅读全文