苹果手机Safari浏览器不支持CSS background-attachment属性的替代解决方法

在Web网页前端开发中使用background-attachment:fixed;样式设置背景图片固定时发现苹果手机浏览器Safari不支持CSS属性background-attachment,这着实有点意外,毕竟background-attachment是个比较老标准的CSS属性。既然不支持,那就只能使用替代方案了,比如可以通过固定定位样式position:fixed;实现。 代码很简单,CSS基础牢固的都能想到或者...
Web前端开发 / / 1882次阅读

VSCode编辑器怎么开启代码自动换行的设置

VSCode编辑器代码不会自动换行,从而导致一行代码过长而不能完整显示,不大方便。要想设置VSCode编辑器代码自动换行,可以按下面的步骤设置。 1、在VSCode编辑器窗口,依次点击左上角的“文件”——“首选项”——“设置” 2、在搜索框中搜索“word wrap”,然后把“控制折行的方式”一项设置为on即可 设置完成后,在VSCode中编辑代码就会自动换行了。...
电脑软件 / / 3382次阅读
VSCode编辑器怎么开启代码自动换行的设置

vscode编辑器Go Live出现提示“无法验证,因为找不到PHP安装php”

使用vscode编辑器,安装了Live Server(Five Server)扩展,点击“Go Live”按钮Open Five Server时右下角出现弹窗消息: 无法验证,因为找不到 PHP 安装。使用设置 "php.validate.executablePath" 来配置 PHP 可执行文件。 出现这个提示的原因是没有安装PHP开发环境或者没有指定 php.exe 执行文...
电脑软件 / / 4149次阅读
vscode编辑器Go Live出现提示“无法验证,因为找不到PHP安装php”

javascript获取中文文字词组全拼和拼音首字母的代码

js汉字转拼音的代码在前面的《jquery实现淘宝APP收货地址地区联动选择效果》有发布过,这里单独记录代码的使用方法,如转全拼、提取首字母。 Javascript代码(代码比较长) /* --- description: Pinyin, to get chinese pinyin from chinese. license: MIT-style authors: Bill Lue requires:...
Web前端开发 / / 1140次阅读

slick.js插件实现监听video视频播放结束再自动轮播的代码

slick.js是常用的轮播图插件,监听video视频播放是常用的轮播模块效果。和SuperSlide.js插件、Swiper插件实现当前焦点有视频就暂停自动轮播,等视频播放结束再继续自动轮播的实现原理基本一样,就是先判断当前焦点是否有视频,如果有视频就调用暂停轮播的插件方法,使用addEventListener监听视频是否播放结束,然后再调用启用轮播的插件方法和立即播放下一屏的插件方法。 使用到的slick.js插件...
Web前端开发 / / 1617次阅读

PHP使用公开api接口生成本地二维码图片的代码

实现代码很简单,通过二维码生成api接口生成二维码图片,然后检查保存二维码的qrcode目录下是否有同名的.jpg文件,没有就把生成的二维码图片保存到qrcode目录。 函数代码 function tddx_set_qr($url,$qrname){ $path = ABSPATH . 'qrcode'; set_time_limit (10); $destination_folder = $path...
乱七八糟 / / 1189次阅读

javascript防止浏览器打开Web开发者工具查看或调试代码

不想网页被人通过浏览器审查元素或控制台调试网页代码,可以通过比较屏幕window.outerWidth和页面可见区域window.innerWidth的差距判断浏览器是否打开了Web开发者工具,如果检测到Web开发者工具被打就清空网页代码。 实现代码: ;(function () { 'use strict'; var devtools = { open: false,...
Web前端开发 / / 1703次阅读

超简单的隐藏overflow:scroll滚动条的css代码

目前为止还没有单个css样式属性来隐藏overflow属性的默认滚动条,需要针对不同浏览器使用不同的专属css样式属性或css伪类来实现。如对于webkit内核的浏览器Chrome、Safari等使用css伪类;Firefox火狐浏览器使用scrollbar-width属性;IE 10+浏览器使用专属属性-ms-overflow-style。 Firefox浏览器 scrollbar-width 允许开发者...
Web前端开发 / / 2104次阅读

Swiper幻灯片插件实现video视频播放结束再继续轮播的代码

使用Swiper.js轮播图插件实现当前活动块元素有video视频时swiper停止自动切换,监听视频播放结束再继续自动切换到下一个的效果。实现该效果需要用到swiper事件有slideChangeTransitionEnd(swiper)、用到swiper的方法有mySwiper.autoplay.stop()、mySwiper.autoplay.start()。 实现代码 HTML代码 <d...
Web前端开发 / / 2603次阅读

MSSQL计算当前日期和指定日期的时间差(天数差/小时差/分钟差等)

SQL SERVER数据库需要计算当前日期和文章发布日期的时间差,如天数差(相差多少天)、小时差(相差多少小时)或分钟差(相差多少分钟),可以使用GETDATE()函数获取当前的日期时间,使用DateDiff()函数返回两个日期之间的时间间隔,间隔的数值可以是年、季度、月、一年的日数、日、一周的日数、周、小时、分钟和秒。 语法 DateDiff(interval, date1, date2 [,firstdayo...
乱七八糟 / / 3747次阅读