JhonPang-优快云博客

转载浏览器的重绘与重排

//http://www.w3cfuns.com/article-5598410-1-1.html在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘(redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程中将重

2015-12-21 22:28:13 572

转载数据结构中各种内部排序算法的比较

1 快速排序（QuickSort）快速排序是一个就地排序，分而治之，大规模递归的算法。从本质上来说，它是归并排序的就地版本。快速排序可以由下面四步组成。（1）如果不多于1个数据，直接返回。（2）一般选择序列最左边的值作为支点数据。（3）将序列分成2部分，一部分都大于支点数据，另外一部分都小于支点数据。（4）对两边利用递归排序数列。快速排序比大部分排序算法

2015-12-21 22:26:01 842

转载 URL优化需要注意的几个问题

简单、可读性强、规范的URL不仅可以方便用户记忆和识别网站页面，增强页面的浏览量，而且方便搜索引擎更高效的抓取网站内容。所以，在网站建设的初期，在对网站整体架构和层次的搭建之后，我们应该合理的再做好URL优化的工作。下面详细给大家分享下URL优化常见的一些问题及处理方法：1.多个URL指向同一页面在一个网站中，一个页面对应了多个URL，必然会分散这个页面的权重。因为搜索引擎

2015-12-21 22:23:48 1952

转载 js创建对象的几种常用方式小结

