html5
关注
分享
扫一扫
项目实际问题
冉然
一直走
展开
-
控制台提交代码
1.安装 Homebrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2.安装命令brew install git3.将有变动的文件添加到索引也可以用 【git add 路径】单个添加git add .4.将文件提交，会弹出...原创 2019-12-26 15:47:13 · 275 阅读 · 0 评论 -
高度撑开问题（ul、folat等）
1、div内部存在ul时，div高度的自适应方法，给div添加：overflow: auto;2、当页面中存在folat:flet，高度撑开 overflow: auto;原创 2018-06-08 11:03:11 · 708 阅读 · 0 评论 -
转义字符
1、先编码：namessss= encodeURI(namessss);2、后转义，将编码转换成字符 function getCharFromUtf8(str) { return decodeURI(str);}原创 2018-06-08 10:58:01 · 368 阅读 · 0 评论 -
背景设置
1、设置透明度的背景时：background-color: rgba(0,0,0,0.3);原创 2018-06-08 10:52:00 · 170 阅读 · 0 评论 -
js 正则简单使用
1、删除所有空格var str=“dddda worth”;str=str.replace(/\s|\xA0/g,"");2、中文var chineseReg = /^[\u4e00-\u9fa5]*$/;3、数字var reg = /^\d+$/;原创 2018-06-08 10:51:05 · 181 阅读 · 0 评论 -
js 动态设置样式
var oDiv2 = document.getElementById('downDivId');oDiv2.style.marginTop = 160*(numUp+1) + 'px';原创 2018-06-08 10:49:18 · 843 阅读 · 0 评论 -
border
1、取消border边框border-collapse: collapse;（必须添加，不然设置不起作用）border：0;其他问题，项目中遇到会随时记录原创 2018-06-08 10:48:00 · 534 阅读 · 0 评论 -
前端缓存问题
项目中遇到的一些问题及实践，如有不同，可以一起分享，谢谢，，一起学习，一起进步1、页面缓存<meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content=&原创 2018-06-08 10:40:22 · 783 阅读 · 0 评论 -
根据当前索引，移除当前数组Array中的对象
function remove(array,index){ if(index<=(array.length-1)) { for(var i=index;i<array.length;i++) { array[i]=array[i+1]; } } else { throw new ...原创 2018-06-11 11:35:36 · 2047 阅读 · 0 评论 -
时间戳和日期之间的转换
//获得年月日 得到日期oTimefunction getMyDate(str){ var oDate = new Date(str), oYear = oDate.getFullYear(), oMonth = oDate.getMonth()+1, oDay = oDate.getDate(), oHour = oDate...转载 2018-06-11 11:34:40 · 533 阅读 · 0 评论 -
弹框 、手机页面上body不随遮罩层上内容一起滚动
1、弹出框时，隐藏$('body,html').css({ position: 'relative', top:'0', height:'100%', overflow: 'hidden',})2、关闭弹框时，清除样式，删除style中相应的属性$('body').css({ position: null, overflow: 'visible', hei...原创 2018-06-08 10:58:37 · 483 阅读 · 0 评论 -
label+input 选择（优化多选按钮）及 input实现全选反选
1、多选， 选择之后不同的背景， input中 id和label中 for对应的值必须相同'<label class="inputLable" for=' + item.orderId + '><input type="checkbox" id=' + item.orderId + ' value=' + item.orderId + ' "/></label&g...原创 2018-06-08 11:01:01 · 2704 阅读 · 0 评论 -
2018.2.3 webStore过期已解决--亲测（window）
1.webStore下载地址：http://www.jetbrains.com/webstorm/download/#section=windows2.将webStore安装到C盘3.打开http://idea.lanyus.com/下载下面位置的补丁3.然后找到C:\Program Files\JetBrains\WebStorm 2018.2.3\bin 将刚下载的...原创 2018-09-28 12:21:46 · 1029 阅读 · 0 评论 -
webScoket(angular.js、vue.js )分别实现，实时接收后台发送过来的数据信息！转载（已测试通过）
VUE.js实现 angular.js http://www.cnblogs.com/goodhelper(这个人博客很厉害，可以关注)<!DOCTYPE html><html><head> <meta charset="UTF-8"/> <title>My WebSocket</title&转载 2018-08-23 15:57:56 · 2498 阅读 · 0 评论 -
js 常见的弹框
链接: https://pan.baidu.com/s/1ZmOd7_BA8d-u-pPix1IUzQ密码: 2msx原创 2018-07-27 15:19:42 · 322 阅读 · 0 评论 -
js 动态上传多张图片到腾讯云Demo及动效 （链接永久有效）
链接: https://pan.baidu.com/s/1nUTFQbbfkaeyuoULwM9LDg密码: u6ra效果图如下：动效是自己添加如密码失效，请留言原创 2018-07-25 17:28:19 · 1349 阅读 · 3 评论 -
前端兼容问题：8.0之前版本 display
1、display8.0之前：display: -moz-box; /*Firefox*/display: -webkit-box; /*Safari,Opera,Chrome*/display: box;8.0之后：display: flex;原创 2018-07-25 17:01:51 · 229 阅读 · 0 评论 -
a 标签实现 iframe 效果 及 iframe 子试图调用父试图的方法
根据子试图的不同刷新主视图（json格式自己定义）1、body中添加<body onload="IFrameResize()"><a v-for="(list,index) in navLists" class="add" :class="{ red:changeRed == list.id }"@click="selectTab(list.id)"原创 2018-07-25 16:52:40 · 918 阅读 · 0 评论 -
获取form表单中input对象
function getElements(formId) {var form = document.getElementById(formId);var elements = new Array();var tagElements = form.getElementsByTagName('input');for (var j = 0; j < tagElements.leng...原创 2018-07-25 16:45:31 · 10163 阅读 · 0 评论 -
img 标签设置
1、设置图片缩放的比例.Xing img{ -webkit-transform: scale(1) rotate(0) translate3d(0,0,0); transform: scale(1) rotate(0) translate3d(0,0,0);}2、设置图片在底部，且不随input的聚焦而改变位置.ulist { width: 100%; position:r...原创 2018-06-08 11:06:34 · 1428 阅读 · 0 评论 -
渐变
1、字体渐变background-image: -webkit-gradient(linear, 0 0, 0 0, from(#C0E9FF), to(#FFFFFF));-webkit-background-clip: text;-webkit-text-fill-color: transparent;2、背景渐变background: -moz-linear-gradient(left, #...原创 2018-06-11 11:33:55 · 176 阅读 · 0 评论 -
table的使用 （表格原有的数据进行排序、奇偶判断）
1、单独给tr设置边框不起作用，需要设置table的下面属性，才能起到作用：style="border-collapse: collapse;"2、对当前table表格原有的数据进行排序function numCheck(){var num = $(".fixed-table-box tr").length; //获取tr的长度for (var i = 0; i <...原创 2018-06-11 11:33:16 · 1309 阅读 · 0 评论 -
js判断当前浏览器的分辨率
var events = navigator.userAgent;if (events.indexOf('Android') > -1 || events.indexOf('Linux') > -1 || events.indexOf('Adr') > -1) { console.log("安卓手机");} else if (events.indexOf('iPhone')...转载 2018-06-11 11:32:10 · 2516 阅读 · 0 评论 -
html 分隔线
.css.demo_line{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 150px solid #ddd; border-right: 150px solid #ddd; text-align: center;}.html经典留言实现效果图:-------原创 2017-06-15 17:04:31 · 1103 阅读 · 0 评论 -
正则判断小数/中文/数字/电话格式以及邮件地址是否合法
/*是否带有小数*/function isDecimal(strValue ) { var objRegExp= /^\d+\.\d+$/; return objRegExp.test(strValue); } /*校验是否中文名称组成 */function ischina(str) { var reg=/^[\u4E00-\u9FA5]{2,4}$/;原创 2017-06-14 18:12:39 · 484 阅读 · 0 评论 -
ajax的使用及传值
其实这个例子很简单,但是对刚学习的朋友应该很实用,希望可以帮到你们,这是我在项目中的实例,可参考下,第一步: xml中调用 test()方法第二步:在js中写方法的实现function test(data) { var _course_ids = new Array(); _course_ids.push("1"); _course_ids.push("2");原创 2017-06-09 18:27:08 · 770 阅读 · 0 评论 -
左滑切换页面
其中引入的工具类 即swiper.min.css 和 swiper.min.js 在下面的代码中,直接粘贴即可,query.min.js自己在网上找个引用就可以-------------------------------------------*********************.html中代码**********************---------------------原创 2017-06-12 10:34:55 · 1452 阅读 · 0 评论 -
ajax动态加载图片
第一种:document.write(" ")第二种+data.courseDOs[i].pictureUrl+'"/>原创 2017-06-10 15:04:16 · 3996 阅读 · 0 评论 -
h5获取输入框中的内容
常见的输入框:input、textareajs;function buy() { var btn=document.getElementById("btn"); btn.onclick=function () { var text=document.getElementById("text"); alert(text.value);原创 2017-06-30 09:43:13 · 4307 阅读 · 0 评论 -
mac版打开网页编译器的方法
在当前网页中Safari --->偏好设置------>高级------->打开开发--------->在任务栏中显示开发------>设置显示web检查器、或直接使用快捷键command+option+i原创 2016-08-02 17:50:15 · 1083 阅读 · 0 评论 -
h5 购物车动态加载页面及动态计算价格js
购买清单 .content{ width: 100Px; height: 100px; background: deepskyblue; } .right-div{ width: 100Px; height: 1原创 2017-08-01 16:59:51 · 1530 阅读 · 0 评论 -
input 标签
1、取消input的选中时的高亮状态outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);2、文字在input中的位置padding-left: 10px;3、改变input的字体颜色input::-webkit-input-placeholder, textarea::-webkit-input-placeholder4、取消i...原创 2018-03-23 14:34:55 · 282 阅读 · 0 评论 -
h5 返回到之前的页面几种方法
1、返回上一页,不刷新history.htmlwindow.history.go(-1); javascript:window.history.go(-1)2、返回上一页并刷新页面avascript:location.replace(this.href);event.returnValue=false;3、返回上一页并刷新self.location=document.referrer4、返回上一页...原创 2018-03-23 14:31:33 · 23252 阅读 · 0 评论 -
h5 select 标签
1、select信息回显，根据option标签的ID来进行判断 测试的代码这里是两个等号 if (all_options[i].id == optionID) { all_options[i].selected = true;}2、给select添加背景background: url('../xiala.pic') no-repeat scroll ...原创 2018-03-23 14:25:11 · 4610 阅读 · 0 评论 -
字符串超过指定的位置显示。。。
var addressStr=’浙江省杭州市余杭区阿里巴巴与四十大盗’; if (addressStr.length>16){ addressStr=addressStr.substr(0,16)+’…’; }else { addressStr=addressStr; }原创 2018-01-19 17:48:22 · 329 阅读 · 0 评论 -
js 使页面滑到指定位置
(‘html,body’).animate({ scrollTop:(‘html,body’).animate({ scrollTop: (“#content”).offset().top-145 }, 500);原创 2018-01-19 17:44:19 · 1262 阅读 · 0 评论 -
js 反选
// 单选反选 function selectAll() { var checkboxs=document.getElementsByName(“checkboxs”); for (var i=0;i原创 2018-01-19 17:42:06 · 383 阅读 · 0 评论 -
js 自定义div的高度
1、自动获取高度 window.onload=function() { var h=document.documentElement.clientHeight-185;//可见区域高度 ss=document.getElementById(‘tab’); ss.style.height=h+”px”; }原创 2018-01-19 17:32:08 · 19256 阅读 · 0 评论 -
js 判断登录之后，返回到上一个的页面
var ferrer = document.referrer; if($.trim(ferrer)==”){ location.href = ‘index/index.html’; }else{ if(ferrer.indexOf(‘/BaiMa’)==-1){ //来自其它站点 location.href = ‘index/index.html’;原创 2018-01-19 17:50:47 · 3611 阅读 · 0 评论 -
javascript 按钮复选框选择
script>//全选 function checkAll(name){ var names=document.getElementsByName(name); var len=names.length; if(len>0) { var i=0; for(i=0;ilen;i+原创 2016-08-02 14:00:09 · 735 阅读 · 0 评论