随笔分类 -  HTML

前端小坑
摘要:问题背景: 在使用a标签下载文件时,download属性可以更改下载的文件 // 下载a.exe,并采用默认命名 <a href="/images/a.exe" download>点击下载</a> // 将a.exe改名为b.exe下载 <a href="/images/a.exe" downloa 阅读全文
posted @ 2024-05-29 16:52 study_php_java_C++ 阅读(790) 评论(0) 推荐(0) 编辑
摘要:1.使用express启动服务 安装express npm i express --save 新建app.js启动命令文件 var express = require('express'); var path = require('path'); var app = express(); app.u 阅读全文
posted @ 2023-04-26 19:07 study_php_java_C++ 阅读(591) 评论(0) 推荐(0) 编辑
摘要:解决方案(任选一种): 1. div设置 font-size:0; 2. img设置 display:block; 3. div设置 display:flex; 4. img设置 vertical-align: middle; 原因:The white space displayed below i 阅读全文
posted @ 2022-06-22 14:00 study_php_java_C++ 阅读(332) 评论(0) 推荐(0) 编辑
摘要:不同浏览器中,有的能识别document.body.scrollTop,有的能识别document.documentElement.scrollTop 根据document.body.scrollTop与document.documentElement.scrollTop两者有个特点,就是同时只会有 阅读全文
posted @ 2022-06-20 10:50 study_php_java_C++ 阅读(228) 评论(0) 推荐(0) 编辑
摘要:官网文档: http://html2canvas.hertzen.com/ 使用的是 jquery 3.2.1 html2canvas 1.0.0-rc.7 截取根据id的指定区域: var canvasOtherTopHeight = $('.heading').height() + 31 + $ 阅读全文
posted @ 2021-06-18 11:48 study_php_java_C++ 阅读(3567) 评论(0) 推荐(0) 编辑
摘要:使用下面方法在监听普通的input的change事件正常 $('#pp').on('change', 'input.videos_poster_input', function () { console.log(' '); }) 以上代码在监听动态添加的input的事件就失效 可以采用以下方式:将父 阅读全文
posted @ 2021-06-18 10:52 study_php_java_C++ 阅读(1141) 评论(0) 推荐(0) 编辑
摘要:function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(file); } else if (windo 阅读全文
posted @ 2021-06-18 09:57 study_php_java_C++ 阅读(389) 评论(0) 推荐(0) 编辑
摘要:$('video').trigger('play'); $('video').trigger('pause'); 判断video播放器的播放状态,并进行切换播放,需要这样 let video = $('video').get(0); if(video.paused) { video.play(); 阅读全文
posted @ 2021-06-04 18:07 study_php_java_C++ 阅读(972) 评论(0) 推荐(0) 编辑
摘要:window.frameElement 返回嵌入当前window对象的元素(比如 <iframe> 或者 <object>),如果当前window对象已经是顶层窗口,则返回null. var frameId = window.frameElement && window.frameElement.i 阅读全文
posted @ 2021-02-21 16:35 study_php_java_C++ 阅读(49) 评论(0) 推荐(0) 编辑
摘要:(function(){ var fnUrlReplace = function (eleLink) { if (!eleLink) { return; } var href = eleLink.href; if (href && /^#|javasc/.test(href) false) { if 阅读全文
posted @ 2021-01-21 10:01 study_php_java_C++ 阅读(421) 评论(0) 推荐(0) 编辑
摘要:用于背景颜色渐变或画线条等场景 linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。 创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,默认从下到上渐变。 /* 从上到下,蓝色渐变到红色 */ linear-grad 阅读全文
posted @ 2021-01-12 16:13 study_php_java_C++ 阅读(134) 评论(0) 推荐(0) 编辑
摘要:@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width 阅读全文
posted @ 2020-09-09 17:12 study_php_java_C++ 阅读(365) 评论(0) 推荐(0) 编辑
摘要:1. 功能请求失效: 可能是链接为http请求,导致出现问题 2.浏览器网址左边出现黄色感叹号: 这是由于网页中存在http的图片链接,需要根据实际情况修改; 3.将网页内的http请求变为https: 一个办法是在 html代码 <head> 中 加入 <meta http-equiv="Cont 阅读全文
posted @ 2020-06-11 18:27 study_php_java_C++ 阅读(1888) 评论(0) 推荐(0) 编辑
摘要:问题原因:HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。 解决方案: <meta http-equiv="Content-Security-Policy" content="upg 阅读全文
posted @ 2020-06-09 09:08 study_php_java_C++ 阅读(2096) 评论(0) 推荐(0) 编辑
摘要:HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。 Mixed Content: The page at 'xxx' was loaded over HTTPS, but reques 阅读全文
posted @ 2020-04-30 15:32 study_php_java_C++ 阅读(1602) 评论(0) 推荐(0) 编辑
摘要:一、 安全区域(safe area) 与iPhone6/6s/7/8相比,iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变,下面以iPhone 8作为参照物,先看看iPhone X尺寸上的变化: 苹果对于 iPhone X 的设计布局意见如下: 核心内容应该处于 Safe 阅读全文
posted @ 2020-03-05 16:35 study_php_java_C++ 阅读(4417) 评论(0) 推荐(0) 编辑
摘要:有的时候可能会有这样的需求,一个竖直的输入框,输入信息,文字也是从上到下排列; (但是在移动端或用轮播swiper时不起作用,可以用textarea代替input) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met 阅读全文
posted @ 2020-02-09 09:09 study_php_java_C++ 阅读(1199) 评论(0) 推荐(0) 编辑
摘要:/** * 去除html标签和空格回车等 * @param $string * @return string */ function cutstr_html($string){ $string = strip_tags($string); $string = trim($string); $stri 阅读全文
posted @ 2019-11-13 17:40 study_php_java_C++ 阅读(741) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示