再看JS语言精粹里面也有讲到，在网上搜了一下，几乎一样，搬过来，学习记忆第一种模式：工厂方式复制代码代码如下:var lev=function(){ return "脚本之家"; }; function Parent(){ var Child = new Object(); Child.name="脚本"; Child.age=

2015-12-21 01:43:29 616

转载 H5网站开发中常用的十五特性

1.新的文档类型 (New Doctype)目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型： "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 在HTML5中，上面那种声明方式将失效。下面是HTML5中的声明方式： > 2.脚本和链接无需type (

2015-12-21 01:34:08 1271

转载 JS获取URL中参数值（QueryString）的4种方法分享

方法一：正则法复制代码代码如下:function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null

2015-12-21 01:17:12 648

转载 CSS position 属性

定义和用法position 属性规定元素的定位类型。说明这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值：static继承性：no版本：CSS2JavaScript 语法：objec

2015-12-20 21:06:50 448

原创九宫格效果一

一个简单的html布局，具体可看上传文件

2015-12-14 21:41:50 527

原创判断字符串里面的左右自负是否被+包围

function testSymbols(String str){ //字符串转数组var arr = [];for(var i=0;iarr.push(str.charAt(i));}//判断首尾是否字母//判断字母是否被 + 包围if(reg.test(arr[0]) || reg.test(arr[str.length])){ return false

2015-12-14 20:53:37 427

转载判断一个字符串中出现次数最多的字符，统计这个次数

//将字符串的字符保存在一个hashtable中，key是字符，value是这个字符出现的次数var str = "abcdefgaddda";var obj = {};for (var i = 0, l = str.length; i varkey = str; if(!obj[key]) {　 obj[key] = 1;　　} else {

2015-12-13 21:31:40 999

转载 C/S 与 B/S两种架构区别整理汇总

C/S 与 B/S 区别：答：有如下八个方面的不同：(1)硬件环境不同:　　C/S 一般建立在专用的网络上, 小范围里的网络环境, 局域网之间再通过专门服务器提供连接和数据交换服务.　　B/S 建立在广域网之上的, 不必是专门的网络硬件环境,例与电话上网, 租用设备. 信息自己管理. 有比C/S更强的适应范围, 一般只要有操作系统和浏览器就行(2)对安全要求不同　　C/S

2015-11-18 21:34:08 698

转载 IE与FF脚本兼容性问题

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

2015-11-18 20:56:40 706

原创正则表达式一

MSDN官方文件参考：https://msdn.microsoft.com/zh-cn/library/az24scfc.aspxeg：1.判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-z]\w[4,19]/; (\w 视情况更换 \s)； reg.test(str);2.编写一个java

2015-11-18 20:33:47 415

转载 JS截取字符串substr 和 substring方法的区别

substr 方法返回一个从指定位置开始的指定长度的子字符串。stringvar.substr(start [, length ])参数stringvar必选项。要提取子字符串的字符串文字或 String 对象。start必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length可选项。在返回的子字符串中应包括的

2015-11-18 20:15:40 870

转载福利：前端工程师都喜欢逛那些网站来补充自己

相信不少人都喜欢逛网站看一些新鲜的行业资讯和一些技术blog。那前端工程师都喜欢哪些网站呢？我先来提几个：1、伯乐前端 http://web.jobbole.com/2、v2ex http://v2ex.com/3、w3plus http://www.w3cplus.com/欢迎补充

2015-11-17 22:03:56 536

转载前端开发者都应知道的 jQuery 小技巧

一个简单技巧的集合，帮你提升 jQuery 技能。Matt Smith 发起的一个小项目，目前已有 15 个小技巧。伯乐在线会持续跟进更新。回到顶部按钮预加载图片检查图片是否加载完毕自动修复损坏的图片Hover 上的 Class 开关禁用 input 字段停止链接加载淡入淡出/滑动开关简单的折叠效果将两个 Div 设为相同高度在新窗口打开外部链接找到文本元素切换可视与隐藏的触发器

2015-11-17 21:58:55 510

转载 hadoop——倒排索引

原文：http://blog.jobbole.com/82607/ （侵删）1.倒排索引简介倒排索引（Inverted index），也常被称为反向索引、置入档案或反向档案，是一种索引方法，被用来存储在全文搜索下某个单词在一个文档或者一组文档中的存储位置的映射。它是文档检索系统中最常用的数据结构。有两种不同的反向索引形式：一条记录的水平反向索引（或者

2015-11-17 21:53:53 644

原创 grunt学习笔记九：新建project

1.新建project的文件目录：mkdir grunt-empty2.建立项目的目录结构： ①根目录：新建 index.html（空） ②根目录：新建 js 文件夹 ③js文件夹：新建 index.js（空）3.使用grunt的准备： ①安装package（grunt属于npm的一个package）:npm init (根据提示完成即可) ②npm inst

2015-11-10 18:50:36 497

原创 grunt学习笔记八：插件（补）

1.安装yeoman: npm install -g yo2.安装自动生成插件模板的generator: 方案①npm install -g generator-gruntplugin 方案②按照提示，选择你需要generator: gruntplugin3.新建目录存放创建的插件： mkdir xxx 4.切换到你新建的目录:cd xxx5.创建插件模板：yo g

2015-11-10 18:39:38 436

原创 grunt学习笔记七：插件安装

2015-11-10 18:38:40 378

翻译 grunt学习笔记六：插件介绍

1. grunt-contrib-concat 用于合并任意文件eg：合并src下的js文件到build目录，合并后文件名为built.jsgrunt.initConfig({ concat: { options: { //文件内容的分隔符 separator:';'

2015-11-10 18:37:45 351

原创 grunt学习笔记五：grunt模板

1.安装grunt-init： npm install -g grunt-init2.下载模板 Linux：git clone https://github.com/gruntjs/grunt-init-jquery.git ~/.grunt-init/jquery windows：git clone https://github.com/gruntjs/grun

2015-11-10 18:34:01 458

原创 grunt学习笔记四：grunt实例demo

1.新建项目demo2.在demo根目录下，创建package.json文件eg： { "name":"demo", "version":"1.0.0", "devDependencies": { "grunt-contrib-uglify":"~0.2.0" } }2.运行npm in

2015-11-10 18:32:13 559

原创 grunt学习笔记三：gruntfile.js-demo

grunt-gruntfile.js demo

2015-11-10 18:30:42 500

原创 grunt学习笔记二：package.js

一、package.json里面有许多信息，包括 1、依赖模块（dependencies），开发、部署的时候都需要 2、开发依赖模块（devDependencies），开发时候需要，但部署则不必。比如，grunt方面的一些东西。 3、main：大概相当于程序里的main函数，是个入口，指明了入口文件。通常用在一些安装的模块里面。二、安装Grunt模块的时候，加

2015-11-10 18:27:02 457

原创 grunt学习笔记一：grunt安装

grunt的安装

2015-11-10 18:24:03 781

原创 $(this). 应用

一、$(this).attr()的使用用法一: $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值.用法二: $(选择器).attr(属性名, 属性值) 它的作用是为所有匹配的元素设置一个属性值。用法三: $(选择器).attr(Map) 它的意思就是给指定元素设置多属性值, 我们重点看一下 Map 是什么意思. 它其实是这样一种序列:{属

2015-06-19 00:23:21 656

原创 ajax（1）helloword(GET)

window.onload = function(){var elem = document.getElementByTagName("a");elem.onclick = function(){var url = this.href;var method = "GET";elem.open(method,urrl);elem.send(null);elem.onrea

2015-06-09 00:20:50 421

转载 javaEE开发eclipse字符默认配置修改

关于eclipse与myeclipse：1.字符集更改2.两者区别转自： http://rebecca.iteye.com/blog/654953（作者若有异议，请联系我删除）

2015-06-09 00:14:57 549

原创 git给自己

http://www.cnblogs.com/sysu-blackbear/p/3463475.html（相关连接（转））git clone git@github.com:CodingDoubleB/PASS.gitcd ./PASSlsecho "123">TEST ??lsgit add -Agit commit -m "test"git push????

2015-04-18 00:40:06 508

原创 linux下Apache安装的相关知识

一、APR可移植运行库（百度百科）APR使得平台细节的处理进行下移。对于应用程序而言，它们根本就不需要考虑具体的平台，不管是Unix、Linux还是Window，应用程序执行的接口基本都是统一一致的。因此对于APR而言，可移植性和统一的上层接口是其考虑的一个重点。而APR最早的目的并不是如此，它最早只是希望将Apache中用到的所有代码合并为一个通用的代码库，然而这不是一个正确的策略，因此后来

2015-04-12 17:08:03 458

原创 java针对一个资源，创建多个线程来处理同一个事件

//针对一个资源，创建多个线程来处理同一个事件，//此处用车站售票系统·package 课外体例;public class StationSystem {public static void main(String[] arg){Thread t = new Thread(new Tickets());//Tickets t = new Tickets();

2014-12-04 12:52:38 1226