JavaScript
爸爸去哪了2之熊猫三胞胎
本人现在所处一个物联网公司,主要从事网站的前端后台相应的开发。
展开
-
web前端之Dojo与jQuery综合比较分析
#web前端之Dojo与jQuery综合比较分析最近Dojo和jQuery双双发布了最新的1.8版本,有着相同版本号的两个JavaScript库也有许多核心的相同之处:相同的资源加载机制AMD、相同的选择器 引擎Sizzle等。作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁,对一个项目来说肯定有个最适合它的工具库,用对了工具才能转载 2016-12-02 11:18:43 · 851 阅读 · 0 评论 -
web前端之精通dojo五:利用Dojo进行DOM事件编程
web前端之精通dojo五:利用Dojo进行DOM事件编程如果针对浏览器编程,让它动态地做任何事,就必须将代码与DOM事件关联起来。这时你会发现有两种不同的事件API可用。不干预下风的IE提供了第三种API————同时还附送了内存泄漏问题。通过深入学习这些API,可以了解浏览器间的不兼容性以及各浏览器的特性。事件编程很快就成为了让人头疼的问题。好在,Dojo为我们提供了一个完备的事件编程框架来解决这原创 2017-01-02 13:28:32 · 967 阅读 · 0 评论 -
web前端之精通dojo六:异步编程
web前端之精通dojo六:异步编程利用Dojo关联用户自定义事件function f(){ console.log("hello word");};function myHandler(){ console.log("Hello from f's handler!");};var handler=dojo.connect("f",myHandler);f原创 2017-01-09 15:20:16 · 775 阅读 · 0 评论 -
web前端之精通dojo七:DOM工具
web前端之精通dojo七:DOM工具文档:DOM中的”D”: 如果没有document(文档),DOM无从谈起。 对象:DOM中的”O”: 用户定义对象(user-defined object):有程序员自行创建的对象 内建对象(native object):内建在JavaScript语言里的对象,如Array、Math、Date等 宿主对象(host object):由浏览器提供的对象,如windo原创 2017-01-10 14:35:21 · 922 阅读 · 0 评论 -
web前端之了解node一:node的介绍及安装配置
web前端之了解node一:node的介绍及安装配置node的介绍简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。Node.js 安装配置原创 2017-01-10 17:12:45 · 460 阅读 · 0 评论 -
web前端之了解node二:淘宝镜像npm的安装
web前端之了解node二:淘宝镜像npm的安装NPM 使用介绍NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。验证npm: 淘宝 NPM 镜像虽然no原创 2017-01-10 19:13:05 · 803 阅读 · 0 评论 -
web前端之了解node三:REPL(交互式解释器)、回调函数
web前端之了解node三:REPL(交互式解释器)、回调函数REPL(交互式解释器)Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,我们可以在终端中输入命令,并接收系统的响应。Node 自带了交互式解释器,可以执行以下任务:读取 - 读取用户输入,解析输入了Javascript 数据结构并存储在内存中。执行 - 执行输入的数据结构打印 - 输原创 2017-01-11 10:45:26 · 960 阅读 · 0 评论 -
web前端之了解node四:事件循环、EventEmitter
web前端之了解node四:事件循环、EventEmitterNode.js 事件循环Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。Node.js 单线程类似进入一个while(true)的事件循原创 2017-01-11 20:03:40 · 1112 阅读 · 0 评论 -
web前端之json排查和格式变换
web前端之json排查和格式变换json排查<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equi原创 2017-02-08 23:18:26 · 301 阅读 · 0 评论 -
web前端之JavaScript高级程序设计六:事件
JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(JavaScript 代码)与页面的外观(HTML 和 CSS 代码)之间的松散耦合。<h3>**事件流:**事件流描述的是从页面中接收事件的顺序。但有意思的是,原创 2016-12-22 10:55:35 · 2842 阅读 · 4 评论 -
web前端之精通dojo四:JavaScript中的语言扩展
web前端之精通dojo四:JavaScript中的语言扩展Dojo提供了一些函数库,不严格地讲,这些函数扩展了JavaScript核心库。这些函数不正对某个特定的问题领域,它们是JavaScript编程的基础。它们也处在Dojo依赖层次结构的最底层利用dojo.hitch实现绑定:把一个对象的方法作为参数传递给另一个函数,dojo.hitch解决了这个把方法与特定上下文绑定的问题原创 2016-12-30 10:57:11 · 516 阅读 · 0 评论 -
web前端之精通dojo三:载入Dojo
web前端之精通dojo三:载入Dojo参考资料模块化JavaScript:Dojo是通过静态的客户端JavaScript脚本、html支持模板以及css样式表实现的。在服务器端,除了传输一些静态文件的要求以外,不需要任何支持。它也不需要浏览器端的插件或扩展。如果一个JavaScript文件定义了一个Dojo模块对象(即实例化了那个JavaScript对象变量),我们就称这个文件为模块主脚本。当载入原创 2016-12-28 19:46:58 · 929 阅读 · 0 评论 -
web前端之JavaScript高级程序设计八:JavaScript 与 XML
web前端之JavaScript高级程序设计八:JavaScript 与 XML曾几何时, XML 一度成为存储和通过因特网传输结构化数据的标准。透过 XML 的发展,能够清晰地看到 Web 技术发展的轨迹。 DOM 规范的制定,不仅是为了方便在 Web 浏览器中使用XML,也是为了在桌面及服务器应用程序中处理 XML 数据。此前,由于浏览器无法解析 XML 数据,很多开发人员都要动手编写自己的 X原创 2016-12-22 20:29:46 · 637 阅读 · 0 评论 -
web前端之JavaScript高级程序设计七:表单脚本
web前端之JavaScript高级程序设计七:表单脚本表单的基础知识:在 HTML 中,表单是由form元素来表示的,而在 JavaScript 中,表单对应的则是 HTMLFormElement 类型。 HTMLFormElement 继承了 HTMLElement,因而与其他 HTML 元素具有相同的默认属性。不过, HTMLFormElement 也有它自己下列独有的属性和方法。 ac原创 2016-12-22 16:54:34 · 899 阅读 · 0 评论 -
web前端之JavaScript高级程序设计九:JSON
web前端之JavaScript高级程序设计九:JSON关于 JSON,最重要的是要理解它是一种数据格式,不是一种编程语言。虽然具有相同的语法形式,但 JSON 并不从属于 JavaScript。而且,并不是只有 JavaScript 才使用 JSON,毕竟 JSON 只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器。语法:JSON 的语法可以表示以下三种类型的值。原创 2016-12-23 11:19:46 · 668 阅读 · 0 评论 -
web前端之MVC的JavaScript Web富应用开发一:MVC和类
web前端之MVC的JavaScript Web富应用开发一:MVC和类开篇:本书以 assert() 和 assertEqual() 函数来展示变量的值或者函数调用的结果。 assert() 是一种快捷表述方式, 用来表示一个特定的变量( revolves to true)。 这在自动化测试中是一种非常常见的模式。 assert() 可以接收两个参数 : 一个值和一个可选的消息。 如果原创 2016-12-26 10:18:19 · 3212 阅读 · 0 评论 -
web前端之MVC的JavaScript Web富应用开发二:事件和监听
web前端之MVC的JavaScript Web富应用开发二:事件和监听事件是JavaScript应用程序的核心,是所有内容的驱动,它决定了在应用程序产生用户交互的起始时刻。然而在JavaScript诞生之初“ 事件” 的实现并不标准,甚至非常丑陋。在之后的浏览器大战中网景和微软分道扬镳,他们各自实现的事件模型互不兼容。尽管后来W3C对此做了标准化,但IE仍然坚持使用与W3C不兼容的事件模型,直到最原创 2016-12-26 15:15:05 · 656 阅读 · 0 评论 -
web前端之MVC的JavaScript Web富应用开发三:模型和数据
web前端之MVC的JavaScript Web富应用开发三:模型和数据将应用重心从后台迁往前台的一个挑战是数据管理。 传统方式是通过页面请求从数据库获取数据, 用户和页面中的结果进行直接交互。 然而在复杂的 JavaScript 应用中做数据管理是非常困难的。 前端并没有请求 / 响应模型, 也没办法访问服务器端的变量, 甚者,远程取回的数据只是临时的保存在客户端。 尽管这种( 从后台迁往前台的原创 2016-12-26 19:21:49 · 742 阅读 · 0 评论 -
web前端之精通dojo一:创建选项框表单
web前端之精通dojo一:创建web表单Dijit是建立在Dojo上的小部件系统,可以为你担当重任。小部件,又称Dijit组件,适用于HTML和JavaScript语言建立起的用户界面控件。你可以向HTML标签里添加一个简单的dojoType=属性来创建小部件。安装配置详情<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w原创 2016-12-28 10:10:08 · 883 阅读 · 0 评论 -
web前端之精通dojo二:连接外部服务
web前端之精通dojo二:连接外部服务前面我们看到了dijit改善用户到浏览器的体验。现在我们将研究的重点放到浏览器这个过程中。Ajax,即异步JavaScript和XML,就是一种浏览器与服务器交互技术,它避免了表单提交和静态界面重绘带来的繁琐、重复的工作,而且它还改善了界面,增强用户体验。Dojo远程脚本:XMLHttpRequest(XHR)是ajax中主要的知识点,下面是其诸多奇怪特点中的原创 2016-12-28 17:02:10 · 967 阅读 · 0 评论 -
web前端之了解node五:Buffer(缓冲区)
web前端之了解node五:Buffer(缓冲区)JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。但在处理像TCP流或文件流时,必须使用到二进制数据。因此在 Node.js中,定义了一个 Buffer 类,该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中,Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原原创 2017-02-08 23:36:40 · 1504 阅读 · 0 评论 -
web前端之定时器的使用
web前端之定时器的使用定时器的简单介绍:获取系统时间:定时器的使用1:html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">head>meta http-equiv="Content-Type" content="text/html;charset=UTF-8">title>定时器title原创 2017-02-03 20:39:38 · 902 阅读 · 0 评论 -
web前端之用JavaScript实现图片剪切效果(一)
web前端之用JavaScript实现图片剪切效果(一)效果图:说明:用CSS实现效果布局CSS实现图片不透明及裁剪效果opacity: 0-1,用来设置透明度clip:rect(top,right,bottomm,left)用来选择选定的区域大小和位置img2用来覆盖img1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.原创 2017-05-29 11:15:12 · 3926 阅读 · 0 评论 -
深入理解call,apply和bind
深入理解call,apply和bind 在JavaScript 中,call、apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解,并列出几个经典应用场景。1、call(thisArgs [转载 2017-07-08 16:35:33 · 500 阅读 · 0 评论 -
JS构造函数及new运算符
JS构造函数及new运算符 和其他高级语言一样 Javascript 中也有构造函数和 new 运算符,我们知道 new 是用来实例化一个类,从而在内存中分配一个实例对象。 但在 Javascript 中,万物皆对象,为什么还要通过 new 来产生对象? 本文将带你一起来探索 Javascript 中 new 的奥秘…转载 2017-07-08 16:38:41 · 479 阅读 · 0 评论 -
干货分享:让你分分钟学会JS闭包
干货分享:让你分分钟学会JS闭包 闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟学会闭包!1、闭包,一睹为快在接触一个新技术的时候,我首先会做转载 2017-07-08 16:41:40 · 465 阅读 · 0 评论 -
Web前端知识体系精简
Web前端知识体系精简 Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自转载 2017-07-02 14:15:52 · 376 阅读 · 0 评论 -
JavaScript之遍历
JavaScript之遍历一.for循环最常见的遍历方法,用来遍历数组,学过编程语言的基本都知道怎么用,如下:var a = [1, 2, 3, 4, 5];for (var i = 0; i a.length; i++) { console.log(a[i]);}上面这是最简单的用法,我在有些书里还经常看到这种用法,贴出来供参考:var a = [1,转载 2017-07-09 00:08:28 · 348 阅读 · 0 评论 -
深入理解JS执行细节
深入理解JS执行细节 Javascript从定义到执行,JS引擎在实现层做了很多初始化工作,因此在学习JS引擎工作机制之前,我们需要引入几个相关的概念:执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等,这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念,而是通过一个简单的D转载 2017-07-09 00:09:11 · 388 阅读 · 0 评论 -
web前端之面向对象
web前端之面向对象html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">head>meta http-equiv="Content-Type" content="text/html;charset=UTF-8">title>Documenttitle>script type="text/javascript">var ob原创 2017-07-19 00:03:27 · 503 阅读 · 2 评论 -
web前端之localStorage在缓存中对数组进行存储、获取、删除
web前端之localStorage在缓存中对数组进行存储、获取、删除HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高原创 2017-07-25 00:12:23 · 12467 阅读 · 4 评论 -
函数作用域和作用域链
函数作用域和作用域链 1、作用域所谓作用域就是:变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。function scope(){ var foo = "global"; if(window.getComputedStyle){ var a = "I'm if";转载 2017-07-08 16:30:58 · 382 阅读 · 0 评论 -
JS原型对象和原型链
JS原型对象和原型链 在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象Object 和 函数对象Function。一般而言,通过new Function产生的对象是函数对象,其他对象都是普通对象。举例说明:function f1(){ //todo}var f2 = fu转载 2017-07-08 16:25:47 · 363 阅读 · 0 评论 -
ES5对数组增强的9个API
ES5对数组增强的9个API 为了更方便的对Array进行操作,ES5规范在Array的原型上新增了9个方法,分别是forEach、filter、map、reduce、reduceRight、some、every、indexOf 和 lastIndexOf,本文将对这几个方法进行详细的讲解,并对每一个方法进行原型扩展,以兼转载 2017-07-02 14:49:47 · 454 阅读 · 0 评论 -
web前端之廖雪峰js学习记录
web前端之廖雪峰js学习记录es6语法:使用“模板字符串,也能将其进行换行。var name = '小明';var age = 20;alert(`你好, ${name}, 你今年${age}岁了!`);字符串:var a='asgSSdjas',a.toUpperCase();//将字符串中英文字母变成大写a.toLowerCase();//将字符串中英文字母变成小写indexOf('原创 2017-05-31 21:58:38 · 1431 阅读 · 0 评论 -
web前端之12种不宜使用的Javascript语法
web前端之12种不宜使用的Javascript语法1. ==Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。 请尽量不要使用前一组,永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。如果你不相信的话,请回答下面五个判断式的值是true还是false: false == 'false'转载 2017-05-31 22:03:37 · 341 阅读 · 0 评论 -
web前端之Javascript的this用法
web前端之Javascript的this用法this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,function test(){ this.x = 1;}随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 下面分四种情况,详细讨论this的用法。情况一:纯粹的函数转载 2017-05-31 22:07:25 · 1084 阅读 · 0 评论 -
web前端之闭包
web前端之闭包闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。转载 2017-06-01 22:35:30 · 506 阅读 · 0 评论 -
web前端之JavaScript权威指南:贷款计算器
web前端之JavaScript权威指南:贷款计算器<!DOCTYPE html> <html> <head> <title>JavaScript Loan Calculator</title> <style> .output{font-weight:bold;} #payment{text-decoration:underli原创 2016-12-20 19:10:40 · 1904 阅读 · 0 评论 -
前端之jquery动画应用
前端之jquery动画应用jquery的用意为写得更少做得更多。下面的js代码是十分稀少的,当前这个代码还能变得更少,因为其mouseover和mouseout两个有绝大部分的参数都是相同的,可以归为一个方法,这里我就不详细说如何归成一个方法。 我虽然只动了一小部分代码却实现了非常良好的动画效果,这个原声的js万万做不到的。在实现对应的animate方法之前,需要将其原先的方法关闭,反之两个动画效原创 2017-06-03 00:09:25 · 429 阅读 · 0 评论