qingguoing-CSDN博客

转载 C语言位运算详解

位运算是指按二进制进行的运算。在系统软件中，常常需要处理二进制位的问题。C语言提供了6个位操作运算符。这些运算符只能用于整形操作数，即只能用于带符号或无符号的char、short、int与long类型。C语言提供的位运算符列表：运算符含义描述& 按位与如果两个相应的二进制位都为1，则该位的结果值位1，否则为0| 按位或两个相应的二进制位只要有一个为1，则该位的结果值为1^

2015-09-10 23:24:21 445

原创 CSS选择器总结

前言做过前端开发的程序员几乎都对CSS选择器或多或少了解些，因为大家几乎都是按照HTML–CSS–JS的顺序来学习。当然，即使你是”半路出家“，直接上手JS的，那你也至少了解ID，类与标签。而本文就对CSS选择器简单做个总结，主要是起到巩固基础的作用。选择器选择符是指一条CSS样式规则的最左边部分，总的可分为五大类十八种。并联选择器：即群组选择器，即以“,”合并多个分组结果简单选择器：标签，ID

2015-09-03 18:56:30 1183

原创 Function.prototype.bind、call与apply方法简介

前言前段时间面试遇见一题，题目内容大概是function Parent() { this.prop = 'parent';}Parent.prototype.get = function() { alert(this.prop);};Parent.prototype.show = function() { setTimeout(this.get, 100);};

2015-08-31 20:45:03 1635

翻译 css3的Background新属性

前言CSS3中出现了几种关于背景图片的新属性：background-origin、background-clip、background-position等.之前大致了解了下，但是background-origin与background-clip的区别尚不清楚。就google了一篇，发现不错，翻译下来吧。原文连接 : The New Background Position in CSS3 Say

2015-08-14 11:30:07 733

原创 gulp的使用

前言对于前端自动化，大家可能开始想到的是Grunt而且最开始学的是也是它。没错，刚开始学习grunt时，发现它真的很方便，很多额外的操作都可以通过一个命令自动执行。而我使用Grunt的方式也很简单，就是为了更好的保护的F5键。

2015-07-30 14:13:08 1236

原创 angularJS学习笔记（二）

前言首先，了解一下ng的一些概念：module 代码的组织单元，其它东西都是定义在具体的模块中的。app 应用业务，需要多个模块的配合完成。service 仅在数据层面实现特定业务功能的代码封装controller 与DOM结构相关联的东西，即是一种业务封装概念，又体现了项目组织的层级结构filter 改变数据的一种机制directive 与DOM结构相关联，特定功能的封装形式

2015-07-26 11:03:58 900

原创 AngularJS学习笔记(一)

前言几个月之前了解过一点Angular,主要是通过phonecat应用程序了解一些入门东西，但是当被问及什么是Angular或者你对Angular的理解时，只记得一个MVVM双向数据绑定，显然这是不能令人满意的。现在重新来过吧。 ps:该文档只是见证自己学习Angular的过程。所用版本为1.4.3。

2015-07-23 18:03:17 818

原创深入理解JavaScript原型链

前言最近碰到一个题，大家可以试下。Object.prototype.a = function() {};Function.prototype.b = function() {};function Person(name) {};var person = new Person;请问person能够调用a,b方法吗？

2015-07-14 20:54:41 646

原创 JavaScript设计模式

前言最近看了一下《JavaScript设计模式》这本书，书中有很多知识点，一时之间消化不了，先记下来。 ps：另有部分内容参考Tom大叔博客深入理解JavaScript系列构造器

2015-07-11 10:30:35 707

原创 requireJS目录

前言对于像我这种requireJS初学者而言，requireJS最难理解的部分应该是它的路径问题。晚上随便折腾了一下，算是稍微理清了这个目录问题吧。

2015-07-08 20:31:01 1799 2

转载 URL中的#号

一、#的涵义#代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如，　　http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚动至可视区域。为网页位置指定标识符，有两个方法。一是使用锚点，比如，二是使用id属性，比如。二、H

2015-04-20 19:33:11 712

转载 Linux下默认的目录介绍

目录/文件用途来源//处于Linux文件系统树形结构的最顶端，它是Linux文件系统的入口，所有的目录、文件、设备都在/之下。-/bin该目录存放着系统最常用的最重要的命令，相当于DOS下的内部命令，只不过它们是以独立的文件形式存在。比如：ls、cp、mkdir等命令。这个目录中的文件都是可执行的并且是普通用户都可以使用的命令

2015-04-10 11:26:26 647

转载 javascript继承—prototype最优两种继承（空函数和循环拷贝）

