tanWFront-优快云博客

原创 JavaScript的瀑布流效果的详解及实现

一、什么是瀑布流？瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。二、瀑布流的特点1、琳琅满目：整版以图片为主，大小不一的图片按照一定的规律排列。2、唯美：图片的风格以唯美的图

2016-04-21 14:56:20 780

转载 CSS 相对|绝对(relative/absolute)

原文地址：点击打开链接一、position:absolute与float:left是近亲position:absolute与float:left两者有两大共性：包裹性，破坏性。包裹性包裹性换种说法就是让元素inline-block化，例如一个div标签默认宽度是100%显示的，但是一旦被absolute属性缠上，则100%默认宽度就会变成自适应内部元素的宽度。哦，举个

2016-04-20 16:23:19 561

转载 block，inline和inline-block概念和区别

一、总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inl

2016-04-20 16:16:50 431

原创 scrollWidth、clientWidth与offsetWidth的区别

一、各自的定义：scrollHeight, scrollWidth：返回元素的完整的高度和宽度，以像素为单位。当一个元素拥有滚动条时（比如由于 CSS 的 overflow 属性），这些属性和 offsetHeight 与 offsetWidth 不同，offsetHeight 和 offsetWidth 只是报告元素的可见部分的大小。offsetWidth,offsetHeight：

2016-04-19 21:53:05 952

原创 JS的事件处理

事件就是文档或浏览器窗口发生触电一些特定交互瞬间，JS与HTML之间的交互是通过事件实现的，如click,load,mouseover都是事件的名称。事件处理的方式有：HTML事件处理、DMO0级事件处理、DOM2级事件处理、IE事件处理程序。一、html事件处理程序（最为传统）在html标签中写入事件处理函数。eg:缺点：1、当用户在html元素一出现在页面上就去

2016-04-17 23:43:55 652

转载 CSS强制英文、中文换行与不换行强制英文换行

1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用，强制换行4. white-space:nowrap; 强制不换行，都起作用5. white-space:nowrap; overflow:hidden; tex

2016-04-11 16:20:51 470

原创 JS中的实例方法与静态方法

一、静态方法与实例方法的例子：我们先来看一个例子来看一下JS中的静态方法和实例方法到底是什么静态方法：function A(){}A.sayMeS=function(){console.log("Hello World S!");}A.sayMeS();//输出Hello World S!实例方法：function A(){}A.prototype.sa

2016-04-06 22:27:58 10642

原创 IntelliJ IDEA 13.1.16 配置、获取、上传Github项目

1、准备工作：保证你已经在电脑上安装IntelliJ IDEA和git，并已经注册github账号。本文使用IntelliJ IDEA13.1.6.2、配置Git：选择菜单File -Settings，找到Version Control -Git：到Git的安装目录下的Git.exe执行文件所在地，一般不用你手动设置，如图：

2016-04-05 22:32:54 842

原创 windows下生成github ssh key详解

一、引子：什么是ssh：ssh是Secure Shell（安全外壳协议）的缩写，建立在应用层和传输层基础上的安全协议。为了便于访问github，要生成ssh公钥，这样就不用每一次访问github都要输入用户名和密码。二、生成条件：请在github上先注册账号，本地安装git。三、生成步骤：1、本地成功安装了git后，单击鼠标右键，选择Git Bush here，打开git bu

2016-04-05 14:11:12 55947 6

原创组合继承

原型链继承存在的问题上一篇文章中提到的原型链继承，存在两个问题：1、因为原型链继承相当于将子类的原型指针指向了父类的所有属性和方法，父类的所有属性暴露在所有实例前面会产生一个问题：引用类型的某些属性会改变父类原型的值从而使子类继承了这一改变的属性。2、没有办法在不影响子类所有的实例对象的情况下给超类型的构造函数传参。因此，原型链这种继承方式并不被大家所常用。组合继承目的：1

2016-03-14 20:54:37 451

原创 Js中的对象、构造函数、原型、原型链及继承

1、对象在传统的面向过程的程序设计中，会造成函数或变量的冗余。而JS中对象的目的是将所有的具有相同属性或行为的代码整合到一起，形成一个集合，这样就会方便我们管理，例如： var person1={ name:"tan", age:26, showMessage:function(){ alert("name:"+this.name);

2016-03-14 18:11:59 5227

原创 Qt界面跳转中的超前引用问题

引子最近要用Qt编写界面，需要两个界面的相互跳转。刚接触Qt有很多东西不懂，有遇到问题就记录一下，方便自己以后的查阅。问题的描述需要完成的功能是用pushbutton1从界面A进入界面B，从界面B的pushbutton2返回界面A。整个过程pushbutton1：void priceInputDialog::on_pricePushButton_clicked(

2015-11-05 09:05:24 706

tanzhengyu的博客