CSS样式1px在Retina屏幕显示器上显示发虚的问题

Retina屏幕拥有比普通屏幕高得多的像素密度，比如一台13英寸的笔记本电脑可能拥有2560x1600的物理分辨率，但默认的系统设置会让它以一个类似1280x800的“逻辑分辨率”来工作，而在Retina屏幕上，1个逻辑像素实际上是由2x2=4个物理像素来共同显示的（DPR=2），这样做的目的是为了显示更细腻的文字和图像，因为一个逻辑点有更多物理像素来渲染，边缘会更平滑。所以在CSS中写border: 1px solid black;时...
Web前端开发 / / 61次阅读

Vue获取视频首帧作为视频封面图

Ajax返回的对象中使用Vue做的视频列表页面，把每个视频的首帧作为封面图片或者视频poster。HTML代码：<ul>     <li v-for="item,index in videoList">         <video&n...
Web前端开发 / / 106次阅读

HTML+SVG地图标注点动态线条扩散效果的笨方法

平面地图标注点线条连接效果。常用于公司的子公司或办事处在地图上标注点的效果，线条由总公司的标注点动态发散至各子公司或公事处，实现关联性的效果。HTML代码：<section id="global">     <div class="box" data-aos="fade-up">...
Web前端开发 / / 110次阅读
HTML+SVG地图标注点动态线条扩散效果的笨方法

Windows系统Apache服务开启伪静态模块支持.htaccess

伪静态的核心是Apache的mod_rewrite模块，它允许我们重写客户端请求的URL，而不需要实际存在对应的物理文件，默认下mod_rewrite模块处于关闭状态，即手动配置开启。操作步骤：1、进入Apache安装目录，找到配置文件httpd.conf（如F:\Server\Apache24\conf\httpd.conf），编辑该文件，找到：#LoadModule rewrite_module modules/...
网站建设 / / 121次阅读

uniapp点击元素滚动到指定模块的实现代码

点击元素页面自动滚动到指定ID模块是一个网站常见的效果，在uniapp开发的时候需要实现这个效果，实现思路跟web网页实现代码是一致的：获取指定ID模块距离顶部的距离，再通过指定方法滚动到这个距离的像素（如uni.pageScrollTo）。PS：uni.pageScrollTo的核心作用是让页面滚动到指定的目标位置。view代码：<view class="custom-navbar"> &n...
Web前端开发 / / 155次阅读

Javascript滚动页面获取当前视窗模块的锚点的代码

常用的功能，当前页面模块锚点菜单固定跟随，当窗口滚动到某个模块时，当前锚点菜单高亮显示。思路是先获取每个模块距离顶部的大小，存到一个数组里，滚动的时候获取滚动的距离，再遍历数组对比当前滚动距离的值，如果大于滚动距离的值，就是当前锚点。或者每滚动一次，就遍历获取各锚点模块距离顶部的大小一次，再进行对比，但感觉这样性能会差很多，推荐前者。HTML代码：<div id="wrapper"> &nbs...
Web前端开发 / / 192次阅读
Javascript滚动页面获取当前视窗模块的锚点的代码

Windows系统安装MySQL数据库管理工具phpMyAdmin的详细步骤

phpMyAdmin是由PHP编写的用于管理MySQL或MariaDB数据服务器的免费软件工具，通过phpMyAdmin可以使MySQL数据库的建立、修改、删除等管理操作变得相当简单。安装步骤1、下载phpMyAdmin，下载地址：https://www.phpmyadmin.net/downloads/如果官方网站打不开，可以尝试在Github上下载：https://github.com/phpmyadmin/phpmyadmin/r...
网站建设 / / 252次阅读
Windows系统安装MySQL数据库管理工具phpMyAdmin的详细步骤

Windows系统安装MySQL数据库管理系统的详细步骤

php源码一般是使用MySQL数据库，WAMP栈中的Apache安装完成后，继续安装MySQL数据库管理系统来管理网站的数据。MySQL安装步骤1、下载MySQL安装包，下载地址：https://dev.mysql.com/downloads/mysql/，下载 Windows (x86, 64-bit) ZIP Archive（如 mysql-9.4.0-winx64.zip）。2、把下载的压缩包解压至D:\Server\mysql目...
网站建设 / / 247次阅读
Windows系统安装MySQL数据库管理系统的详细步骤

Windows系统Apache服务器安装配置PHP模块的教程

默认下Apache服务器不能直接运行PHP，通常还需要安装PHP模块（如libphp.so），否则只能运行一些静态的网页文件，如.html。PHP安装步骤1、下载PHP模块，下载地址：https://windows.php.net/download/注意：因为使用的是Apache服务器，所以要选择线程安全版本（如 VS17 x64 Thread Safe 的 ZIP 包，例如 php-8.4.11-Win32-vs17-x64.zip）...
网站建设 / / 291次阅读
Windows系统Apache服务器安装配置PHP模块的教程

超简单的Windows系统安装Apache服务器教程步骤

要在电脑本地搭建一个运行php网站程序的服务器环境，使用的是Windows系统，要安装Apache、MySQL和PHP，即WAMP栈。整理了个操作简单、说明详细的安装步骤，先从安装Apache开始。安装步骤：1、下载Apache安装包，下载地址：https://www.apachelounge.com/download/，选择一个版本下载，如：Apache 2.4.65-250724 Win642、在电脑D盘创建一个文件夹，命名为Ser...
网站建设 / / 230次阅读
超简单的Windows系统安装Apache服务器教程步骤