kevin4dev - 博客园

JS是单线程的吗？

摘要： Javascript是单线程的深入分析首先一个引子：为什么JavaScript是单线程的却能让AJAX异步发送和回调请求，还有setTimeout也看起来像是多线程的？先看例子1：执行结果如下先显示出10000个first，再显示出10000个second Javascript是单线程的因阅读全文

posted @ 2016-05-20 22:58 kevin4dev 阅读(3050) 评论(0) 推荐(0)

CSS浮动并清除浮动(造成的影响)

摘要：一、浮动 CSS浮动 CSS float浮动的深入研究、详解及拓展(一) CSS浮动属性Float详解块级元素独占一行块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元阅读全文

posted @ 2016-05-16 23:12 kevin4dev 阅读(6752) 评论(0) 推荐(0)

JavaScript 作用域匿名函数模仿块级作用域（私有作用域）

摘要：作用域对于有块级作用域的语言来说，for语句中定义并初始化的变量i在循环外是无法访问的。而javascript没有块级作用域，for语句中定义的变量i在循环结束后，依旧会存在于循环外部的执行环境（作用域）中，在这里i的作用域是全局环境。具体来说就是：使用var关键字声明变量时，这个变量会自动添阅读全文

posted @ 2016-05-16 21:54 kevin4dev 阅读(354) 评论(0) 推荐(0)

WEB 技术分类 Javascript DOM(Element Node) BOM

摘要： Web technology for developers Web 技术文档备注：本文介绍web technology的分类，各自职责，因为之前一直就没有搞明白各种技术、各种名词究竟是属于哪个范畴的。 Web technology 总体概况如下: HTML,CSS不做说明，主要解释下其他内容。 J 阅读全文

posted @ 2016-05-14 17:12 kevin4dev 阅读(263) 评论(0) 推荐(0)

JavaScript 属性类型（数据属性访问器属性）

摘要： ECMA-2把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。” 严格来说，这就相当于说对象是一组没有特定顺序的值。对象的属性或方法都有一个名字，而每个名字映射到一个值。我们可以把ECMAScript的对象想象成散列表，无非就是一组名值对，其中值可以是数据或函数。（高程三 P139 阅读全文

posted @ 2016-05-14 14:18 kevin4dev 阅读(911) 评论(0) 推荐(0)

JQuery常用API 核心效果 JQueryHTML 遍历 Event事件

摘要： JQuery 常用API 参考资料：JQuery 官网 jQuery API 中文文档核心 jQuery 对象 jQuery() 返回匹配的元素集合，无论是通过在DOM的基础上传递的参数还是创建一个HTML字符串。 jQuery.noConflict( [removeAll ] ) 放弃jQuer 阅读全文

posted @ 2016-05-10 20:57 kevin4dev 阅读(872) 评论(0) 推荐(0)

JQuery $ $.extend(),$.fn和$.fn.extend javaScript对象、DOM对象和jQuery对象及转换工具方法(utility)

摘要：一、为什么jquery前面要写$ Javascript没有package的概念，而作者又希望所有jQuery相关的API都能通过一个全局性的对象来容纳。名为jQuery的全局变量就是这样一个对象，不过显然作者也觉得没必要每次都要大家写jQuery.balabala......这样有点小啰嗦了，于是阅读全文

posted @ 2016-05-09 20:18 kevin4dev 阅读(381) 评论(0) 推荐(0)

CSS 选择器之基本选择器属性选择器伪类选择器

摘要： CSS 选择器常见的选择器列表图 CSS选择器笔记基本选择器通配符选择器（*）元素选择器(E) 类选择器（.className）所有浏览器都支持类选择器，但多类选择器（.className1.className2）不被ie6支持。 id选择器（#ID）多元素选择器（Ｅ,Ｆ）后代选择器（阅读全文

posted @ 2016-05-05 20:50 kevin4dev 阅读(763) 评论(0) 推荐(0)

Node.js入门 NPM

摘要：参考一 Node入门七天学会NodeJS Node.js v4.2.4 手册 & 文档 Node.js 教程 node.js摸石头系列从零开始学习node.js What is npm? Node.js v4.4.7Documentation NodeJS NodeJS基础 JS是脚本语言，脚本阅读全文

posted @ 2016-04-26 20:43 kevin4dev 阅读(972) 评论(0) 推荐(0)

JavaScript 执行环境（执行上下文）变量对象作用域链上下文块级作用域私有变量和特权方法

