项目经验
lidog
这个作者很懒,什么都没留下…
展开
-
超出内容时出现滚动条
需求是 div 有预定高度;当其中的内容没有超过高度时 现实默认;当内容超出div 高度时,让其出现滚动条,防止撑开div影响布局;让 div 超出内容时出现滚动条 ,正确的做法是:overflow-y:auto;max-height:320px;添加这两个属性以后,就可以实现了;当然,为了保险起见,还可以添加一个overflow-x:hidden;防止原创 2017-05-20 23:40:28 · 7012 阅读 · 1 评论 -
判断一个div是否在屏幕外
判断一个div是否在屏幕外var offset = $that.offset(); var clienH = $(window).height() ; //屏幕高度 var boxHeight = offset.top + $that.outerHeight() + 5+ 271 - $(window).scrollTop(); //div的高度+offset.top -原创 2017-05-20 23:56:31 · 2286 阅读 · 0 评论 -
富文本编辑器中的一些问题
Div contenteditable = true 光标 function po_Last_Div(obj) { if (window.getSelection) {//ie11 10 9 ff safari obj.focus(); //解决ff不获取焦点无法定位问题 var r原创 2017-05-20 23:49:13 · 2113 阅读 · 0 评论 -
正则替换字符串为空
替换字符串为空的时候,必须是 ” ”;中间有一个空格;原创 2017-05-21 00:05:57 · 3413 阅读 · 0 评论 -
页面滚动到指定位置
点击某个div ,页面滚动到指定位置回到顶部 scrolltop = 0;结合获取到某个div的offset().top;可以使某个 div 滚动到顶部原创 2017-05-21 00:07:04 · 5604 阅读 · 0 评论 -
正则表达式中的修饰符
原创 2017-05-21 00:13:32 · 618 阅读 · 0 评论 -
正则判断 是否为空
正则判断是否为空字符串原创 2017-05-21 00:14:21 · 32002 阅读 · 0 评论 -
获取选中的check按钮的值
获取选中的check按钮的值$("input[name='pt']:checked").val()原创 2017-05-21 00:15:21 · 1733 阅读 · 0 评论 -
边栏滚动固定
这个函数要配合 css 使用;先在div 中设置好top 和bottom 的值;scroll_on:function(div){ var top = $(div).offset().top; $(window).scroll(function(){ var scrolltop = $(window).原创 2017-05-21 00:16:35 · 420 阅读 · 0 评论 -
两数组随机合并
两数组随机合并count_arr:function(arr1,arr2){ var arr = []; do{ var int= parseInt(Math.random()*100)%2; if(int == 1&&arr原创 2017-05-21 00:21:39 · 784 阅读 · 0 评论 -
Js 中 This的解释
原创 2017-05-21 00:30:43 · 427 阅读 · 0 评论 -
可编辑Div中,标点或者单词不换行
可编辑Div中,当出现标点很多或者单词很长的情况的时候 ,可以设置两个属性解决。word-break:break-all; /*支持IE,chrome,FF不支持*/word-wrap:break-word;/*支持IE,chrome,FF*/ break-all 是打断单词,但是测试发现,不能打断连续的标点,如:。。。。。。。。。。。。。。。。。;break-word原创 2017-05-21 00:35:31 · 1161 阅读 · 0 评论 -
日期对象,判断天数,时间戳转换等时间处理
日期对象getDate() 是获得当日的日期 。getDay() 是获得星期几。通过年和月可以判断出 当月有几天通过setFullYear();getMonth() 返回值是0-11;所以,说getfullYear() 的day为0时,返回的是上个月的最后一天是没有错的。知道年,月,查找当月有多少天:run(2017,2) =>原创 2017-05-21 00:23:37 · 875 阅读 · 0 评论 -
怎么成为大公司的前端(例如:阿里巴巴)
(此文章所涉及内容大多来自网络,本人整理收集,便于勉励自强,非商业使用,如有冒犯,请评论告知删除)1,招聘信息-----------------------------------------------------------------------------------------------------------------------------------------原创 2017-07-25 15:52:37 · 5990 阅读 · 1 评论 -
js 设置css 无效
设置一个元素的 css时 。,如果值是一个变量,width,height值后面都要加“px”;原创 2017-05-20 23:46:18 · 1509 阅读 · 0 评论 -
js 合并两个 数组的常用方法
js 中我们经常需要把两个数组合并 形成数据更新;第二种是深度合并;原创 2017-05-20 23:38:42 · 1113 阅读 · 0 评论 -
js 中 switch 语句 不执行
Js中 如果用switch语句,有时会发现没有匹配执行;console 出来的值 又发现是正确;其实原因很可能 2!=“2”;switch它是严格匹配的,所以case的值 一定要明确是字符串还是数字。原创 2017-05-20 23:34:50 · 3197 阅读 · 0 评论 -
jq 的 append 方法
jq 的append api 可以添加元素,它有一种方式是直接添加字符串;要注意的是,字符串一定是用双引号括起来的,不能使用单引号;Jq .append(“”“”);原创 2017-05-20 23:54:05 · 1014 阅读 · 0 评论 -
Settimeout 设置以后,可以用cleartimeout清除。
Settimeout 设置以后,可以用cleartimeout清除。原创 2017-05-20 23:57:08 · 7136 阅读 · 0 评论 -
超过一定字数 现实为 “更多”
如果字数超出 len 出现 【更多】链接$(function(){var slideHeight = 75; // pxvar defHeight = $('#wrap').height();if(defHeight >= slideHeight){$('#wrap').css('height' , slideHeight + 'px');$('#read-more原创 2017-05-20 23:58:18 · 378 阅读 · 0 评论 -
光标 换为 自定义图片
css 提供了光标换图片的属性 cursor;需要在url后面加“”,auto“”原创 2017-05-21 00:00:46 · 2012 阅读 · 0 评论 -
jq 实现无缝轮播
下面的例子len是实际item的长度。 lunbo:function (time){ var topIn =$('#content_top'); var oli = $('#content_top .top_item'); var len = oli.length;原创 2017-05-21 00:03:17 · 692 阅读 · 0 评论 -
Js 链接跳转的几个方法
1.在原来的窗体中直接跳转用window.location.href="你所要跳转的页面";2、在新窗体中打开页面用:window.open('你所要跳转的页面');window.history.back(-1);返回上一页原创 2017-05-21 00:09:50 · 8081 阅读 · 0 评论 -
js 实现动态搜索请求
目的是搜索框保证最后一次键入会成功发送请求,同时也能有一定动态搜索;$('#searchInput').on("keyup",function(e){ $("#mess").hide(); $("#tn_emailBox").hide(); clearTimeout(seach_timer);原创 2017-05-21 00:17:58 · 2251 阅读 · 0 评论 -
绑定不了事件
碰到绑定不到事件的情况的时候,考虑下面的方式;具体绑定不上原因不明$(document).on('click','#span_'+id,function(){ $('#miaoshu_content_'+id).show(); $('#min_miaoshu_conte原创 2017-05-21 00:28:54 · 368 阅读 · 0 评论 -
判断一个div的滚动条是否到达了底部
判断一个div的滚动条是否到达了底部$(document).height() == $(window).height() + $(window).scrollTop()。内容高度 = 窗口高度 + 滚动高度;Div的内容发送变化时,让div始终保持在底部vardiv =document.getElementById('box')div.scrollTop原创 2017-05-21 00:33:13 · 3224 阅读 · 0 评论 -
聊天室 的滚动逻辑
聊天室的滚动逻辑是1, 自己发送信息时 滚动保持在底部;2, 接受信息时,判断当前滚动条是否在底部,是的话,就保持在底部。不是的话就不滚动。原创 2017-05-21 00:34:32 · 461 阅读 · 0 评论 -
交换两个兄弟元素的位置
交换两个兄弟元素的位置$('#div').next().after($('#div ')); //把div调到下一位兄弟元素的后面;原创 2017-05-21 00:36:22 · 3321 阅读 · 0 评论 -
js 中的四舍五入
1. var uu=Math.floor(5.36) //向下取整 结果为5 2. var uu=Math.floor(5.88) //结果为5 3. Math.ceil(5.33) //向上取整,结果为6 4. Math.round(5.55) //四舍五入 结果为6 5. math.round(5.22) //结果为5原创 2017-05-21 00:36:56 · 436 阅读 · 0 评论 -
三个数组随机合并
三个数组随机合并; count_arr3:function(arr1,arr2,arr3){ var arr = arr1.concat(arr2).concat(arr3); function shuffle(aArr){ var iLength = aArr.原创 2017-05-21 00:37:48 · 1655 阅读 · 0 评论 -
mouseenter 和over 实现二级导航的原理
前端开发中我们常常会遇到制作二级导航的需求;你可能第一直觉想到是用div 中装 ul 的结构 来实现: 标题 item item item 这样可以实现;但是后面会遇到事件冒泡,点击失灵等问题;在现实与隐藏的操作上也不是很方便;所以我更加建议 使用 我们先想到的是用 mouseover 和 mouseOut 事件;原创 2017-05-20 23:09:20 · 562 阅读 · 0 评论 -
url 中提取数据
处理一个你知道的url的参数,可以这样;需求:跳转到新页面,判断url是什么类型(type),参数str是什么(name);网上有很多处理url参数的方法;推荐正则;原创 2017-08-10 13:41:47 · 1669 阅读 · 0 评论