html5
html5
milijiangjun
这个作者很懒,什么都没留下…
展开
-
2021-06-05
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>404 Not Found</title><script language="javascript" type="text/javascript"><!-- var second = document.g原创 2021-06-05 08:23:23 · 119 阅读 · 0 评论 -
2021-06-05
请求地址:http://acg.bakayun.cn/randbg.php请求方法:get请求参数:Type,t,https参数名 参数说明 备注Type 类型 301 = 301跳转(301 Moved Permanently) 302 = 302跳转 json = JSON数据t 专辑 dfproject = 东方16:9壁纸(495张) dfzh = 东方竖图(6239张) ecyzh = 二次元综合(1991张) 不填 = 全部图片随机https 是否使原创 2021-06-05 12:26:27 · 136 阅读 · 0 评论 -
html5父容器变小子容器不溢出
现有右父容器和子容器父容器原来400 400子容器300300现在父容器宽度变200*200 ,子容器的内容溢出了解决办法 overflow: hidden;子容器的内容过多了。想在固定的300*300 中显示出来。不溢出,如果内容过多出现滚动条 overflow:scroll; 整体代码.nml_show { width: 360px; height: 308px; /* width :33.33%; max-width: 360px; max-height:原创 2020-11-13 16:49:17 · 285 阅读 · 0 评论 -
html5背景图片铺满整个背景
原图效果:可以看到图片宽度和高度不够,就会出现这样的1个整的,3个残缺的。我们要实现 1张图片铺满全屏的效果。代码如下:body{ background: url("image.png") no-repeat; height:100%; width:100%; overflow: hidden; background-size:cover;或者background-size:100%;}特殊情况下用100% 不会出现效果那么,就换cover 试一下实际情况的原创 2020-11-13 16:43:39 · 8691 阅读 · 0 评论 -
响应式和页面自适应自动适应屏幕大小开发精要
1、首先在网页代码的头部,加入一行viewport标签在网页的头部中增加以下这句话,可以让网页的宽度自动适应手机屏幕的宽度 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> <!DOCTYPE html><html> <head> <原创 2020-11-11 16:43:45 · 2748 阅读 · 0 评论 -
ajax的执行流程
原创 2017-10-09 11:47:47 · 893 阅读 · 0 评论 -
Bttostr之 Tag 切换
代码如下: 客户留言查询 .myDanNavRegist, .myDuoNavRegist {原创 2017-09-13 10:17:38 · 810 阅读 · 0 评论 -
BootStrap教程记录002-环境的搭建
您可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当您点击这个链接时,您将看到如下所示的网页:也可以从bootstrap中文网下载预编译的 Bootstrap当您下载了 Bootstrap 的已编译的版本,解压缩 ZIP 文件,您将看到下面的文件/目录结构:如上图所示,可以看到已编译的 CSS 和 J原创 2017-08-07 11:57:23 · 604 阅读 · 0 评论 -
BootStrap教程记录001-简介
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。只要您具备 HTML 和 CSS 的基础知识,您就可以阅读本教程,进而开发出自己的网站。在您学习完本教程后,您即可达到使用 Bootstrap 开发 Web 项目的中等水平。简介:1.Bootstrap原创 2017-08-07 11:01:32 · 743 阅读 · 0 评论 -
echarts使用教程1
今天无意间发现了echarts 是类似于报表的封装的js 和json,自己今天编写了下。特此备注。首先需要js 支持http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts打开echarts 的官网点击教程 点击下载源代码版本,下载出来echarts.min.j原创 2017-07-25 18:27:02 · 1044 阅读 · 0 评论 -
流程图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <svg height="431" version="1.1" width="1004...原创 2019-04-11 14:13:18 · 400 阅读 · 0 评论 -
我的svg案例1
Documentmy first svg cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />如图:原创 2017-08-15 10:04:47 · 606 阅读 · 0 评论 -
js实现验证代码是否存在下划线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js判断字符串是否有下划线</title> <script src="https://code.jquery.com/jquery-3.1.1.mi...原创 2020-01-17 11:20:06 · 1148 阅读 · 0 评论 -
jqGrid的初步展示
https://blog.mn886.net/jqGrid/ 学习的网站https://www.cnblogs.com/ghq120/p/8902917.html写的比较好的网址使用方法:1.下载demo2.引入本地iis 中,直接创建网站。3.进行展示:$(function(){ //页面加载完成之后执行 pageInit();});function p...原创 2019-08-29 15:47:49 · 295 阅读 · 0 评论 -
viduojs播放录播视频
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频</title> <title>https://blog.csdn.net/qq_30282133/article/details/81566273</title> <!-- https://blog.csd原创 2020-09-23 19:23:37 · 320 阅读 · 0 评论 -
videojs直播
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>前端播放m3u8格式视频</title> <title>https://blog.csdn.net/qq_30282133/article/details/81566273</title> <!-- https://blog.csd原创 2020-09-23 19:17:58 · 1433 阅读 · 0 评论 -
js判断一个字符串是不是某个字符开头
今天在做项目的时候碰到了。检索问题业务需求: 我们需要通过a~z 进行筛选数据里面包括 a 下面包含a1,和a2a1和a2 下面各自包含a1a a2a 一次类推用方法检索 this.SuperbSearch.SelectCheckNav = this.navDB.filter(res=>res.classMark.indexOf('Z') !== -1 ); 发现了错误的问题,然后进行修改将其修改为this.SuperbSearch.SelectCheckClassNo_原创 2020-09-20 19:20:46 · 2597 阅读 · 0 评论 -
超强html5父容器透明子容器不透明
极度简单案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>父容器透明子容器不透明</title></head> <style type="text/css"> .box{ width: 300px; height: 150px;原创 2020-09-15 19:24:23 · 445 阅读 · 0 评论 -
html5div 上下左右居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Signin</title> <style type="text/css"> * { margin: 0; padding: 0; } .SignNav { width: 100%; height: 100%; position:原创 2020-09-12 09:23:13 · 919 阅读 · 0 评论 -
特殊五边形polygon
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>特殊logo 页面</title> <style type="text/css"> * { margin: 0px; padding: 0px; } .Show { po原创 2020-09-10 15:00:57 · 366 阅读 · 0 评论 -
特殊形状div
<div> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543989728406&di=76b777451f222733dfd6e63923cdec5a&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F80cb39dbb6fd5266fc原创 2020-09-10 14:59:05 · 560 阅读 · 0 评论 -
CSS中如何设拉伸背景图片铺满屏幕
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="JS/jquery1.10.2.min.js"></script> <style type="text/css"> *{ margin: 0px; paddi原创 2020-09-07 11:06:39 · 1210 阅读 · 0 评论 -
超强-1个div固定铺满全屏方法2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超强-1个div固定铺满全屏方法2</title> <style type="text/css"> * { margin: 0; padding: 0; } .parentDiv { width: 100%; height: 100%;原创 2020-09-07 10:39:51 · 146 阅读 · 0 评论 -
超强-1个div固定铺满全屏
我们现在要实现1个div铺满当前界面全部<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超强-上下两个div上面值固定下面铺满高度</title> <style type="text/css"> * { margin: 0; padding: 0; } .parentDiv { wid原创 2020-09-07 10:36:16 · 233 阅读 · 0 评论 -
html5 判断是什么设备
我们会用到html5 判断当前是什么设备 移动的环视pc 的下面代码可以判断<script type="text/javascript"> $(function(){ var system = { win: false, mac: false, xll: false, ipad:false }; //检测平台 var p = navigator.platf原创 2020-09-07 10:24:54 · 773 阅读 · 0 评论 -
html5视频video不全屏播放
最近项目用到了html5 的video 视频播放。但是视频在我们的div 中居然是左右占满,上下居中的。这效果如图:丑不拉几的。效果也不好。满心的纠结啊。怎么办了。我们通过css 样式进行解决 <div class="spoy" > <!-- 合作伙伴1y --> <video class ="video" loop="loop" autoplay="autoplay" controls> <sour原创 2020-09-05 15:47:07 · 2862 阅读 · 0 评论 -
超强左中右布局中间高度高
今天在做界面布局的时候发现了一个问题,就是自己做高级检索 需要用到左中右布局,自己做了下,发现问题。。。不是自己想的样子。导致内容溢出了效果可以参看当当的筛选正确的解决方案代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margi原创 2020-08-29 14:18:44 · 215 阅读 · 0 评论 -
超强-上下两个div上面值固定下面铺满高度
实现的功能为:界面2个大的div最上面的固定高度底下的需要自动 铺满直接贴代码和效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超强-上下两个div上面值固定下面铺满高度</title> <style type="text/css"> * { margin: 0; padding: 0;原创 2020-08-25 15:22:02 · 720 阅读 · 0 评论 -
上下两个div上面值固定下面铺满高度
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上下两个div上面值固定下面铺满高度</title> <style type="text/css"> /*在body只有一个div的时候,可以通过这样的方式让div撑满整个屏幕。 1.给div设置定位。 复习一下—— css中position有五种属性:原创 2020-08-25 14:51:55 · 1693 阅读 · 0 评论 -
超强界面布局之左右空出指定宽度居中
今天根据工作需要需要做个div让他居中。本来没什么但是随后的需求就难搞了。需要进行左边和右边空出相同宽度的地方 例如: 100px哎,搞起根据以前的方式 来个div 直接样式center 就可以了。但是这个距离左边和右边的宽度。。。。 就不好搞了。于是调整思路进行了一下的方式,先看效果和代码在进行分析在看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti原创 2020-08-25 14:18:06 · 185 阅读 · 0 评论 -
关于elementui下载文件
问题根由:今天下载的时候,发现下载出现问题了。死活下载不出来。网上n 中方法都试过了。最后发现问题的根源。。是后端接口返回的数据格式为{ "msg": "success", "code": 0, "data": { "exhFlag": true, "exhNo": "1", "recentExhNo": "1", "bibliTemplate": "110.110.110.11/1.xls" }}一直让打开的DownLoadUrl 是 dat原创 2020-08-24 19:33:40 · 9053 阅读 · 0 评论 -
json对象的排序的方法
例:1.不传参数,将不会按照数值大小排序,按照字符编码的顺序进行排序; var arr = ['General','Tom','Bob','John','Army']; var resArr = arr.sort(); console.log(resArr);//输出 ["Army", "Bob", "General", "John", "Tom"] var arr2 = [30,10,111,35,1899,50,45]; var resArr2 = arr2.sort(); con原创 2020-08-21 12:47:46 · 8661 阅读 · 0 评论 -
js判断浏览器并重新加载css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.7.1.js" ></scrip...原创 2019-12-27 15:55:26 · 483 阅读 · 1 评论 -
当现有的内容宽度小于900打开百度
// $(window).resize(function(){ // if($('body')[0].clientWidth<900){ // location.href="https://www.baidu.com"; // } // }); // 当界面的大小小于一定的值的时候进行的展示js 代码...原创 2019-12-19 18:02:52 · 284 阅读 · 0 评论 -
特别厉害的html5子容器铺满父容器2
用样式进行控制核心内容: div { width: 100%; height: 100vh; background-color: #CC0000; }写在子容器的样式上面原创 2019-12-19 18:01:28 · 398 阅读 · 0 评论 -
特别厉害的html5子容器铺满父容器
现有功能如下:需要子容器平铺满父容器 子容器多个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>good</title> <style> * { ...原创 2019-12-19 17:59:06 · 856 阅读 · 0 评论 -
js函数的运算的内容
应用场景最广的为: 分页:例如: 尾页 总共256 条数据, 最后一页就是 25 +1 = 26 页但是计算的时候会出现小数这个时候就会用到Math.ceil( ); var CheckIndex = Init.ShowPageCount / Init.ShowPageSize; if (CheckIndex <= 1) { ...原创 2019-12-16 10:21:56 · 376 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'top' of undefined
Uncaught TypeError: Cannot read property 'top' of undefined问题原因:循环写错了。超出索引界限了 在for 循环的时候 i《= 了。 解决方法如下function BandShow(data){ //1.首先进行获取当前的数据然后进行绑定到对应的内容上面 var IdentityTypeCard = data.I...原创 2019-11-29 11:12:30 · 721 阅读 · 0 评论 -
html请求后台接口返回后通过js设置下拉菜单的默认值的内容
例子1:<script type="text/javascript"> function BandShow(data){ //1.首先进行获取当前的数据然后进行绑定到对应的内容上面 var IdentityTypeCard = data.IdentityTypeCard; $("input[id='AnTaiPersonnelTransfer.Id...原创 2019-11-29 11:10:36 · 893 阅读 · 0 评论 -
浏览器查看请求的后台接口数据的信息部分
步骤:点击network 然后点击请求的链接。然后点击preview 查看headers 是请求头信息原创 2019-11-22 08:57:18 · 5672 阅读 · 0 评论