文章分类 - html/css
摘要：我们常常有着将视频作为网页背景的需要，但是在设置时也经常差强人意，今天设置了一下，可以基本达到要求了，可能有些小细节做的不是太好，希望指出来，一起进步 第一步：准备工作 工欲善其事必先利其器，我们首先需要准备一个视频，我准备了一个这样的视频，如图： 是不是很美，当然了，，没我美哈 第二步：引入视频
阅读全文
摘要：工作中input='text'总会遇到要控制输入数字，或者是输入中文，输入电话，输入身份证号，邮箱等。今天我到的是要输入数字并且只能小数点后面两位的数字，还不能为负数。上代码： <input id="test" οnkeyup="clearNoNum(this)" /> //控制只能输入小数点后2位
阅读全文
摘要：有时候我们在处理input输入框的时候,特别是在修改或者查看一些数据的时候,不希望去修改里面的值需要进行对input框进行禁止输入,那么以下几种方式就参考一下: 第一种: <input type="text" name="username" value="ss" onfocus=this.blur(
阅读全文
摘要：使用场景： 1. 页面需要定时刷新，实时加载数据，需要实时查看监控数据（H5中的WebSocket和SSE可以实现局部刷新） 2. 一定时间之后跳转到指定页面（登录注册之类） 3. 前端开发使用伪数据调试html页面（修改一些js的变量值，可以自动刷新效果) 示例代码： 1. 页面自动刷新注：其中1
阅读全文
摘要：button 方法：加上属性disabled = “disabled” 或者 disabled = “true” <button id="btn" disabled="disabled">确定</button> 2>Javascript里 <script> $("#btn").attr("disab
阅读全文
摘要：每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下： clientHeight和offs
阅读全文
摘要：安装npm 简单的说，npm就是JavaScript的包管理工具。类似Java语法中的maven，gradle，python中的pip。去nodejs官网下载nodejs傻瓜式安装即可，默认会安装npm。但是这个npm可能不是最新的，更新：npm install npm@latest -g 使用步骤
阅读全文
摘要：iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性 上面一些tag，会在下文进行穿插说明，单个不好说。我们通常使用iframe最基本的特性，就是
阅读全文
摘要：Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。 相信大部分人都一样，看到一大筐用文本或者表格形式呈现的数据就头疼。因为这种呈现方式也太无聊了吧。。。而且这对于我们处理原始数据也造成一定的困难。 不信？我反手就是一个例子： 更进一步说，柱状图能够直观的显示出趋势或者事实。
阅读全文
摘要：1.问题描述 Bootstrap4移除了收费图标的相关内容，如果想使用图标样式需要使用https://octicons.github.com/ 和http://fontawesome.io/提供的内容。当然还可以自行引入相关样式到bootstrap.css中。 2.自行添加样式方法 在bootstr
阅读全文
摘要：("[name='checkbox']").removeAttr("checked");//取消全选 $("[name='checkbox']:even").attr("checked",'tru
阅读全文
摘要：今天要做一个数据下载到本地保存为txt文件，一开始网上找了很多例子，大部分都是用的ActiveXObject对象，但是粘贴到本地测试就报错，后来才发现这个只兼容IE。后来又搜索了半天才得到解决，现在我就把解决办法给大家分享一下。 首先HTML结构使用最简单的结构： <textarea name=""
阅读全文
摘要：( 网页加载时，有时内容过多，一直加载等待，而此时网页显示白色不显示任何的东西，给用户的体验相当不好，所以，一般会在网页加载成功前，会以进度条的形式，给用户进行展示。让用户可以看到动画，知道网页正在加载中) 常见的方式有以下： 1. 定时器的进度条（假的） 1 2 3 4 5 6 7 8 9 <sc
阅读全文
摘要：html5 audio音频播放 html5 audio 音频播放demo loading 00:00/00:00 爱情错觉
阅读全文
摘要：在论坛里看到有些网友，不能正常使用FTP来传送文件，所以写此帖。 环境：云服务器ECS，网络类型为“专有网络”，创建ECS绑定公网IP；系统镜像为Debian 8 现象：FTP客户端可以连接FTP服务端，但“读取目录列表失败”。 原因：专有网络的ECS系统中，没有公网IP地址，是经NAT与互联网连接
阅读全文
摘要：“Cache-control”常见的取值有private、no-cache、max-age、must-revalidate等网页的缓存是由HTTP消息头中的“Cache-control”来控制的，常见的取值有private、no-cache、max-age、must-revalidate等，默认为p
阅读全文
摘要：HTTP 头部解释 1. Accept：告诉WEB服务器自己接受什么介质类型，*/* 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。 2. Accept-Charset： 浏览器申明自己接收的字符集 Accept-Encoding： 浏览器申明自己接收的编码方法，
阅读全文
摘要：HTTP（HyperTextTransferProtocol）是超文本传输协议的缩写，它用于传送WWW方式的数据，关于HTTP 协议的详细内容请参考RFC2616。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户信息和内容
阅读全文
摘要：你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. * 1 * { margin: 0; padding: 0; } 1
阅读全文
摘要：前言 HTML5的canvas有很多应用点，如绘画板、图形绘制、游戏交互、彩票刮刮乐等，除了这些，还有个比较好的点就是主页涂抹一部分之后，页面消失进入主要内容。 wScratch是一个模拟刮刮卡的jQuery插件，可以设置刮开纯色或者图像。 演示 显示刮卡百分比 到达一定百分比清空 属性设置 可用的
阅读全文
