标注网页上所有使用img标签显示的图片尺寸js代码
想知道网页上所有图片的显示尺寸，用浏览器审查元素一个一个看，显然不方便，但可以通过代码直接把尺寸标注在图片上面。以Chrome浏览器为例，按F12键打开开发者工具，打开控制台（Console），输入下面的代码：document.querySelectorAll('img').forEach(img => {
const imgW = img.offsetWidt...
Windows操作系统下的Apache开启Server Side Include即ssi服务
在.shtml文件常用#include指令引入html文件，而使用#include指令必须在服务器开启ssi服务，在Windows操作系统下的Apache服务器中开启 SSI功能主要通过修改Apache的配置文件httpd.conf。1、启用mod_include模块在Apache的安装目录下，找到conf/httpd.conf文件并编辑，搜索找到下面内容：LoadModule include_module modu...
Windows系统在PHP环境安装PHP文件信息模块启用php_fileinfo扩展
PHP的fileinfo扩展提供了用于检测文件类型和编码的功能，比如上传文件服务器端要判断这个文件是不是图片/PDF，或者是不是某个恶意脚本。为什么要使用php_fileinfo扩展部分程序员可能会依赖用户上传时浏览器提供的MIME类型（比如$_FILES['file']['type']），或者通过文件扩展名来判断文件类型，但浏览器给的MIME类型可以伪造，而文件扩展名也几乎是可以随意更改，所以并不安全。...
Windows系统下PHP错误Call to undefined function imagecreatefromstring()的解决方法
PHP对图像进行处理时（比如裁剪），出现了“Call to undefined function imagecreatefromstring()”的提示，意思是程序调用了未定义的imagecreatefromstring()函数，imagecreatefromstring()是一个图形处理函数，用于对图片进行各种操作，依赖gd库，所以出现该错误是因为服务器没有安装或开启PHP的gd库。解决方法：在PHP安装目录下找到并编辑php.ini...
uniapp小程序创建全局自定义组件并传递参数的方法
有一个联系信息模块，小程序的所有页面都要显示，如果每个页面都添加一次，不仅消耗时间，也不利于后期维护。如果使用自定义组件components就可以实现一个模块全站统一调用，既便于管理也利于维护。
创建全局自定义组件
1、在项目的根目录下的components目录下新建组件（如果没有components目录则手动新建）
在HBuilder编辑器，右键components目录...
uniapp用于获取小程序右上角胶囊按钮布局信息的 API uni.getMenuButtonBoundingClientRect()
胶囊按钮是小程序固定在屏幕右上角的菜单按钮，uni.getMenuButtonBoundingClientRect()方法是uniapp用于返回该胶囊菜单按钮的宽度、高度、上边界坐标、右边界坐标、下边界坐标和左边界坐标共六个布局信息。在开发小程序页面的自定义导航栏时，经常需要把自定义内容的高度和胶囊按钮的高度保持一致，便于和胶囊按钮垂直对齐，就需要通过该方法获取返回的布局信息来调整自定义导航的布局。使用示例：const rec...
CSS样式1px在Retina屏幕显示器上显示发虚的问题
Retina屏幕拥有比普通屏幕高得多的像素密度，比如一台13英寸的笔记本电脑可能拥有2560x1600的物理分辨率，但默认的系统设置会让它以一个类似1280x800的“逻辑分辨率”来工作，而在Retina屏幕上，1个逻辑像素实际上是由2x2=4个物理像素来共同显示的（DPR=2），这样做的目的是为了显示更细腻的文字和图像，因为一个逻辑点有更多物理像素来渲染，边缘会更平滑。所以在CSS中写border: 1px solid black;时...
Swiper.js使用creativeEffect创意切换实现3D圆弧轮播效果
Swiper.js默认插件提供了多种切换效果，其中creativeEffect创意切换效果参数多，可自定义性强，可以实现多种3D视觉的轮播切换，比如圆弧旋转木马轮播效果。HTML代码：<div class="arclist">
<div class="swiper">
...
Vue获取视频首帧作为视频封面图
Ajax返回的对象中使用Vue做的视频列表页面，把每个视频的首帧作为封面图片或者视频poster。HTML代码：<ul>
<li v-for="item,index in videoList">
<video&n...
HTML+SVG地图标注点动态线条扩散效果的笨方法
平面地图标注点线条连接效果。常用于公司的子公司或办事处在地图上标注点的效果，线条由总公司的标注点动态发散至各子公司或公事处，实现关联性的效果。HTML代码：<section id="global">
<div class="box" data-aos="fade-up">...
Windows系统Apache服务开启伪静态模块支持.htaccess
伪静态的核心是Apache的mod_rewrite模块，它允许我们重写客户端请求的URL，而不需要实际存在对应的物理文件，默认下mod_rewrite模块处于关闭状态，即手动配置开启。操作步骤：1、进入Apache安装目录，找到配置文件httpd.conf（如F:\Server\Apache24\conf\httpd.conf），编辑该文件，找到：#LoadModule rewrite_module modules/...
uniapp点击元素滚动到指定模块的实现代码
点击元素页面自动滚动到指定ID模块是一个网站常见的效果，在uniapp开发的时候需要实现这个效果，实现思路跟web网页实现代码是一致的：获取指定ID模块距离顶部的距离，再通过指定方法滚动到这个距离的像素（如uni.pageScrollTo）。PS：uni.pageScrollTo的核心作用是让页面滚动到指定的目标位置。view代码：<view class="custom-navbar">
&n...
