JavaScript 与 PHP 判断当前网页是否在微信内置浏览器打开
在移动 Web 页面开发中，经常需要引导用户在微信内完成授权登录，或者提示用户“点击右上角在外部浏览器打开”。通过检查 HTTP 请求头中的 User-Agent 包含 MicroMessenger 即可精准识别微信环境。 一、 JavaScript 前端判断： function isWeChat() { const ua = navigator.userAgent.toLowerCase(…
San
84 篇内容/作品
该角色撰写的文章与作品
CentOS 命令行安装与使用 p7zip 解压 7z 压缩包完整指南
在 Linux 终端中处理 .7z 格式的高压缩率文件时，系统默认自带的 tar 与 unzip 无法直接解析。在 CentOS 下通过安装 p7zip 软件包即可获得极速解压支持。 一、 安装 p7zip # 先配置 EPEL 扩展源 sudo yum install…
JavaScript 获取屏幕、窗口、文档可视区域宽高全解析
在前端适配弹窗居中、滚动懒加载与响应式组件时，开发者经常混淆 screen、window.innerWidth 与 clientHeight 的区别。本文梳理各类宽高 API 的物理含义。 一、 核心视口与屏幕尺寸 API 速查 // 1. 用户显示器屏幕物理分辨率 const screenW = window.screen.width; const…
CSS3 @keyframes 实现手机桌面 App 图标编辑状态抖动效果
在 Web 端模拟 iOS / Android 手机桌面长按进入编辑状态时图标轻微左右晃动的动画质感，仅需纯 CSS3 的 @keyframes 与 transform: rotate() 即可丝滑实现。 一、 核心 CSS 动效代码 @keyframes shake-icon { 0% { transform: rotate(…
Photoshop 常用高效快捷键全景速查手册
熟练掌握 Photoshop 快捷键是提升设计生产力与修图效率的关键。本文为您整理了覆盖工具切换、图层管理、选区蒙版、色彩调节与视图导航的全套核心快捷键对照表（同时兼容 Windows 与 macOS 系统）。 一、 核心工具箱快捷键（单键秒切） 工具名称 快捷键 工具名称 快捷键 移动工具 V 矩形/椭圆选框 M…
CSS3 background-size 属性完全指南：cover、contain 与自适应适配
在响应式网页设计中，背景图片的处理直接决定了首屏视觉质感。background-size 彻底解决了以往背景图被裁切或拉伸变形的痛点。本文解析其各个取值的核心表现。 一、 常用取值与表现行为 * background-size: cover;（全屏铺满）：等比例缩放图片，直至完全覆盖容器的所有区域，超出部分会被裁剪，确保绝不留白； * background-size: contain;（完整容纳）：等比例缩放图片，直至完整显示在容器内，适合展示 Logo…
纯 CSS 利用 border 边框透明原理绘制任意方向三角形
在前端制作气泡提示（Tooltip）箭头、下拉菜单指示角标或角标徽章时，无需加载任何图片或图标字体，利用 CSS 盒模型中边框相交的斜切机制即可纯代码实现极速渲染。 一、 核心原理：宽高为 0 + 透明边框 .triangle-up { width: 0; height: 0; /* 左右边框透明，底边有颜色即可形成向上三角形 */ border-left: 10px…
CentOS 解决 Another app is currently holding the yum lock 锁死问题
在 CentOS 服务器中执行 yum install 时，经常提示：“Existing lock /var/run/yum.pid: another copy is running as pid 12345. Another app is currently…
Linux 查看与审计系统所有用户列表的实用命令
在 Linux 服务器安全巡检与权限审计中，查看系统当前存在哪些活跃用户、具有登录权限的账号是关键操作。本文总结常用的用户查询命令。 一、 查看所有系统账户（/etc/passwd） # 查看所有用户的用户名 cut -d: -f1 /etc/passwd # 筛选具有 /bin/bash 登录 Shell 权限的真实活跃用户（排除系统伪用户） grep…
Adobe Illustrator 矢量图形与文字的高效切割指南
在 Photoshop 中切割位图通常使用切片或裁切工具，而在 Adobe Illustrator（AI）这类矢量设计环境中，将文字或几何图形进行精准切割，是制作创意撕裂文字、图形穿插效果、分色印刷与插画分块的核心技法。本文梳理了最实用的几种切割方案。 一、 核心方法：使用“分割下方对象（Divide Below Objects）” 这是在 AI 中进行矢量切割最简洁、最快速的经典操作。…