
常用方法总结
不宅的程序园
Stay hungry, stay foolish.
展开
-
flex布局换行间隙不正常
这样写间距好大 display: flex; flex-wrap: wrap;加个这个align-content: flex-start;就好了原创 2021-09-24 10:32:30 · 415 阅读 · 1 评论 -
jQuery删除数组中重复元素
for(var i=0;i<arr.length;i++) { var items=arr[i]; //判断元素是否存在于new_arr中,如果不存在则插入到new_arr的最后 if($.inArray(items,new_arr)==-1) { new_arr.push(items); }}转载 2017-04-24 13:57:30 · 5295 阅读 · 0 评论 -
数组方法总结
join() 将数组中的元素合成字符串sort()数组排序reverse() 方法用于颠倒数组中元素的顺序split() 方法用于把一个字符串分割成字符串数组shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。pop() 方法用于删除并返回数组的最后一个元素push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度c原创 2017-05-16 14:04:29 · 367 阅读 · 0 评论 -
python 建立静态资源服务器报错
下载并安装Python,例如这里想把命令E:\easytest作为提供下载的目录,那么在cmd里cd到该目录下,并执行命令:python.exe -m SimpleHTTPServer 如果提示错误:No module named SimpleHTTPServer则试一下命令:python.exe -m http.server原创 2017-05-26 16:28:01 · 782 阅读 · 0 评论 -
判断接口状态码
error: function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); al原创 2017-05-08 09:43:42 · 3267 阅读 · 0 评论 -
iframe 触发父页面方法,javascript子窗口获取父窗口失败原因
搜索更多转载 2017-05-09 09:57:29 · 1261 阅读 · 0 评论 -
冒泡和捕获
div { background-color: coral; border: 1px solid; padding: 50px;}该实例演示了在添加事件监听时冒泡与捕获阶段的不同。 点击该段落, 我是冒泡 点击该段落, 我是捕获document.getElementById("myP").addEvent原创 2017-06-02 10:15:00 · 413 阅读 · 0 评论 -
js数字转换总结
//格式化金额 function fmoney(s, n) { n = n > 0 && n s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";//更改这里n数也可确定要保留的小数位 var原创 2017-07-01 19:44:23 · 317 阅读 · 0 评论 -
table表格,让thead固定,tbody有滚动条,纯css写法。
table tbody {display:block;height:195px;overflow-y:scroll;}table thead, tbody tr {display:table;width:100%;table-layout:fixed;}table thead {width: calc( 100% - 1em )}tabl转载 2017-12-25 17:08:56 · 1675 阅读 · 0 评论 -
keypress不支持中文问题解决 获取输入框新输入的内容 中文输入过程中不截断 获取光标的具体坐标
$(this).keypress(function(e) { //keypress可以获取到点击的键值 和对应的输入内容但在中文下不会触发 var c = String.fromCharCode(e.which); //获取新输入的内容 });解决方法用oninput$('.input_wrap input').on('input', function (event) {原创 2018-01-16 13:56:40 · 2367 阅读 · 2 评论 -
filter()删除数组中指定内容的元素不依据下标
返回数组 ages 中所有元素都大于 18 的元素:var ages = [32, 33, 16, 40];function checkAdult(age) { return age >= 18;}function myFunction() { document.getElementById("demo").innerHTML = ages.filter(check...转载 2018-07-20 17:35:03 · 2221 阅读 · 2 评论 -
图片置灰然后缓慢的变彩色动效
图片置灰然后缓慢的变彩色动效 #sponsors img {filter: gray; transition: all 0.3s ease;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%...原创 2019-01-21 15:18:19 · 473 阅读 · 0 评论 -
百度面试题2017
## 前端面试题1、简述以下常见标签的语义以及默认的display值:p, li, ul, form, b,img,这几个dispaly值的区别是什么?2、写一个布局:要求:整体尺寸等于浏览器窗口的尺寸,设置最小高度和最小宽度,顶栏高度固定50px, 侧栏宽度固定200px, 内容部分占据剩余的空间,如图: { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = funct转载 2017-05-12 10:24:53 · 4502 阅读 · 0 评论 -
safari 浏览器placholder不居中问题解决方法
safari 浏览器placholder不居中问题解决方法原创 2016-09-10 16:26:56 · 2530 阅读 · 0 评论 -
移动端h5长按删除效果
粘贴到html即可看到效果,用于移动端长按删除 删除 // 长按$.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i].addEventListe原创 2016-09-05 18:22:52 · 10550 阅读 · 0 评论 -
字符串中的等号后的第一个数字相加
var dishes='6324-6546=2654656&=5654656&=5654656'; console.log(addCountEle(dishes)); function addCountEle(dishes){ var preg = /=\d&?/g; var result = dishes.match(preg);原创 2016-10-12 10:37:30 · 744 阅读 · 0 评论 -
js 结束时间不能小于开始时间
checkCompareCount('2016-05-23','2015-04-11');//form提交前,验证:1结束时间>=开始时间function checkCompareCount(a11,b11){ //结束时间>=开始时间 var begingDate1 = a11; var endDate1 = b11;/* var begingDate2 = docume原创 2016-10-12 16:18:30 · 4651 阅读 · 0 评论 -
火狐下pre标签如何换行
pre {white-space: pre-wrap; /* css-3 /white-space: -moz-pre-wrap; / Mozilla, since 1999 /white-space: -pre-wrap; / Opera 4-6 /white-space: -o-pre-wrap; / Opera 7 /word-wrap: break-word; / Inte转载 2016-09-27 11:44:06 · 385 阅读 · 0 评论 -
自适应宽度盒子水平垂直居中css
sorry!小主把截图截的偏了所以看着好像不居中,但是是居中的哦,还有截图上的floatbox有position:fixed样式,这里没有粘贴哦。。 拒绝理由就打死我发的是看见发货单上看了附近的说了句发的是开发商的付款了电视剧方考了多少.refusebox{ display:-webkit-box; -webkit-box-orient:horizontal;原创 2016-11-09 16:02:02 · 1334 阅读 · 0 评论 -
js 获取按键的keyCode
document.onkeydown=function(event){ var event=event||window.event; document.getElementById("showZone").innerHTML=event.keyCode;};原创 2017-01-04 16:01:42 · 4649 阅读 · 0 评论 -
实时监测输入框值得变化
20){this.value=this.value.substr(0,20)}" onpropertychange="this.value=this.value.substr(0,20);" oninput="this.value=this.value.substr(0,20)">原创 2017-01-04 16:04:28 · 383 阅读 · 2 评论 -
多行文本字数限制
弹性textarea 还能输入200个字符 /* 使用方法 目前textarea需要指定width,否则会有bug,后续再看是否有更好的解决方案 $(function(){ $("#textarea"原创 2016-12-20 11:59:10 · 1467 阅读 · 0 评论 -
移动端h5头像上传、头像裁切、上传图片
一、点击头像区域选择本地图片 二、显示被选本地图片显示裁剪选取框 三、确认选取后,上传到阿里云返回路径 四、初始点击区域显示裁剪完成的图片后面代码奉上原创 2016-09-05 10:39:14 · 27963 阅读 · 34 评论 -
ajaxFileUpload 报这错jQuery.handleError is not a function
现在大家至少也在用jquery1.9以上的版本,ajaxfileupload的版本早就不更新了,大家可以下载看:地址这里,它例子里使用的Jquery是1.2的,好老呀。。。这个问题,我以前开发过程中遇过,网上说经测试(我是没测试),是版本1.4.2之前的版本才有handlerError方法,之后就不存在了,(你存在,我深深的脑海里。。。),为了能够继续使用ajaxfileupload上传我们的附件转载 2017-04-11 13:12:07 · 682 阅读 · 0 评论 -
CSS设置table下tbody滚动条与thead对齐的方法
威易网CSS教程table tbody { display:block; height:195px; overflow-y:scroll;}table thead, tbody tr { display:table; width:100%; table-layout:fixed;}table thead {原创 2017-04-18 13:43:54 · 6027 阅读 · 0 评论 -
兼容ie背景透明、里面元素不透明写法
兼容ie背景透明、里面元素不跟着继承透明写法代码如下原创 2016-09-10 16:20:25 · 1165 阅读 · 0 评论