问题总结
工作中遇到的问题,在此记录总结一下。
wendyGao_Yin
这个作者很懒,什么都没留下…
展开
-
HTML5+CSS3 - 视频背景的实现
background实现视频背景先上图,这个图片后i俺的灯塔是个视频背景代码:解析:<video class="bg-dideo" autoplay loop muted> <source src="video/lighthouse.mp4" type="video/mp4"> Your browser does not support the video tag.</video><!--autoplay :自动播放loop :循原创 2022-03-02 17:49:34 · 1252 阅读 · 0 评论 -
PHP executable not found. Install PHP 7 and add it to your PATH or set the php.executablePath settin
问题:Visual Studio Code 安装php插件后提示:PHP executable not found. Install PHP 7 and add it to your PATH or set the php.executablePath setting解决办法:打开VS Code 点击左下角的管理图标(如图左下角),点击“设置”,在搜索框中输入php.validate.executablePath进行搜索,点击结果中的“在setting.json中编辑”,打开setting.js转载 2021-05-06 17:33:29 · 6102 阅读 · 0 评论 -
视频播放问题二:解决Apple自带的Safari浏览器不显示动态添加元素的问题
视频右侧的播放列表是从数据库获取下来,动态渲染的。如下图其他浏览器都可以正常显示,但是苹果自带的Safari浏览器只展示第一屏,元素滚动以后,不会自动显示列表元素,每次都要鼠标滑过哪个才显示哪个。且原来图片是一次性全部加载的,所以这次优化做了图片的懒加载,并且给根据滚动的距离给相应的列表元素添加了另一个宏任务setTimeout,来代替手动触发的hover事件,达到显示播放列表的目的。HTML代码片段:主要样式:<style>.bofang { position: rela原创 2021-02-03 14:45:54 · 803 阅读 · 0 评论 -
视频播放问题一:iframe嵌入视频和 https网站不支持HTTP资源问题解决
问题一: 因为Flash被淘汰,所以项目中的所有的视频都要换成了iframe嵌入:为什么选iframe?<embed> : 允许嵌入PDF,SVG<object>:同 <embed><iframe> :能够将另一个HTML页面嵌入到当前页面中。name="iframe" : 用于定位嵌入的浏览上下文的名称frameborder="0" : 值为1(默认值)时,显示此框架的边框。值为0时移除边框,已废弃,使用 CSS 属性 border 代替原创 2021-02-03 13:59:35 · 23410 阅读 · 0 评论 -
标题中的引号分享到微信不识别问题解决
问题:新闻标题带引号,微信分享出去的时候引号不识别。解决办法,原来是直接把从后台获取到的值赋值给标题属性<span class="shareTitle">{{ $news->title }}</span> //先保存起来wx.ready(function () { var shareTitle = $(".shareTitle").text();// 再获取整个字符串格式的标题, wx.onMenuShareTimeline({ title: shareTi原创 2020-11-19 10:54:04 · 503 阅读 · 1 评论 -
上传图片并限制大小
需求:图片上传,要求图片base64大小不超过2MB注意:图片上传需要本地环境,需要安装node,然后安装live-server,在文件目录打开命令行,运行live-server即可;基于框搭建的项目忽略这个问题。HTML<!-- 头像 --><dl class="clearfix"> <dt>头  像</dt> <dd class="guding_wid modify_station">原创 2020-10-30 16:30:47 · 1113 阅读 · 0 评论 -
JQuer.HoverDir的基本使用方法:解决modernizr报错问题
/** * jquery.hoverdir.js v1.1.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * Copyright 2012, Codrops * http://www.codrops.com */;(function($, window, undefined) { 'us原创 2020-07-14 15:32:36 · 380 阅读 · 0 评论