<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[免惘]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/creasher</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; creasher]]></copyright><item><title><![CDATA[关于数组去重问题引发的一系列思考]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/68953263</link><guid>https://blog.youkuaiyun.com/creasher/article/details/68953263</guid><author>creasher</author><pubDate>Sun, 02 Apr 2017 18:02:01 +0800</pubDate><description><![CDATA[其实取这个名字可能不太符合实际，毕竟没有“一系列”╮(╯_╰)╭ 
问题引发是牛客网上js的数组去重编程题， 
先放一个正确版本的代码：Array.prototype.uniq = function(){
    var arr = this;
    var newArr = [];
    var flag = 0;
    for(var i = 0;i < arr.length; i++){]]></description><category></category></item><item><title><![CDATA[【转】js中offsetLeft,offsetTop,offsetParent详解]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51981709</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51981709</guid><author>creasher</author><pubDate>Thu, 21 Jul 2016 12:21:22 +0800</pubDate><description><![CDATA[转载：http://www.android100.org/html/201405/23/13070.html




本文章来给各位同这介绍一下关于js中offsetLeft,offsetTop,offsetParent详解,如果你对此教程有兴趣不防进入参考一下。





为前端开发工程师，你确定真的理解offsetLeft,offsetTop以及offsetParent吗]]></description><category></category></item><item><title><![CDATA[关于负外边距的作用效果]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51941497</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51941497</guid><author>creasher</author><pubDate>Mon, 18 Jul 2016 14:00:00 +0800</pubDate><description><![CDATA[今天无意中看到了双飞燕，圣杯布局，发现里面主要是有用到一个负外边距，感觉挺神奇的这玩意 
( ⊙ o ⊙ )！看就了一些关于负外边距的资料，这里自己总简单结一下。 
参考网址： 
http://www.smashingmagazine.com/2009/07/the-definitive-guide-to-using-negative-margins/ 
http://www.cnblogs.com]]></description><category></category></item><item><title><![CDATA[The Definitive Guide to Using Negative Margins]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51940929</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51940929</guid><author>creasher</author><pubDate>Mon, 18 Jul 2016 12:15:19 +0800</pubDate><description><![CDATA[转载：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]]></description><category></category></item><item><title><![CDATA[js 正则用法-笔记]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51911872</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51911872</guid><author>creasher</author><pubDate>Thu, 14 Jul 2016 18:29:49 +0800</pubDate><description><![CDATA[创建正则表达式js是通过RegExp类型来支持正则表达式的，主要有2种方式来创建正则表达式：
以字面量的形式来定义
使用RegExp构造函数。 
这次做的笔记主要是写字面量来表示，RegExp构造函数以后再补充。
字面量表示形如：var express = /pattern/flags;其中pattern是正则表达式 
flags：g表示全局模式，即模式被应用于所有字符串；i表示不区分大小写；m表示]]></description><category></category></item><item><title><![CDATA[DOM优化-笔记]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51861214</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51861214</guid><author>creasher</author><pubDate>Fri, 08 Jul 2016 15:20:00 +0800</pubDate><description><![CDATA[DOM优化
webilt类型的浏览器 dom 方法要比 innerhtml 要好，而别的浏览器则是innerhtml性能要比dom要好。
尽量减少dom操作：节点克隆，访问元素集合（尽量使用局部变量），元素节点，选择器API
DOM与js节点克隆
cloneNode(deep)。 deep取值为true/false: true表示克隆所有后代
console.time('hello3');
var]]></description><category></category></item><item><title><![CDATA[bootstrap学习笔记-下拉菜单]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51849680</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51849680</guid><author>creasher</author><pubDate>Thu, 07 Jul 2016 11:14:31 +0800</pubDate><description><![CDATA[下拉菜单组件官网上的一个例子：<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown]]></description><category></category></item><item><title><![CDATA[bootstrap学习笔记-导航和导航条]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51849588</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51849588</guid><author>creasher</author><pubDate>Thu, 07 Jul 2016 11:06:51 +0800</pubDate><description><![CDATA[导航
.nav 类作为基类（都要有）
标签页：.nav-tabs
胶囊式标签页：.nav-pills ；可以选择竖着的菜单：.nav-stacked
两端对齐（按钮）自适应：.nav-justified ，在大于 768px 的屏幕上 ，通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上，导航链接呈现堆叠样式。(小于768 变成竖着的了)
如果要让线也自]]></description><category></category></item><item><title><![CDATA[bootstrap学习笔记-按钮]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51838478</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51838478</guid><author>creasher</author><pubDate>Wed, 06 Jul 2016 14:13:35 +0800</pubDate><description><![CDATA[对应的元种类：
导航和导航条组件只支持<button>元素如果
如果 <a> 元素被作为按钮使用，并用于在当前页面触发某些功能，而不是用于链接其他页面或链接当前页面中的其他部分，那么，务必为其设置 role=”button” 属性。
一些预定义样式<button type="button" class="btn btn-defalut"></button>
<button type="button"]]></description><category></category></item><item><title><![CDATA[关于伪类，伪元素]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51657063</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51657063</guid><author>creasher</author><pubDate>Mon, 13 Jun 2016 14:24:48 +0800</pubDate><description><![CDATA[之前遇到一个问题：li:hover::after 可行，li::after:hover不可行，去查了一些相关资料，下面记录一下相关的笔记和自己的理解。


1.首先明白二个概念： selector 和simple selector 
在css3文档中有定义


从中可以看出，一个selector实际上就是simple selectors组成的序列链，并且，一个伪元素可以出现在最后的s]]></description><category></category></item><item><title><![CDATA[【转】表单中Readonly和Disabled的区]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51647547</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51647547</guid><author>creasher</author><pubDate>Sun, 12 Jun 2016 17:05:47 +0800</pubDate><description><![CDATA[原文地址：http://www.nowamagic.net/html/html_ReadonlyAndDisabled.php

Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：

Readonly只针对input(text / password)和textarea有效，而disabled对于所有]]></description><category></category></item><item><title><![CDATA[【转】javascript中top、clientTop、scrollTop、offsetTop的讲解]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51353649</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51353649</guid><author>creasher</author><pubDate>Mon, 09 May 2016 15:54:50 +0800</pubDate><description><![CDATA[原文地址http://www.cnblogs.com/trlanfeng/archive/2012/11/04/2753280.html
原文内容如下：


 



 

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内]]></description><category></category></item><item><title><![CDATA[关于clientHeight，offsetHeight等小笔记]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51353416</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51353416</guid><author>creasher</author><pubDate>Mon, 09 May 2016 15:27:42 +0800</pubDate><description><![CDATA[遇到一个有个问题：关于clientHeight，offsetHeight，scrollHeight，以及height，contentHeight（width也一样）的区别。 
这里有参考http://stackoverflow.com/questions/21064101/understanding-offsetwidth-clientwidth-scrollwidth-and-height-res]]></description><category></category></item><item><title><![CDATA[元素垂直居中总结]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51324733</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51324733</guid><author>creasher</author><pubDate>Thu, 05 May 2016 17:23:20 +0800</pubDate><description><![CDATA[首先，要先明白元素的‘高度’ 
如果对象是一个块级元素或者置换元素，那么它的高度就是设置height。 
如果对象是一个内联元素（不可置换的），那么除了设置display，float等等，它的‘高度’，一般使用line-height(行间距)，font-size，vertical-align来设置。 
ps：什么是可置换元素。W3C里面是这么说的“An element that is outside]]></description><category></category></item><item><title><![CDATA[【转】CSS FLOAT 学习笔记]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51321793</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51321793</guid><author>creasher</author><pubDate>Thu, 05 May 2016 12:13:55 +0800</pubDate><description><![CDATA[原文地址：http://www.w3ctech.com/topic/1551
原文如下：


FLOAT


@Keywords: Float Clearfix ::after BFC hasLayout

@Author: GreenMelon @吾南蛮野人 陈灿坚

@分享地址:http://pan.baidu.com/s/1eQqagt8

@Date: 二O一五.]]></description><category></category></item><item><title><![CDATA[【转】理解CSS中BFC]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51320772</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51320772</guid><author>creasher</author><pubDate>Thu, 05 May 2016 10:31:37 +0800</pubDate><description><![CDATA[原文地址：http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/




BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。摘自W3C：

浮动，绝对定位元素，inline-blocks, table-cells, t]]></description><category></category></item><item><title><![CDATA[元素的水平居中总结]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51318055</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51318055</guid><author>creasher</author><pubDate>Wed, 04 May 2016 20:55:26 +0800</pubDate><description><![CDATA[1.行内元素：这个比较简单，一般使用text-align：center就可。<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style type="text/css">
        #div1{
            text-align:]]></description><category></category></item><item><title><![CDATA[【转】 优快云-markdown编辑器语法——字体、字号与颜色]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51264452</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51264452</guid><author>creasher</author><pubDate>Wed, 27 Apr 2016 21:07:33 +0800</pubDate><description><![CDATA[原文地址：http://blog.youkuaiyun.com/testcs_dn/article/details/45719357#


Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！

  优快云-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格]]></description><category></category></item><item><title><![CDATA[js定时器学习笔记]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51264391</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51264391</guid><author>creasher</author><pubDate>Wed, 27 Apr 2016 20:55:46 +0800</pubDate><description><![CDATA[做一下笔记。。。（）(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]]></description><category></category></item><item><title><![CDATA[关于js获取样式笔记]]></title><link>https://blog.youkuaiyun.com/creasher/article/details/51261220</link><guid>https://blog.youkuaiyun.com/creasher/article/details/51261220</guid><author>creasher</author><pubDate>Wed, 27 Apr 2016 14:56:09 +0800</pubDate><description><![CDATA[关于js获取样式]]></description><category></category></item></channel></rss>