LuoShengMenwh的博客

转载 vue ui

vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:h

转载 JavaSript模块化

JavaSript模块化    在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？    模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对

原创 e.target的含义

$(function(){    $("li:has(ul)").click(function(e){        if(this==e.target){            $(this).children().toggle();            $(this).css("list-style-image",($(this).children().is(":hidden

转载 js鼠标滚动事件

之前学习了onmouseover，onmousedown等鼠标事件，今天来看看鼠标的滚轮事件，浏览器兼容一直是让人比较恶心的事情，今天就让我们将恶心进行到底，看看这个恶心的鼠标滚轮事件！ 鼠标滚轮事件在IE和谷歌浏览器Chrome下是通过onmousewheel这个事件实现的，但是火狐FF下却不识别onmousewheel，在FF下需要用DOMMouseScroll，并且必须用“事

转载 html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs

转载 style和currentStyle使用

1. obj.style 获取的是内联样式，即style属性中的值。比如，下图中最后弹出为空。2. obj.currentStyle 外部（使用）和内部（使用）样式表中的样式。注意：只有 IE 和 Opera 支持使用 currentStyle 获取 HTMLElement 的计算后的样式，其他浏览器中不支持。标准浏览器中使用getComputedStyle，IE9

转载 js实现点击导航栏之后页面滚动

侧栏导航点击实现页面内容部分运动到相应位置，以及随着body滚动条滚动使导航按钮效果和页面相应内容对应上的一个效果。起初小码哥做的时候，只实现了点击导航按钮让页面相应的内容定位到和按钮相应的地方（在此可以查看小码哥先前写的关于锚点的文章）；而随滚动条实现按钮和内容相对应的效果没有做出来，由于项目专题的时限问题，小码哥借鉴了网上一个案例，将其套在自己的页面就够里，实现了想要的效果。废话不多说

转载 jQuery实现页面内锚点平滑跳转

jQuery实现页面内锚点平滑跳转平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。 效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37

转载 收藏一下

收藏一下1、判断select选项中 是否存在Value=”paraValue”的Item2、向select选项中 加入一个Item3、从select选项中 删除一个Item4、删除select中选中的项5、修改select选项中 value=”paraValue”的text为”paraText”6、设置select中text=”paraText”的第一个Item为选中

原创 选中select框后返回其中的值

现在有一id=test的下拉框，怎么拿到选中的那个值呢？分别使用javascript原生的方法和jquery方法     text1     text2    code:一：javascript原生的方法  1:拿到select对象： var  myselect=document.getElementById("test");  2：拿到选中项的索引：var i

原创 ff和ie兼容性问题

window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源 IE用srcElement获取事件源，而FF用target获取事件源 (3) 添加，去除事件 IE：element.attachEvent(“onclick”, function) element.detachEvent(“onclick”,

转载 js去重

面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。 这个问题看起来简单，但是其实暗藏杀机。 考的不仅仅是实现这个功能，更能看出你对计算机程序执行的深入理解。    我总共想出了三种算法来实现这个目的：Array.prototype.unique1 = function(){ var n = []

转载 js线程

最近在遇到一个问题：HTML页面中的页面无法刷新，只能在底层全部处理完成后才能进行页面刷新。在里面已经采用SetTimeout进行了处理，但是明显没有达到预期的效果。      主要的原因是对SetTimeout这个函数并未清楚，对Javascript单线程也没有清晰的认识。     浏览器中的线程介绍      通常一个浏览器会至少存在三个线程：JS引擎线程（用于处理JS

转载 js继承方法

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">  // ------------------------继承的第一种方式：对象冒充----------------------------- function Parent(name) { t

转载 js垃圾回收机制

js具有自动垃圾回收机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。而在C和C++之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问题的根源。在编写js程序时，开发人员不用关心内存使用问题，所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾回收机制的原理其实很简单：找到那些不再继续使用的变量，然后释放其所占用的内存。为此，垃圾回收器会按照固定的时间

转载 js事件监听

本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下：1、当同一个对象使用.onclick的写法触发多个方法的时候，后一个方法会把前一个方法覆盖掉，也就是说，在对象的onclick事件发生时，只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象，每个绑定的事件都会被执行。如下：?1234567891011

转载 事件委托

1，什么是事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父级上，触发执行效果。好处呢：1，提高性能。我们可以看一个例子：需要触发每个li来改变他们的背景颜色。ul id="ul">

转载 协议状态码

200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不可用 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。代码   说明 100   （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。  101   （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2xx

转载 http协议详解

下图为在浏览器中输入URL 后的一系列过程：  从此图中可以总结出几条结论：1. 如果DNS服务器坏了，可以直接通过ip地址访问网页，因为DNS只是一个域名和IP地址的MAP；通过在命令行中输入 “ping 域名”即可；比如：在命令行中输入 ping www.baidu.com  ，则出现如下文字：   

转载 浏览器兼容性问题大汇总

浏览器兼容性问题大汇总Ø JavaScript 31. HTML对象获取问题 32. const问题 33. event.x与event.y问题 34. window.location.href问题 35. frame问题 36. 模态和非模态窗口问题 37. firefox与IE的父元素(parentElement)的区别 38

转载 css hack

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经

转载 兼容性问题

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

转载 闭包

先看一段代码：function a(){ var n = 0; function inc() { n++; console.log(n); } inc(); inc(); }a(); //控制台输出1，再输出2简单吧。再来看一段代码：function a(){ var n = 0; th

转载 原型链终解

原型链理解起来有点绕了，网上资料也是很多，每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看，效果极好。不要纠结于那一堆术语了，那除了让你脑筋拧成麻花，真的不能帮你什么。简单粗暴点看原型链吧，想点与代码无关的事，比如人、妖以及人妖。1）人是人他妈生的，妖是妖他妈生的。人和妖都是对象实例，而人他妈和妖他妈就是原型。原型也是对象，叫原型对象。     2）人他妈和

转载 js设置cookie

box==“checkBox  ‘是否记住用户密码’”；loginName，password为用户名和密码。html初始化检查是否含有cookiewindow.onload=function init(){  var box = getCookie("box_"+str); var username = getCookie("usn_"+str); va

转载 getElmentsByClassName用法

JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = pare

转载 margin和padding的区别

目前web2.0已经越来被人们认可，因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准，其中很重要的一条就是新的布局规则，div+css。以前基本上是用table布局的，这种传统的方式简单直观，但是这新的标准我学习起来时常找不到北。呵呵，就拿今天这个例子来说吧，很多朋友肯定也有我这种情况的，那我就从网上搜集一些例子出来，让个更多的人消除这种烦恼。      事例一： 

转载 盒子模型