Fork me on GitHub
摘要: 在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 re阅读全文
posted @ 2017-06-26 00:26 一像素 阅读(102) 评论(0) 编辑
摘要: Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每阅读全文
posted @ 2017-06-16 01:13 一像素 阅读(5299) 评论(14) 编辑
摘要: MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。阅读全文
posted @ 2016-11-06 22:42 一像素 阅读(13032) 评论(34) 编辑
摘要: 使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为实现Web服务器需要用到Nodejs中几个比较重要的模块:http协议模块、文件系统、url解析模块、路径解析模块、以及301重定向技术等,下面我们就一起来学习如何搭建一个简单的Web服务器。阅读全文
posted @ 2016-03-28 01:35 一像素 阅读(11259) 评论(12) 编辑
摘要: H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的,效果图如下所示,本文简单说一下其实现原理和主要思路。 1、实现原理 假设有5个页面,每个页面占屏幕100%宽,则创建一个DIV容器viewport,将其宽度(widt阅读全文
posted @ 2016-03-21 02:02 一像素 阅读(6758) 评论(10) 编辑
摘要: NaN 即Not a Number , 不是一个数字, 那么NaN到底是什么呢? 话说在JavaScript中,有6大数据类型,分别包括string,number,boolean,undefined,null 和 object, 而对于JS来说,整数和浮点数都统称为number 类型,除此之外,nu阅读全文
posted @ 2016-03-16 00:27 一像素 阅读(3294) 评论(3) 编辑
摘要: React 起源于Facebook内部项目,是一个用来构建用户界面的javascript库,相当于MVC架构中的V层框架,与市面上其他框架不同的是,React 把每一个组件当成了一个状态机,组件内部通过state来维护组件状态的变化,当组件的状态发生变化时,React通过虚拟DOM技术来增量并且高效的更新真实DOM。本文将对React的这些特点进行简单的介绍。阅读全文
posted @ 2016-03-06 21:58 一像素 阅读(5864) 评论(6) 编辑
摘要: 1、正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量。 其中 g 表示全文匹配,与之相关的还有 i 和m,i 表示匹配时忽略大小写,m 表示多行匹配,如果多个条件同时使用时,则写成:gmi 2、() [] {} 的区别 () 的作用是提取匹配的字符串。表达阅读全文
posted @ 2016-02-26 15:00 一像素 阅读(2488) 评论(1) 编辑
摘要: 在Web App和Hybrid App横行的时代,为了拥有更好的用户体验,单页面应用顺势而生,单页面应用简称`SPA`,即Single Page Application,就是只有一个HTML页面的应用程序,应用中所有的视图都包含在这个HTML页面中,并通过JavaScript控制相关视图的显示和隐藏,这种模式可以让用户在Web App感受Native App的速度和流畅。本篇文章的目的就是教你如何来快速的构建一个单页面应用程序。阅读全文
posted @ 2016-01-26 01:36 一像素 阅读(4284) 评论(5) 编辑
摘要: 在JavaScript中,call 和 apply 是Function对象自带的两个方法,这两个方法的主要作用是改变函数中的this指向,从而可以达到`接花移木`的效果。本文将对这两个方法进行详细的讲解,并列出几个关于call和apply的经典应用场景。阅读全文
posted @ 2016-01-20 00:17 一像素 阅读(1863) 评论(7) 编辑
摘要: JavaScript中的四舍五入包括向上取整、向下取整、四舍五入、固定精度和固定长度5种方式,分别对应ceil,floor,round,toFixed,toPrecision等5个API,本文将对这5个API进行简单的讲解,以作为总结归纳。 1、ceil ceil是`天花板`的意思,表示在一个数值之阅读全文
posted @ 2016-01-19 11:07 一像素 阅读(465) 评论(0) 编辑
摘要: Javascript中的数据类型有以下几种情况: 基本类型:string,number,boolean 特殊类型:undefined,null 引用类型:Object,Function,Date,Array,RegExp, ... 1、string string类型的数据是由16位Unicode字符阅读全文
posted @ 2016-01-19 01:14 一像素 阅读(1359) 评论(7) 编辑
摘要: 说到数据类型,我们先说一下JavaScript 中常见的几种数据类型: 基本类型:string,number,boolean 特殊类型:undefined,null 引用类型:Object,Function,Function,Array,RegExp,Date,... 很多时候我们都需要通过判断变量阅读全文
posted @ 2016-01-13 00:18 一像素 阅读(8283) 评论(0) 编辑
摘要: 为了更方便的对Array进行操作,ES5规范在Array的原型上新增了9个方法,分别是forEach、filter、map、reduce、reduceRight、some、every、indexOf 和 lastIndexOf,本文将对这几个方法进行详细的讲解,并对每一个方法进行原型扩展,以兼容不支持ES5的浏览器。阅读全文
posted @ 2016-01-12 03:02 一像素 阅读(1277) 评论(0) 编辑
摘要: jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javascript中的高级特性来构建如此伟大的javascript库。阅读全文
posted @ 2016-01-04 01:42 一像素 阅读(2237) 评论(7) 编辑
摘要: javascript从定义到执行,JS引擎在实现层做了很多初始化工作,因此在学习JS引擎工作机制之前,我们需要引入几个相关的概念:执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等,这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念,而是通过一个简单的demo来展开分析,全局讲解JS引擎从定义到执行的每一个细节,以及这些概念在其中所扮演的角色。阅读全文
posted @ 2015-12-31 09:57 一像素 阅读(5218) 评论(11) 编辑
摘要: 闭包,是javascript中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟学会闭包!阅读全文
posted @ 2015-12-21 09:14 一像素 阅读(18636) 评论(78) 编辑
摘要: 和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象。 但在 javascript 中,万物皆对象,为什么还要通过 new 来产生对象? 本文将带你一起来探索 javascript 中 new 的奥秘...阅读全文
posted @ 2015-12-14 09:09 一像素 阅读(8986) 评论(11) 编辑
摘要: 1、作用域 所谓作用域就是:变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。 (1)scope函数中定义的foo变量,除过自身可以访问以外,还可以在if语句、while语句和内嵌的匿名函数中访问。 因此,foo的作用域就是scope函数体。 (2)在javascript中,if、阅读全文
posted @ 2015-12-10 16:05 一像素 阅读(2881) 评论(7) 编辑
摘要: 原型链的形成真正是靠__proto__ 而非prototype,当JS引擎执行对象的方法时,先查找对象本身是否存在该方法,如果不存在,会在原型链上查找,但不会查找自身的prototype。阅读全文
posted @ 2015-12-07 01:44 一像素 阅读(7779) 评论(11) 编辑