- 博客(107)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
原创 CommonJS、AMD和CMD规范
CommonJS规范是Node.js遵循的规范。1. 标识符require为一个全局函数,它仅有一个参数为字符串,该字符串须遵守Module Identifiers的六点规定。2. require方法返回指定的模块API3. 如果存在依赖的其他模块,那么依次加载4. require不能返回,则抛出异常5. 仅能使用标示符exports导出API
2016-04-21 19:08:48 654
原创 实例化日期对象Date的问题
我们可以用new Date()构造一个日期对象。MDN上对Date对象的介绍如下:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date但要注意以下情况:case 1:> new Date("2016-04-05T20:00:00")Apr 06 2016 04:
2016-04-05 13:54:59 3099
原创 前端布局中的几个常见概念(FC、BFC)
写前端的同学都知道CSS盒模型概念,进行CSS布局时,我们常常需要确定一个元素时block类型的块元素还是inline类型的内联元素。FC、BFC、IFC这些概念就和这些元素类型相关。FC:Formatting Context,格式化上下文,指页面中一个渲染区域,拥有一套渲染规则,它决定了其子元素如何定位,以及与其他元素的相互关系和作用。BFC:Block Formatting Conte
2016-03-02 09:35:09 6151
原创 字符编码小结
ASCII码:计算机以二进制的0和1来存储和处理所有信息,其中每个0和1被称为一位(bit),用小写的b表示;8个bit可以组成一个字节byte,用大写B表示,1B=8bit。一个字节共有0000 0000 - 1111 1111 共256种组合,美国国家标准学会(ANSI, American National Standards Insitute)将这些组合与英文字符、空格以及其他一些控制符
2016-01-30 17:40:02 560
原创 HTML5中meta属性的应用
name="属性名" content="属性内容" >1.viewport移动端浏览器通常在一个比屏幕更宽的虚拟“窗口”(视口)中渲染页面,从而无需将所有页面都压缩进小屏幕里(如果把所有页面都压缩进手机的小屏幕里,很多没有针对移动端设计的网站就会被打乱),用户可以通过平移和缩放来浏览页面的不同区域。iOS Safari最初引入“viewport”元标签来让开发者控制可视
2015-10-22 14:33:44 589
原创 datatables——API
Datatables拥有一个强大的API可以用来操作表格中的数据,它由以下六个部分组成:表格列行单元格核心方法工具类专业术语(Terminology):实例(Instance):就是指datatables初始化后的表格。结果集(Result set):本质上就像一个jquery数组,拥有sort()和push(
2015-10-20 09:58:43 1537
原创 datatables——数据的服务器端处理
官网:http://www.datatables.net/中文网:http://dt.thxopen.com/问题:在处理太多dom数据或者ajax一次性把数据获得后,datatables表现不是很满意。原因使一次性获得数据后,浏览器需要渲染数据,创建tr,所以数据越多,速度就越慢。为了解决这个问题,datatables提供了服务器模式,把本来客户端所做的事情交给服务器
2015-10-20 09:54:34 18456
原创 datatables——数据
官网:http://www.datatables.net/中文网:http://dt.thxopen.com/ 在datatables中,处理数据要掌握以下三个核心概念:1.处理模式datatables有两种不同的方式处理数据(排序、搜索等):第一种:客户端处理。所有的数据集预先加载和数据处理都是在浏览器中完成。第二种:数据处理在服务器上执行。
2015-10-20 09:51:16 2707
原创 关于position:absolute和float之脱离文档流
position:absolute和float浮动都会以某种方式将元素从文档的正常流中删除。但其还是有点不同:float元素还是会影响布局,它对文档的其余部分还是会有影响;而绝对定位的元素会从文档流中完全删除,然后相对于其包含块定位。直观的感受就是,absolute元素会遮挡其他元素,而float不会。一个元素浮动时,其他元素会“环绕”该元素。任何元素都可以
2015-10-16 20:12:04 4839 1
原创 JavaScript属性
在JavaScript中,一个对象的属性可以分为自有属性和原型属性。自有属性是指该属性被直接保存在一个对象的实例内,仅仅是指定的对象实例拥有该属性,对改属性的所有操作都必须通过该对象进行。原型属性是指被定义在该对象的原型对象中的属性。属性探测:一般使用in操作符或每个对象都拥有的hasOwnProperty()方法区别是in操作符会检查自由属性和原型属性,只要给定属性存在即
2015-10-14 11:17:55 487
原创 向URL末尾添加查询字符串参数的辅助函数
function addURLParam(url,name,value){ url += (url.indexOf('?')==-1 ? '?' : '&'); url += encodeURIComponet(name) + '=' + encodeURIComponent(value); return url;}
2015-10-14 09:50:43 1378
原创 CSS样式规范
规范目的:可读性、节约字符。使用有效的CSS,除非是bugs处理或专属语法(浏览器私有前缀)使用短ID或类命名,但确保他们不要太过隐晦,也不用太直白(如#blue-button)多人合作的大型项目使用个人名字缩写前缀,如#zyh-title,.zyh-column选择器尽可能简单,如#example,而不是div#example使用缩写,例如margin : 10px 5px 10px
2015-09-07 23:39:10 428
原创 坑了爹的Android webview中的height:100%
最近在做一个东西,一个loading页面,非常简单,只需把一个gif图片水平+垂直居中即可。demo的代码如下: *{ padding: 0px; margin: 0px; border: 0px; } html{ height: 100%; } body { height: 100%; width:100%; background: #fff;
2015-09-02 22:46:01 4447 4
原创 JS获取页面高度方法小结
/*document.body是为了兼容chrome浏览器*///获取到滚动条距可视页面顶部的位置function getScrollTop(){ var scrollTop = 0; //经测试,在chrome和ff下,document.documentElement.scrollTop并没有什么卵用,都是一直返回0。但在IE下是好使的,可怜的IE。 if(document.doc
2015-07-23 13:35:57 966
原创 CSS3去除手机浏览器按钮点击出现的高亮框
在工作中经常遇到在手机浏览器中浏览网页时,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框,影响整体的感官体验。可以用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:
2015-07-14 13:05:19 8290
原创 Java-向上转型和向下转型
先回顾一下Java基础:在Java中,任何对象变量的值都是对存储在另外一个地方的一个对象的引用。一个对象变量并没有实际包含一个对象,而仅仅是引用了一个对象。A a = new A();表达式 new A()构造了一个A类型的对象,它的返回值也是一个引用,是对新创建对象的引用。我们把这个引用存储在A类型的变量a中。向上转型:将一个子类的引用赋给一个超类变量。这是安全的,不用进
2015-06-11 10:08:34 558
转载 Java特性-封装
原文链接:http://blog.csdn.net/chenssy/article/details/12757911三大特性之---封装 封装从字面上来理解就是包装的意思,专业点就是信息隐藏,是指利用抽象数据类型将数据和基于数据的操作封装在一起,使其构成一个不可分割的独立实体,数据被保护在抽象数据类型的内部,尽可能地隐藏内部的细节,只保留一些对外接口使之与外部发生联系。系统
2015-06-10 20:04:13 406
原创 Java-希尔排序
希尔排序又叫分组插入排序、缩小增量排序。它通过比较相距一定间隔的元素来工作;各趟比较所用的距离随着算法的进行而减小,直到只比较相邻元素的最后一趟比较为止。简单的说就是先将整个序列分割成若干子序列(由相隔某个增量的元素组成),分别进行插入排序。然后依次缩减增量再进行排序,待整个序列中元素基本有序时,再对全体元素就行一次插入排序(因为此时整个序列已经基本有序了,用插入排序效率比较高,子序列排序
2015-06-08 22:50:44 611
原创 Java-插入排序
public static void insertSort(int[] a){ if(a == null){ return; } int n = a.length; int j = 0; for(int i=1; i<n; i++){ int temp = a[i]; //把比temp大的数后挪一位,a[j]>temp这个条件别忘了 for(j=i-1; j>=0 &&
2015-06-08 20:04:41 710
原创 Java集合框架概要
Java Collection Framework:Java集合框架在Java语言中,Java语言的设计者对常用的数据结构和算法做了一些规范(接口)和实现(具体实现接口的类)。所有抽象出来的数据结构和操作(算法)统称为Java集合框架。Javav程序员在具体应用时,不必考虑数据结构和算法实现细节,只需要用这些类创造出来一些对象,然后直接应用就可以了。大大提高了编程效率。
2015-06-08 16:05:51 458
转载 jQuery操作css-position()与offset()方法的区别
使用jQuery获取元素位置时,我们会使用position()或offset()方法,两个方法都返回一个包含left属性和top属性的对象-左边距和上边距。这两个方法返回的对象的不同点在于位置的相对点不同。从图中我们可以大体看出两者的区别。position()获取相对于它最近的具有相对位置(position:relative)的父级元素的距离,如果找不到这样的元素,则返回相对于
2015-05-31 21:44:14 1347
转载 Java解析XML
参考:http://blog.csdn.net/smcwwh/article/details/7183869#part4以下是我测试时写的小程序,功能仅仅是读取一个xml文件并打印出来:用作例子的xml文件 James m 28 Wade m 30 1.DOM解析XML/** * 使用dom解析XML文档 * DOM是由W3C提供的接
2015-05-27 23:03:59 474
原创 JVM内存结构小结
JVM按照运行时数据的存储结构来划分内存结构,JVM在运行Java程序时,将它们划分为几种不同格式的数据,分别存储在不同的区域,这些数据统一称为运行时数据(Runtime Data)。1.PC寄存器PC寄存器严格来说是一个数据结构,它用于保存当前正常执行的程序的内部地址。同时Java程序是多线程执行的,所以不可能一直按照线性执行下去,当有多个线程交叉执行时,被中断线程的程序当前执行到哪
2015-05-26 23:07:55 580
原创 HTML5-大纲
教训:没学HTML5大纲之前,写前端页面的时候,很少去关注一个页面的文档结构,总是按照自己的感觉,用了一堆堆的div,现在回去看看之前写的代码,确实是一坨shit。首先参考一个大牛的博客:http://www.osmn00.com/rebuild/223.html
2015-05-22 17:56:28 2611
转载 jquery ajax方法如load,get等 在CHROME下失效的问题(已经解决)
最近碰到一个问题。jquery在chrome 5.0+ 等版本中, ajax的load get等方法完全失效。 代码如下:function getHtml(url,ctner){//alert(ctner);//$.get(url,function(data) {$(ctner).html(data);}, "text");try{ $(ctner).load(url)
2015-05-20 10:32:17 1006
原创 CSS盒状模型
CSS盒状模型是大多数CSS布局与定位的基础,它以包含4个成分的有界限的盒子来描述网页中的每个元素。盒状模型示意图如下图所示。盒子的尺寸=内容尺寸(width+height) + 内边距(padding) + 边框粗细(border) + 外边距(margin)一、在给元素设置背景时 IE作用域:content + padding Firefox作用域:conten
2015-05-16 16:31:48 1287
win7下安装XFTP后无法启动,重装也不行,求解
2016-04-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人