泡沫9水灵灵-优快云博客

转载 javascript中数组的迭代方法对比：forEach()、map()、reduce()、some()、every()、filter()图解

javascript中数组常用的代方法对比：forEach()、map()、reduce()、some()、every()、filter()图解。

2016-08-15 10:10:04 708 1

原创 git 撤销commit

先使用git log 查看 commit日志找到需要回退的那次commit的哈希值，git reset –hard commit_id 使用上面的命令进行回退。

2016-08-04 16:34:46 680

原创 replace()函数的理解

昨天做一道笔试题目，发现自己对replace()的理解不对，不知道会不会有同样错误认识的小伙伴，在这里记录下来。要求：给定一个字符串，不超过10000个字节，如“data”，任意删掉两个字符，输出剩下的字符组成的字符串共有多少个？首先要实现删掉字符的功能，我使用replace()，将要删掉的字符用”“代替，以为这样成功了，但是出现如下错误：删掉第三个字符“a”，按我的理解是输出“da

2016-08-03 18:16:59 4901 2

原创 @-ms-viewport

在对bootstrap的学习过程中，发现其针对Surface/desktop Windows 8的IE8浏览器写了css hack，如下对其核心@-ms-viewport不理解，查阅资料得到如下解释：Windows 8 Release Preview 中的 IE10 支持 W3C 工作草稿 [CSS Device Adaptation]（CSS 设备自适应）的宽度和高度属性。这为 Web 开

2016-07-27 15:38:03 2271

原创 JavaScript中的正则表达式(二)

正则表达式对象的属性及方法　　预定义的正则表达式拥有有以下静态属性：input, multiline, lastMatch, lastParen, leftContext, rightContext和1到1到9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字，并且，

2016-07-15 00:58:20 2839

转载转载--网页性能管理详解

作者：阮一峰日期： 2015年9月17日非常直观，清楚地讲解，附上链接http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html?utm_source=tuicool

2016-07-08 11:38:19 324

转载转载-当网页加载很慢的时候，应如何分析其原因并解决问题？ - 前端迷 http://www.yxxme.com/903.html

当网页加载很慢的时候，应如何分析其原因并解决问题？ - 前端迷 http://www.yxxme.com/903.html

2016-07-04 17:09:35 1845

原创新手使用sublime软件指引

1、双击在右边打开新文件，单击是预览文件，会替换原来打开的文件。 2、打开多个项目：project–>add folder to project（项目-添加文件夹到项目）。 3.安装插件：①先下载Package Control，百度进官网下载，同时有使用步骤； ②打开sublime，在首选项-插件设置里出现Package Control，说明安装成功。

2016-07-04 17:08:56 1684

原创 AngularJS中Directive（指令）机制详解

AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。指令的作用：实现语义化标签。使用AngularJS的directive（指令）机制，我们可以实现这样的东西：<body ng-app="myApp"><directive></directive><script src="js/a

2016-06-08 16:22:18 2044

原创 angular中模块的自动加载和手动加载

模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。你可以通过 AngularJS 的 angular.module 函数来创建模块：<div ng-app="myApp">...</div><script>var app = angular.module("myApp", []); </script>“myApp” 参数对应

2016-06-07 18:48:35 2126

相比attr，prop是1.6.1才新出来的，两者从中文意思理解，都是获取/设置属性的方法（attributes和properties）。只是，window或document中使用.attr()方法在jQuery1.6之前不能正常运行，因为window和document中不能有attributes。prop应运而生了。既然我们想知道他们两的区别，最好就看看他们的源代码，不要被代码长度所吓到，我们只看

2016-06-03 16:54:23 517

转载 jquery实现全选、全不选、反选-简洁精炼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>全选，不全选，反选</title>

2016-06-02 22:44:18 354

转载 Git客户端TortoiseGit（Windows系统）的使用方法

本文环境：操作系统：Windows XP SP3 Git客户端：TortoiseGit-1.8.8.0-32bit 一、安装Git客户端全部安装均采用默认！ 1. 安装支撑软件 msysgit: https://code.google.com/p/msysgit/downloads/list?q=full+installer+official+git 当前最新版本为v1.9.0。

2016-05-25 10:44:53 607

原创 .ftl文件简介及语法

1、Freemarker模板的文件后缀名 2、Freemarker其实是一种比较简单的网页展示技术，说白了就是网页模板和数据模型的结合体。这种结合模式的好处就是，分离了网页界面设计人员和编程人员的工作，让他们各司其职。据个人理解，Freemarker大致的工作方式是，网页模板里面嵌入了数据模型中的数据、Freemarker自定义流程控制语言、Freemarker自定义的操作函数等等，在装载网页

