html
文章平均质量分 75
小猪佩阳
行多久,方显执着,思多久,方能远见。。。。
展开
-
js 文件上传判断文件类型
function getFileType(fileName) { // 根据后缀判断文件类型 let fileSuffix = ""; // 结果 let result = ""; try { let flieArr = fileName.split("."); fileSuffix = flieArr[flieArr.length - 1]; } cat...原创 2019-12-24 16:19:39 · 2192 阅读 · 1 评论 -
移动端rem配置(js动态改变和css @media配置)
一:js动态改变rem(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clie...原创 2018-05-11 14:55:46 · 4270 阅读 · 0 评论 -
移动端开发meta标签的使用
移动端开发meta标签的使用一、viewport的使用,在浏览器中页面将以原始大小显示,并不允许缩放注释:initial-scale:初始的缩放比例(范围从>0到10)minimum-scale:允许用户缩放到的最小比例maximum-scale:允许用户缩放到的最大比例user-s原创 2017-12-28 10:29:34 · 1344 阅读 · 0 评论 -
穿梭框:HTML5 select 标签模拟穿梭框
一、HTML5 select 标签模拟穿梭框效果二、源码 穿梭框 ::-webkit-scrollbar { width: 0px } .select { width: 600px; height: 220px; margin: 100px auto; } .select div { float: left原创 2017-12-27 15:48:32 · 5629 阅读 · 0 评论 -
HTML5 canvas电子签名与截图
一:效果图二:页面代码 电子签名截屏 清除 下载 截屏 function convertCanvasToImage(canvas) { return canvas.toDataURL("image/png"); }; fun原创 2017-12-14 09:15:44 · 8631 阅读 · 7 评论 -
js table表格排序
一:表格排序效果,根据点击表格头部th进行排序,如图:二:示例代码,如下: #tb1 { border: 1px solid #ddd; } #tb1 thead th{ width: 60px; } #tb1 tbody td { border: 1px solid #ddd; width: 60px;原创 2017-11-21 16:35:16 · 971 阅读 · 0 评论 -
模拟select下拉实现多选
一、实现效果如下:二、代码如下: 多选 * { padding: 0; margin: 0; } a { text-decoration: none; } li { list-style: none; } #select { width: 300px;原创 2017-11-03 17:37:23 · 1141 阅读 · 0 评论 -
web前端分页
web前端分页 pagination-nick button { padding: 5px; margin: 5px; } .active-nick { color: red; } input { width: 50px; text-align: center; }转载 2017-10-24 15:05:50 · 1752 阅读 · 0 评论 -
web前端pc,mobile复制粘贴功能的实现
第一步:首先将要复制的内容放到一个隐藏的input标签中,不要用type='hidden',利用定位或css将input隐藏第二步:HTML代码片段第三步:引入clipboard.min.js,src路径为点击打开链接 https://pan.baidu.com/s/1sl7aMip,如图:第四步:调用,如图:原创 2017-10-09 17:54:42 · 2570 阅读 · 0 评论 -
CSS3新特性
最近研究css3一些新的特性,在这里和大家一起学习,一起分享,总的来说,CSS3有一下几大特性:1.原创 2017-07-06 10:22:51 · 416 阅读 · 1 评论 -
input[type='file'] img图片上传
图片上传在网站开发中,其是在移动端,是很常见的一个功能,在网上类似的教程也很多,有很多虽然功能强大,但是布局却是成了制约我们使用的最大因素,还有就是在移动端图片太大很难上传成功,最近发现了一个比较灵活的图片上传方法,分享给大家转载 2017-07-06 09:48:53 · 614 阅读 · 0 评论