一、利用空函数实现继承参考了文章javascript继承—prototype属性介绍(2) 中叶小钗的评论，对这篇文章中的方案二利用一个空函数进行修改，可以解决创建子类对象时，父类实例化的过程中特权属性和特权方法，私有属性，私有方法的空耗资源问题。复制代码 function Person(name,age){ this.name = name; this.age = age

2015-04-09 18:25:03 387

转载正则表达式之捕获型分组与非捕获型分组

使用小括号指定一个子表达式后，匹配这个子表达式的文本(也就是此分组捕获的内容)可以在表达式或其它程序中作进一步的处理。捕获组语法：字符描述示例(pattern)匹配pattern并捕获结果，自动设置组号。 (abc)+d匹配abcd或者abcab

2015-04-09 09:45:52 2633 1

转载 JavaScript单线程(setTimeout,setInterval)

今天看到这篇文章，学到了不少东西特此发出来和大家分享JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如setTimeout( function(){ alert(’你好!’); } , 0);setInterval( callbackFuncti

2015-04-03 11:29:26 550

原创前端自动化Grunt教程

最近在学习Bootstrap，了解一部分之后，发现Bootstrap使用了LESS，好嘛，开始学习LESS，LESS了解部分，发现自动编译工具Grunt，了解Grunt过程发现需要使用node.js的npm工具和语法。。。。。。得，打住吧，先安装node吧，之后再了解。由于本屌丝使用的是win7系统，所以以下教程均在win7下测试。

2015-03-27 15:13:53 619

原创浅谈JavaScript变量声明提升

前段时间阿里实习生内推，一面就被刷了，也是郁闷。今天系统给发通知，大致意思就是内推环节不足以了解彼此，还可以参加笔试，于是赶紧再投一次。官网流程显示笔试时间3月31日，时间快到了，开始刷题。网上搜了一下去年题目，我擦，第一题就不会(伤心中...)，继续往下看，第四题也不会。。。好嘛，搜答案吧。搜了一个多小时的博客，结合自己的理解，写下了这篇博文。。。2014年阿里巴巴前端工程师笔试题目1：va

2015-03-26 20:34:53 631

转载 CSS 3D变换

一、写在前面的秋裤早在去年的去年，我就大肆介绍了2D transform相关内容。看过海贼王的都知道，带D的家伙都不是好惹的，2D我辈尚可以应付，3D的话，呵呵，估计我等早就在千里之外被其霸气震晕了~~看看下图女帝的动作以及神情，就可以知道名字带D的家伙的厉害！最近折腾iPad的一些东西，有一些3D效果的交互。有些事情，总以为是遥远的未来，谁知真正发生的时候说来就来，比

2015-03-25 21:01:21 621

原创 CSS各属性选择符区别

ele[attribute]匹配具有属性attribute的ele元素。ele[attribute = value] 匹配具有属性attribute且值为value的元素。ele[attribute ~= value] 匹配具有属性attribute且其中一个值为value的元素。(多个值用空格隔开)ele[attribute |= value] 匹配具有属性attribute且其

2015-03-22 22:43:38 876

转载 window.name实现跨域数据传输

偶然间碰到个问题，通过JS给window.name赋值数组情况下，在firefox与chrome下会转换为字符串类型，在IE11下则显示正常。不说了，上图（firefox下）：代码： var name = [1,2,3]; console.log(typeof name); console.log(name.length); for(var i in name){

2015-03-22 13:17:58 565

转载 Media Queries详解

刚刚在网上看到一篇博文，又学到了很多知识，特摘抄如下Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码：或者这样的形式： @import url("css/style.css"); 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”

2015-03-15 19:20:56 380

原创 js中的四舍五入函数

刚学到这部分时，感觉特别简单。可最近写个ajax分页时，忽然忘记应该怎么使用哪种函数来计算总的页数。。。哎，好记星不如烂笔头啊，还是老老实实的写下来吧。随时查看。1.Math.ceil(x)：对x向上取整，即返回大于或等于x的最小整数。(分页中用此函数计算总的页数)2.Math.floor(x)：对x向下取整，即返回小于或等于x的最大整数。3.Math.random()：生成一个大于等

2014-12-15 19:54:42 526

原创 html5学习笔记

随着html5标准出来，html5将会逐渐取代过去的html4.1和XHTML 1.0而成为主流。俺最近也在学HTML5,首先，还是先从书本开始。一、《论道HTML》(作者：秀野堂主)1.标签分类：（1）结构性标签：seciton：用于表达书的一部分或一章，或者一章内的一节。也可用于区域的章节表述。header：页面主体上的头部，区别于head标签。footer：页面的底

2014-11-25 22:07:34 514

学习html是件比较容易的事情，但单单学html语言肯定是不够用的，所以大多数人并没有拿html作为学习核心，而是将html作为javascript、动态语言或者css学习的必经之路。于是很多人并不关注一些其他的html标签。主流书籍大多对此也是一掠而过，我倒更认为，是书本的作者本身对此一知半解，受惑于此，最近幸运看到关于这部分古老标签的介绍，想在这里写一下。所谓知其然当知其所以然，html已经有

2014-11-25 22:01:03 609

转载 javascript中keyCode与charCode属性

好记性不如烂笔头啊，最近总是忘记这两个属性的区别。

2014-11-20 10:15:32 1372

原创 handlebars.js基础学习笔记

最近在帮学校做个课程网站，就有人推荐用jquery+ajax+handlebars做网站前端，刚接触发现挺高大上的，于是就把一些基础学习笔记记录下来啦。1.引用文件：

2014-11-15 13:43:47 1878

原创 ajax个人学习笔记

1. function createXHR(){if(typeof XMLHttpRequest != 'undefined'){return new XMLHttpRequest();}else if(typeof ActiveXObject != 'undefined'){var version = ['MSXML2.XMLHttp.6.0','MSXML2.XMLHttp

2014-10-30 16:43:27 496

原创 ajax三级联动

最近在帮学校做一个小功能，主要是点击学

2014-10-14 16:12:03 1158

转载 background-position 用法详细介绍

语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位 position : top | center | bottom | left | center | ri

2014-10-04 18:55:47 411