2016-05-24 14:19:12 73489 1

原创关于Chrome调试中.min.js.map 404的问题

前端在Chrmo F12模式下调试的时候，经常会遇到js.map文件找不到的情况，例如：关于这个问题其实大可不比过分的纠结，一般只会在你引用了压缩的min.js 文件，chrome浏览器中才会出现，实际并不影响页面的执行效果。这里简单说下原理： map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。使开发者可以用未压缩

2016-05-23 16:14:56 10351

转载谷歌浏览器开发调试工具中Sources面板 js调试等完全介绍

这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Sources进行js断点调试，而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已，在没有js断点功能，只能在IE（万恶的IE）中

2016-05-20 17:38:09 14979

原创浏览器兼容性问题

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

2016-05-20 17:37:24 317

原创 less开发指南

【一】less简介 LESS（是.less后缀名的文件）包含一套自定义的语法及一个解析器，我们根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性，如变量、继承、运算、嵌套等，更方便CSS的编写和维护。先看下段less代码

2016-05-19 16:15:00 457

转载 BFC 神奇背后的原理

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？　　在解释 BFC 是什么之前，需要先介绍 Box

2016-04-21 23:19:56 337

转载 JavaSript模块规范 - AMD规范与CMD规范介绍

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

2016-04-21 23:08:50 254

转载某公司二面题目