摘要：在javascript中，可执行的JavaScript代码分三种类型： 1. Global Code，即全局的、不在任何函数里面的代码，例如：一个js文件、嵌入在HTML页面中的js代码等。 2. Eval Code，即使用eval()函数动态执行的JS代码。 3. Function Code，即用阅读全文

posted @ 2016-04-24 22:11 kevin4dev 阅读(331) 评论(0) 推荐(0)

php入门数据类型运算符语言结构语句函数类与面向对象

摘要： php PHP-enabled web pages are treated just like regular HTML pages and you can create and edit them the same way you normally create regular HTML page 阅读全文

posted @ 2016-04-22 21:25 kevin4dev 阅读(293) 评论(0) 推荐(0)

JavaScript JSON AJAX 同源策略跨域请求

摘要：网页和Ajax和跨域的关系 1 Ajax使网页可以动态地、异步地的与服务器进行数据交互，可以让网页局部地与服务器进行数据交互 2 Ajax强调的是异步，但是会碰到跨域的问题。 3 而有很多技术可以解决跨域问题。 eg:很多公共地图，身份证查询的API都使用了CORS技术，在respons heade 阅读全文

posted @ 2016-04-20 21:11 kevin4dev 阅读(437) 评论(0) 推荐(0)

javascript 深入浅出 (未完成4-17)

摘要：慕课网javascript总结课程地址课程大纲：一、数据类型二、表达式和运算符三、语句四、对象五、数组六、函数七、this 八、闭包和作用域九、OOP 十、正则与模式匹配正文部分开始一、数据类型六种类型: 5种基本类型（String,Number,Boolean,Undef 阅读全文

posted @ 2016-04-17 17:22 kevin4dev 阅读(179) 评论(0) 推荐(0)

JavaScript Function arguments.callee caller length return

摘要：一、Function 函数是对象，函数名是指针。函数名实际上是一个指向函数对象的指针。使用不带圆括号的函数名是访问函数指针，并非调用函数。函数的名字仅仅是一个包含指针的变量而已。即使在不同的环境中执行，全局的sayColor()函数与 obj.sayColor() 指向的仍是同一个函数。在阅读全文

posted @ 2016-04-15 21:43 kevin4dev 阅读(214) 评论(0) 推荐(0)

WEB组件开发（未完成 4-13）

摘要：整理自真阿当的阿当大话西游之WEB组件，课件中的代码下载。 14. 抽出widget类组件分两大类: utility（大部分与UI无关的组件）和 widget（应用层，大部分与UI相关的，日历组件，弹窗，tabtree等）阅读全文

posted @ 2016-04-13 23:21 kevin4dev 阅读(163) 评论(0) 推荐(0)

JavaScript 操作符变量

摘要：一、操作符：一元操作符递增操作符递减操作符分为前置型（--a ++a）和后置型 (a-- a++) 区别如下： in 操作符 The in operator returns true if the specified property is in the specified objec 阅读全文

posted @ 2016-04-12 21:52 kevin4dev 阅读(225) 评论(0) 推荐(0)

重识 CSS

摘要：阅读全文

posted @ 2016-04-12 21:37 kevin4dev 阅读(86) 评论(0) 推荐(0)

JavaScript 正则表达式

摘要：正则表达式：正则表达式（Regular(正常的，常规的) Expression），又称正规表示法、常规表示法。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。 JavaScript 正则表达式上——基本语法 JavaScript正则表达式下——相关方法可以参考这篇文章，比较阅读全文

posted @ 2016-04-11 22:56 kevin4dev 阅读(338) 评论(0) 推荐(0)

JavaScript 构造函数 prototype属性和_proto_和原型链 constructor属性 apply(),call()和bind() 关键字this new操作符

摘要： 1.构造函数：通常构造函数首字母需要大写，主要是为了区别ECMAScript的其它函数。（高程三 P145）构造函数与其他函数的唯一区别，就在于调用它们的方式不同。只要通过new来调用，任何函数都是构造函数；而任何函数，如果不通过new来调用，那么它和普通函数也没有任何区别。（P146）所谓" 阅读全文

posted @ 2016-04-10 17:00 kevin4dev 阅读(6855) 评论(1) 推荐(2)

JavaScript “类”定义继承闭包封装

摘要：一、Javascript “类”：类：在面向对象编程中，类（class）是对象（object）的模板，定义了同一组对象（又称"实例"）共有的属性和方法。 Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP 阅读全文

posted @ 2016-04-10 13:07 kevin4dev 阅读(831) 评论(0) 推荐(0)

JavaScript Event 事件事件流事件对象事件处理程序回调函数 error和try...catch和throw

