- 博客(32)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 关于数组去重问题引发的一系列思考
其实取这个名字可能不太符合实际，毕竟没有“一系列”╮(╯_╰)╭ 问题引发是牛客网上js的数组去重编程题， 先放一个正确版本的代码：Array.prototype.uniq = function(){ var arr = this; var newArr = []; var flag = 0; for(var i = 0;i < arr.length; i++){
2017-04-02 18:02:01
447
转载 【转】js中offsetLeft,offsetTop,offsetParent详解
转载：http://www.android100.org/html/201405/23/13070.html本文章来给各位同这介绍一下关于js中offsetLeft,offsetTop,offsetParent详解,如果你对此教程有兴趣不防进入参考一下。为前端开发工程师，你确定真的理解offsetLeft,offsetTop以及offsetParent吗
2016-07-21 12:21:22
711
原创 关于负外边距的作用效果
今天无意中看到了双飞燕，圣杯布局，发现里面主要是有用到一个负外边距，感觉挺神奇的这玩意 ( ⊙ o ⊙ )！看就了一些关于负外边距的资料，这里自己总简单结一下。 参考网址： http://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/ http://www.cnblogs.com
2016-07-18 14:00:00
2377
转载 The Definitive Guide to Using Negative Margins
转载：https://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and
2016-07-18 12:15:19
858
原创 js 正则用法-笔记
创建正则表达式js是通过RegExp类型来支持正则表达式的，主要有2种方式来创建正则表达式：以字面量的形式来定义使用RegExp构造函数。 这次做的笔记主要是写字面量来表示，RegExp构造函数以后再补充。字面量表示形如：var express = /pattern/flags;其中pattern是正则表达式 flags：g表示全局模式，即模式被应用于所有字符串；i表示不区分大小写；m表示
2016-07-14 18:29:49
328
原创 DOM优化-笔记
DOM优化webilt类型的浏览器 dom 方法要比 innerhtml 要好，而别的浏览器则是innerhtml性能要比dom要好。尽量减少dom操作：节点克隆，访问元素集合（尽量使用局部变量），元素节点，选择器APIDOM与js节点克隆cloneNode(deep)。 deep取值为true/false: true表示克隆所有后代console.time('hello3');var
2016-07-08 15:20:00
396
原创 bootstrap学习笔记-下拉菜单
下拉菜单组件官网上的一个例子：<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown
2016-07-07 11:14:31
557
原创 bootstrap学习笔记-导航和导航条
导航.nav 类作为基类（都要有）标签页：.nav-tabs胶囊式标签页：.nav-pills ；可以选择竖着的菜单：.nav-stacked两端对齐（按钮）自适应：.nav-justified ，在大于 768px 的屏幕上 ，通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上，导航链接呈现堆叠样式。(小于768 变成竖着的了)如果要让线也自
2016-07-07 11:06:51
1679
原创 bootstrap学习笔记-按钮
对应的元种类：导航和导航条组件只支持<button>元素如果如果 <a> 元素被作为按钮使用，并用于在当前页面触发某些功能，而不是用于链接其他页面或链接当前页面中的其他部分，那么，务必为其设置 role=”button” 属性。一些预定义样式<button type="button" class="btn btn-defalut"></button><button type="button"
2016-07-06 14:13:35
366
原创 关于伪类，伪元素
之前遇到一个问题：li:hover::after 可行，li::after:hover不可行，去查了一些相关资料，下面记录一下相关的笔记和自己的理解。1.首先明白二个概念： selector 和simple selector 在css3文档中有定义从中可以看出，一个selector实际上就是simple selectors组成的序列链，并且，一个伪元素可以出现在最后的s
2016-06-13 14:24:48
591
转载 【转】表单中Readonly和Disabled的区
原文地址：http://www.nowamagic.net/html/html_ReadonlyAndDisabled.phpReadonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：Readonly只针对input(text / password)和textarea有效，而disabled对于所有
2016-06-12 17:05:47
351
转载 【转】javascript中top、clientTop、scrollTop、offsetTop的讲解
原文地址http://www.cnblogs.com/trlanfeng/archive/2012/11/04/2753280.html原文内容如下： scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内
2016-05-09 15:54:50
885
原创 关于clientHeight，offsetHeight等小笔记
遇到一个有个问题：关于clientHeight，offsetHeight，scrollHeight，以及height，contentHeight（width也一样）的区别。 这里有参考http://stackoverflow.com/questions/21064101/understanding-offsetwidth-clientwidth-scrollwidth-and-height-res
2016-05-09 15:27:42
4597
原创 元素垂直居中总结
首先，要先明白元素的‘高度’ 如果对象是一个块级元素或者置换元素，那么它的高度就是设置height。 如果对象是一个内联元素（不可置换的），那么除了设置display，float等等，它的‘高度’，一般使用line-height(行间距)，font-size，vertical-align来设置。 ps：什么是可置换元素。W3C里面是这么说的“An element that is outside
2016-05-05 17:23:20
489
转载 【转】CSS FLOAT 学习笔记
原文地址：http://www.w3ctech.com/topic/1551原文如下：FLOAT@Keywords: Float Clearfix ::after BFC hasLayout@Author: GreenMelon @吾南蛮野人 陈灿坚@分享地址:http://pan.baidu.com/s/1eQqagt8@Date: 二O一五.
2016-05-05 12:13:55
373
转载 【转】理解CSS中BFC
原文地址：http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。摘自W3C：浮动，绝对定位元素，inline-blocks, table-cells, t
2016-05-05 10:31:37
445
原创 元素的水平居中总结
1.行内元素：这个比较简单，一般使用text-align：center就可。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> #div1{ text-align:
2016-05-04 20:55:26
374
转载 【转】 CSDN-markdown编辑器语法——字体、字号与颜色
原文地址：http://blog.csdn.net/testcs_dn/article/details/45719357#Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！ CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格
2016-04-27 21:07:33
501
原创 js定时器学习笔记
做一下笔记。。。（）(4.20修改更新) 参考的资料： 《JavaScript 高级程序设计》 http://www.w3school.com.cn/jsref/met_win_settimeout.asp， https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setTimeout， http://stackoverflow.co
2016-04-27 20:55:46
692
转载 【转】javascript深入理解js闭包
最早的原本地址找不到了。。。。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); }
2016-04-18 17:23:09
274
原创 js定时器避免闭包
js定时器避免闭包的情况，用实参传给形参例:function test(){var i ;for(i=0;isetTimeout(function (index){return function(){console.log(index);}}(i),i*1000)}}
2016-04-18 15:44:47
815
原创 js定时器学习笔记
做一下笔记。关于定时器：setTimeout(code,time),setInterval(code,time),都有2个参数，前者是要执行的代码（调用的函数或者代码串），后者为需要等待的时间或者是code执行的时间间隔。2者区别：setTimeout()是在time时间后执行一次代码，而setInterval是以time为时间间隔重复执行时间代码，直到清除这个定时器。不过
2016-04-18 14:15:45
547
转载 【转】JS事件：target与currentTarget区别
原文地址：http://www.cnblogs.com/wkylin/archive/2011/08/25/2153538.htmltarget在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（
2016-04-17 19:28:22
420
原创 关于js对象属性
由于之前编程遇到的问题，这里记录一下，免得忘记其实这是个很简单的问题，但是我一直在犯二。。。。。。对于选取对象属性，有2种方法 用.和用[]var obj={age:23;name:"sss";}console.log(obj.age);for(item in obj){console.log(obj[item]);}以上程序是对的。遇到的问题是这样的。
2016-04-17 15:53:10
355
转载 【转】不要告诉我你懂margin
原文地址：http://www.hicss.net/do-not-tell-me-you-understand-margin/你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下m
2016-04-15 15:56:14
339
转载 【译】关于CSS中的float和position
原文地址：http://www.cnblogs.com/newyorker/archive/2013/02/01/2886282.html当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方
2016-04-15 15:09:41
344
原创 读Atlantis页面有感。。
这几天，在看CSS禅意花园。昨天学习了Alantis和Zunflower，有新了解一些小知识，这里记下来，免得忘记。。。。待完善。1.Alantis关于box模型。在学习的时候，遇到这么一个问题：如果一个div里嵌套了一个div，给外层的div设置一个背景，背景位置为top，给内层的div设置内边距（也就是设置了在外层div后下方的位置）后，预览页面，发现外层的div的背景差不多跑
2016-04-15 14:19:32
656
原创 关于冒泡法 js简单可视化。。。
任务做到19。。竟然要写一个排序算法的可视化简直心塞，后来参考的别人的代码，自己写了个类似的出来。来贴一下比较重点的部分。。。function renderSortG(a,b,c) { var dataBox=numQueue.getElementsByTagName("span"); for (var i=0;iarr.length;i++){ if(i==
2016-04-13 18:31:33
737
转载 【转】常用正则表达式
转载地址：http://blog.csdn.net/onebigday/article/details/5429868网上找到的常用正则表达式，留着以后可能用得上，正则表达式实在是不好写，只好拿来主义了，在Delphi中没有自己带有正则表达式的组件，靠第三方了，都说PerlRegEx 是首选, 去这里下载，官方网站:http://www.regular-expressions.info
2016-04-13 18:15:31
297
原创 关于js中插入删除节点的总结
前端小小小菜鸟~最近在做百度前端课程的任务，自己总结一下，免得忘记。待完善。。。ps：可能会有不对的地方。1.在html中新增加一个节点或者是改变某个节点的内容一种是使用innerHTML（标准）,用法链接:http://www.w3school.com.cn/jsref/prop_html_innerhtml.asp注意：innerHTML与innerText
2016-04-13 17:21:12
925
转载 【转】js修改onclick动作的四种方式
转载自：http://blog.csdn.net/liujimmy/article/details/4524081第一种：button.onclick = Function("alert('hello');");第二种：button.onclick = function(){alert("hello"); };第三种：button.onclick = myAlert;
2016-04-06 18:25:23
839
空空如也
bootstrap里面关于下拉菜单dropdown和dropup和导航结合的问题
2016-07-06
关于css3 transform scale3d的问题
2016-06-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人