删除重复项：有一个数组，内容为a-z的小写字母。此数组已经经过排序，但是允许重复项目出现 – 如[a, a, b, c, e, e, e, g, h]. 在不创建新的数组的前提下，请将重复的项删除，如果有多余的项，填入’\0’ (如上例中的数组在运行完之后，应该返回 [a, b, c, e, g, h, \0, \0, \0]. var arr = [‘a’, ‘a’, ‘b’,

2016-04-06 16:07:03 572

原创隐式转换

严格等于 === 判断等号两边类型不同返回false 类型相同继续判断值 NaN!=NaN object=!object等于 == 类型不同尝试类型转换和比较值

2016-04-06 16:05:21 262

原创垃圾收集机制——标识无用变量策略

先验知识：JavaScript具有自动垃圾收集机制，就是说执行环境会负责管理代码执行过程中使用的内存。在C和C++之类语言中都是手工追踪内存，这会造成许多问题。而JavaScript不需要关心内存使用情况，所需内存分配以及无用内存的回收完全实现了自动管理。原理：找出不再继续使用的变量，然后释放其占用的内存，为此垃圾收集器会按照固定的时间间隔（或代码执行中预订的收集时间），周期性地执行这一操作。

2016-04-06 10:52:26 556

原创某公司笔试前端专业题目

某公司笔试前端专业题目用过的js框架，谈谈其优点。 1、jQuery实现脚本与页面的分离在HTML代码中，我们还经常看到类似这样的代码：

2016-04-05 21:19:09 559

原创页面布局学习（三）

三栏-中栏流动布局有两种方法：①在中栏改变大小时使用负外边距定位右栏，②使用css3让栏容器具有类似表格单元的行为。前者适合较老浏览器，后者的table属性简单得多。一、用负外边距实现二、用css3单元格实现

2016-04-05 14:10:55 301

原创 js打开新窗口的方法

1.超链接通知等效于js代码 window.location.href=”[url]”; //在同当前窗口中打开窗口2.超链接通知等效于js代码 window.open(“[url]”); //在另外新建窗口中打开窗口

2016-04-05 13:50:10 514

原创页面布局学习（二）

现在开始讲解各种常用布局。三栏——固定宽度布局掌握了创建三栏布局的技术，你想建多少栏就能建多少栏。为了学习方便，我会给每个栏添加不同的背景色以区分。首先做个简单的居中的单栏固定布局。贴上代码：页面布局 #wrapper{width:960px;margin:0 auto;border:1px solid;} arti

2016-04-04 20:42:16 1289

原创页面布局学习（一）

页面布局是网站设计中特别重要的一部分，对用户体验尤为重要。我们重点来学习多栏布局。很多网站为例在第一屏尽可能多的显示信息，都会采用多栏布局。这里所说的“第一屏”就是用户无须滚动就能看到的页面区域，相当于传统的报纸行业所说的“折痕之上”的版面。一般来说，两栏、三栏，甚至四栏布局都很常见。但无论几栏，每个页面都会涉及一些关键技术和指导思想。这里将介绍多栏布局的几种方法。主要介绍“用内部DIV创建浮

2016-04-03 23:24:35 1428

原创 jquery跟js初始化加载的多种方法及区别介绍

jquery是等待页面加载完数据，以及页面部分元素；js是页面全部加载完成才执行初始化加载，具体示例祥看本文 jquery和js初始化加载页面的区别： jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频）， js：是页面全部加载完成才执行初始化加载。

2016-04-02 14:17:40 488

原创输入URL页面加载过程

1.查找浏览器缓存2.DNS解析、查找该域名对应的IP地址、重定向、发出第二个GET请求3.进行HTTP协议会话4.客户端发送报头（请求报头）5.服务器回馈报头（响应报头）6.html文档开始下载7.文档树建立，根据标记请求所需指定MIME类型的文件10.文件显示浏览器的工作大致分为以下几步：加载：根据请求的URL进行域名解析，向服务器发起请求，接收文件（HTM

2016-04-01 19:56:39 458

原创三句java语句连接到jsp文件的作用

jsp页面中有段代码，使用过后会有什么不同尼？请看下面详细分析。这是我写的一个jsp页面中一段代码，分析其中三句java语言。1. request.getContextPath() 2.<% String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>3.<base href=" <%=basePath%>">

2016-04-01 19:21:20 1248

转载超强JavaScript编辑器WebStorm代码提示迟缓问题及其它想到的

去D2后发现 Hedger 的js编辑器是webStorm，便下载来试试，结果发现：虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document)，但是做为 IntelliJ IDEA 的js缩水版，其它功能也是比较期待的。具体的有：文件不用保存，敲完直接看演示(ff也有类似的一款插件，罗浮宫abcd曾推荐过)。自带有svn，如果不用服务器版的svn的话，本地自

2016-03-16 18:37:33 2687 1

转载浅谈HTTP中Get与Post的区别

Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。　　1.根据HT

2016-03-11 20:22:52 325

原创 AJAX状态值与状态码

在《Pragmatic Ajax A Web 2.0 Primer 》0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in progress. 2: (Loaded) the send( ) m

2016-03-10 16:22:09 457

原创 JS中的按位运算符

大多数语言都提供了按位运算符，按位运算符在c,c++等语言中运用广泛，而在JS，AS等脚本语言中则没有太多的应用例子，有时候，适当的使用按位运算符会取得很好的效果。下面根据自己的认知简单的谈一下js中的位操作使用（同样适用于其他语言），如果有错误，欢迎指正。按位运算符是把操作数看作一系列单独的位，而不是一个数字值。所以在这之前，不得不提到什么是“位”：数值或字符在内存内都是被存储为0和1的序

2016-03-10 15:59:43 1004

原创 JavaScript事件冒泡和事件委托

JavaScript中事件流是开发过程中常用到的知识，我们需要理解熟练掌握其基本原理和使用场景。JavaScript可以监控页面上元素的各种事件，常用的事件有很多，例如点击，鼠标移入、移出，元素改变等等。这次主要说一下事件冒泡及其一个比较酷的应用，事件委托。不做特殊说明，以下都在jQuery框架内执行。事件冒泡什么是“事件冒泡”呢？假设这里有一杯水，水被用某种神奇的方式分成不同颜色的几层。这时，从

2016-03-10 14:19:35 514

转载 CSS选择器的权重与优先规则

原文链接：http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具

2016-03-07 21:38:45 1062

转载程序员必备算法-最考验逻辑思维能力的十大基础算法

最考验逻辑思维能力的十大基础算法程序员必须知道的10大基础实用算法以及讲解，想要从猿进化为狮，就来看看吧。算法一：快速排序算法快速排序是由东尼·霍尔所发展的一种排序算法。在平均状况下，排序 n 个项目要Ο(n log n)次比较。在最坏状况下则需要Ο(n2)次比较，但这种状况并不常见。事实上，快速排序通常明显比其他Ο(n log n) 算法更快，因为它的内部循环（inner loop）可以在

2016-03-06 15:01:45 7470

转载 png8和png24格式的使用和png8和png24的区别介绍

[日期：2014-01-13] 来源：IT部落窝作者：IT部落窝阅读：7182次[字体：大中小]内容提要：本文讲解png8和png24格式的使用情况,以及png8和png24的区别.　　 Png有多少种格式，有哪些特点，PC端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢？png8和png24的区别又是什么呢？本文我们一同分享。第一，png8和pn

2016-03-05 22:16:22 4687

Hadoop权威指南(中文版)(带书签)

Schema_Workbench

面向MapReduce云平台的并行贝叶斯算法的设计

空空如也