摘要：参考资料：慕课网 DOM事件探秘 js事件对象处理事件驱动： JS是采用事件驱动的机制来响应用户操作的，也就是说当用户对某个html元素进行操作的时候，会产生一个事件，该事件会驱动某些函数来处理。定义某种行为，然后将其添加到用户触发的事件之上（比如点击或者按键）事件：是文档/浏览器窗口中阅读全文

posted @ 2016-04-10 10:46 kevin4dev 阅读(978) 评论(0) 推荐(0)

JavaScript 类型转换

摘要：强制转换：强制转换主要指使用Number、String和Boolean三个构造函数，手动将各种类型的值，转换成数字、字符串或者布尔值。转化为数字: parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串。阅读全文

posted @ 2016-04-07 23:16 kevin4dev 阅读(175) 评论(0) 推荐(0)

js常用API 数据类型基本类型,基本包装类型,引用类型 Object String Array Boolean Number Date Math

摘要：数据类型变量、作用域及内存基础类型(primitive value)：Undefined、Null、Boolean、Number和String。这些类型在内存中分别占用固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的。引用类型值：Objec 如果赋值的是引用类型的值，则必须在堆内存中阅读全文

posted @ 2016-04-07 22:22 kevin4dev 阅读(1056) 评论(0) 推荐(0)

CSSHack 兼容性

摘要：史上最全的CSS hack方式一览 CSS hack技巧大全 Can i use CSS hack CSS hack 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不阅读全文

posted @ 2016-03-27 20:07 kevin4dev 阅读(168) 评论(0) 推荐(0)

margin的auto的理解 top,left[,bottom,right] position

摘要： auto auto 总是试图充满父元素 margin有四个值： All the margin properties can have the following values: auto - the browser calculates the marginlength - specifies a 阅读全文

posted @ 2016-03-16 22:14 kevin4dev 阅读(399) 评论(0) 推荐(0)

CSS的BFC和hasLayout及其应用场景

摘要：前端精选文摘：BFC 神奇背后的原理一、BFC是什么？先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位，直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Bo 阅读全文

posted @ 2016-03-13 22:58 kevin4dev 阅读(433) 评论(0) 推荐(0)

CSS布局之传统方法

摘要：传统的页面布局依赖于盒模型+流动模型（flow）+浮动模型（float）+层模型（layer）来实现页面的布局，具体方法是通过盒模型+display属性+float属性+position属性来加以实现。一、一栏固定，一栏自适应 1.1 左侧固定方法一：float + margin-left ht 阅读全文

posted @ 2016-03-13 16:28 kevin4dev 阅读(589) 评论(0) 推荐(0)

CSS传统布局之display属性+float属性+position属性

摘要：这三个属性是传统网页布局中经常用到的属性。读这篇文章之前，希望你对css布局模型已经有了一定的了解。因为本文的三个属性是和css三个布局模型紧密联系在一起的。因此，如若你并不了解，我推荐你先看一下css布局模型这篇文章。一、display属性 The display property s 阅读全文

posted @ 2016-03-13 10:37 kevin4dev 阅读(1091) 评论(0) 推荐(0)

CSS传统布局之布局模型

摘要：刚开始准备这篇文章的时候，查到的有很多包含“布局模型”的中文博客或是资料，但是google上并未找到类似字眼，google到的是“flex layout module”“grid layout module”“ruby layout module” 本文只谈这三个模型，不谈具体布局实例。网页布局有阅读全文

posted @ 2016-03-12 23:00 kevin4dev 阅读(501) 评论(0) 推荐(0)

块级元素行级元素及其他元素

摘要：我们常说元素分为块级元素和行级元素，这只是一种简化了的约定。 1.元素的display属性定义了该元素在页面中渲染出来的盒模型。 Every HTML element has a default display value depending on what type of element it 阅读全文

posted @ 2016-03-12 21:42 kevin4dev 阅读(500) 评论(0) 推荐(0)

CSS居中问题：块级元素和行级元素在水平方向以及垂直方向的居中问题

摘要：元素的居中问题是每个初学者碰到的第一个大问题，在此我总结了下各种块级行级水平垂直的居中方法，并尽量给出代码实例。首先请先明白块级元素和行级元素的区别块级元素块级元素水平居中 1：margin: 0 auto 2：负边距+绝对定位 3：弹性盒子flexbox：块级元素垂直居中（元素高阅读全文

posted @ 2016-03-10 23:48 kevin4dev 阅读(9295) 评论(0) 推荐(0)

导航