lidog的博客

原创 jq 的“类”的 静态方法 与 实例方法

静态方法，属于类的方法，即类可以直接调用的方法。为类所有实例化对象所共用（但不能用实例对象之间调用），所以静态成员只在内存中占一块区域；实例方法，属于实例化类后对象的方法，即实例对象调用的方法。每创建一个类的实例，都会在内存中为非静态成员分配一块存储；拿jQuery框架来看，它的方法都是实例方法，它的工具函数都是静态方法。静态方法$.each(); 实例方法$('bod

转载 如何理解和熟练运用js中的call及apply？

作者：杨志链接：https://www.zhihu.com/question/20289071/answer/14644278来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。LZ要先明白存在call和apply的原因，才能记得牢一点：在javascript OOP中，我们经常会这样定义： function cat(){}cat.

原创 url 中提取数据

处理一个你知道的url的参数，可以这样；需求：跳转到新页面，判断url是什么类型（type），参数str是什么（name）；网上有很多处理url参数的方法；推荐正则；

原创 css 控制超出内容 用省略号表示

一行的内容是这样：

原创 argument.callee 指向函数本身

（转 http://blog.163.com/mity_rui@126/blog/static/10981361820156852954835/）arguments.callee 在哪一个函数中运行，它就代表哪一个函数。 一般用在匿名函数中。在匿名函数中有时会需要自己调用自己，但是由于是匿名函数，没有名子，无名可调。这时就可以用arguments.callee来代替匿名的函

原创 怎么成为大公司的前端（例如：阿里巴巴）

（此文章所涉及内容大多来自网络，本人整理收集，便于勉励自强，非商业使用，如有冒犯，请评论告知删除）1，招聘信息-----------------------------------------------------------------------------------------------------------------------------------------

原创 input type为text 时只能输入数字

时 手机端有些浏览器出现 placeholder 不消失的情况；考虑是吧 type 设置为 text；不过要用正则 验证value；不能为空，同时必须是数字；/^[1-9]\d*$/.test(value)

原创 三个数组随机合并

三个数组随机合并；            count_arr3:function(arr1,arr2,arr3){                var arr = arr1.concat(arr2).concat(arr3);                function shuffle(aArr){                    var iLength = aArr.

原创 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

原创 交换两个兄弟元素的位置

交换两个兄弟元素的位置$('#div').next().after($('#div '));  //把div调到下一位兄弟元素的后面；

原创 可编辑Div中，标点或者单词不换行

可编辑Div中，当出现标点很多或者单词很长的情况的时候 ，可以设置两个属性解决。word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/ break-all 是打断单词，但是测试发现，不能打断连续的标点，如：。。。。。。。。。。。。。。。。。；break-word

原创 聊天室 的滚动逻辑

聊天室的滚动逻辑是1， 自己发送信息时  滚动保持在底部；2， 接受信息时，判断当前滚动条是否在底部，是的话，就保持在底部。不是的话就不滚动。

原创 判断一个div的滚动条是否到达了底部

判断一个div的滚动条是否到达了底部$(document).height() == $(window).height() + $(window).scrollTop()。内容高度 = 窗口高度 + 滚动高度；Div的内容发送变化时，让div始终保持在底部vardiv =document.getElementById('box')div.scrollTop

原创 Js 中 This的解释

原创 绑定不了事件

碰到绑定不到事件的情况的时候，考虑下面的方式；具体绑定不上原因不明$(document).on('click','#span_'+id,function(){                             $('#miaoshu_content_'+id).show();                            $('#min_miaoshu_conte

原创 日期对象，判断天数，时间戳转换等时间处理

日期对象getDate() 是获得当日的日期 。getDay() 是获得星期几。通过年和月可以判断出 当月有几天通过setFullYear（）；getMonth() 返回值是0-11；所以，说getfullYear()  的day为0时，返回的是上个月的最后一天是没有错的。知道年，月，查找当月有多少天：run（2017,2）  =>

原创 两数组随机合并

两数组随机合并count_arr:function(arr1,arr2){                var arr = [];                do{                    var int= parseInt(Math.random()*100)%2;                    if(int == 1&&arr

原创 js 实现动态搜索请求

目的是搜索框保证最后一次键入会成功发送请求，同时也能有一定动态搜索；$('#searchInput').on("keyup",function(e){            $("#mess").hide();            $("#tn_emailBox").hide();            clearTimeout(seach_timer);    

原创 边栏滚动固定

这个函数要配合 css 使用；先在div 中设置好top 和bottom 的值；scroll_on:function(div){            var top = $(div).offset().top;            $(window).scroll(function(){                var scrolltop = $(window).

原创 获取选中的check按钮的值

获取选中的check按钮的值$("input[name='pt']:checked").val()

原创 正则判断 是否为空

正则判断是否为空字符串

原创 正则表达式中的修饰符

原创 Js 链接跳转的几个方法

1.在原来的窗体中直接跳转用window.location.href="你所要跳转的页面";2、在新窗体中打开页面用：window.open('你所要跳转的页面');window.history.back(-1);返回上一页

原创 页面滚动到指定位置

点击某个div ，页面滚动到指定位置回到顶部 scrolltop = 0；结合获取到某个div的offset（）.top；可以使某个 div 滚动到顶部

原创 正则替换字符串为空

替换字符串为空的时候，必须是  ” ”;中间有一个空格；

原创 jq 实现无缝轮播

下面的例子len是实际item的长度。 lunbo:function (time){                var topIn =$('#content_top');                var oli = $('#content_top .top_item');                var len = oli.length;  

原创 光标 换为 自定义图片

css 提供了光标换图片的属性 cursor；需要在url后面加“”，auto“”

原创 超过一定字数 现实为 “更多”

如果字数超出 len 出现 【更多】链接$(function(){var slideHeight = 75; // pxvar defHeight = $('#wrap').height();if(defHeight >= slideHeight){$('#wrap').css('height' , slideHeight + 'px');$('#read-more

原创 Settimeout 设置以后，可以用cleartimeout清除。

Settimeout 设置以后，可以用cleartimeout清除。

原创 判断一个div是否在屏幕外

判断一个div是否在屏幕外var offset = $that.offset(); var clienH = $(window).height() ;  //屏幕高度 var boxHeight = offset.top + $that.outerHeight() + 5+ 271 - $(window).scrollTop();   //div的高度+offset.top -

原创 jq 的 append 方法

jq 的append api 可以添加元素，它有一种方式是直接添加字符串；要注意的是，字符串一定是用双引号括起来的，不能使用单引号；Jq .append（“”“”）;

原创 富文本编辑器中的一些问题

Div contenteditable = true 光标 function po_Last_Div(obj) {             if (window.getSelection) {//ie11 10 9 ff safari                 obj.focus(); //解决ff不获取焦点无法定位问题                   var r

原创 js 设置css 无效

设置一个元素的 css时 。，如果值是一个变量，width，height值后面都要加“px”；

原创 超出内容时出现滚动条

需求是 div 有预定高度；当其中的内容没有超过高度时 现实默认；当内容超出div 高度时，让其出现滚动条，防止撑开div影响布局；让 div 超出内容时出现滚动条 ，正确的做法是：overflow-y:auto;max-height:320px;添加这两个属性以后，就可以实现了；当然，为了保险起见，还可以添加一个overflow-x：hidden；防止

原创 js 合并两个 数组的常用方法

js 中我们经常需要把两个数组合并 形成数据更新；第二种是深度合并；

原创 js 中 switch 语句 不执行

Js中 如果用switch语句，有时会发现没有匹配执行；console 出来的值 又发现是正确；其实原因很可能 2！=“2”；switch它是严格匹配的，所以case的值 一定要明确是字符串还是数字。

原创 去掉select 标签的 默认箭头

原创 mouseenter 和over 实现二级导航的原理

前端开发中我们常常会遇到制作二级导航的需求；你可能第一直觉想到是用div 中装 ul 的结构 来实现： 标题 item item item 这样可以实现；但是后面会遇到事件冒泡，点击失灵等问题；在现实与隐藏的操作上也不是很方便；所以我更加建议 使用 我们先想到的是用 mouseover 和 mouseOut 事件；

转载 面试中初级程序员常常遇到的问题—— 描述你做过的项目

开发人员的面试中，面试官经常会让你描述之前做过的一些项目，以及你在其中开发的部分。看似很简单，很多人就是讲不清楚，要么寥寥几句讲不清楚，要么东扯西凑不着重点。原因很简单，要么你不懂接口，要么你描述不清接口。小白面试者：“我做过手机开发，最近一个项目是个在线订餐的APP，我做的用户下单，订单列表这块功能。” 资深面试官：“好，说说你是怎样从后台取一个用户的订单列表的。” 小白：“调一

转载 前端书籍推荐

作者：天池漫天链接：https://www.zhihu.com/question/50991824/answer/124075054来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。第一本，入门《Head first HTML&CSS》最好的入门书。看两遍就对HTML & CSS 有个大概印象了。此时把w3cschool作为备查手册收