JavaScript
文章平均质量分 70
jsdchenye
这个作者很懒,什么都没留下…
展开
-
全面理解面向对象的 JavaScript
简介: JavaScript 函数式脚本语言特性以及其看似随意的编写风格,导致长期以来人们对这一门语言的误解,即认为 JavaScript 不是一门面向对象的语言,或者只是部分具备一些面向对象的特征。本文将回归面向对象本意,从对语言感悟的角度阐述为什么 JavaScript 是一门彻底的面向对象的语言,以及如何正确地使用这一特性。前言当今 JavaScript 大行其道,各种应用对其依赖日转载 2015-07-26 14:19:26 · 512 阅读 · 0 评论 -
JSONP和AJAX不同过程的详细分析
由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须支持WebSocke转载 2015-11-02 14:03:32 · 788 阅读 · 0 评论 -
关于jQuery中的$.ajax()使用过程中的一些感悟
完成了很久的一个购买页面,后台跟我讲说:购买专区上的省市与线索库的不太一致,对获取线索的准确性造成一定的问题。所以现在对应的省市项,得是后台先传数据给我,然后我在页面展示完呈现给用户。很自然的就想到使用jsonp进行跨域的数据传输。基本想法:页面加载完之后,通过$(document).ready($.ajax())进行数据的获取,然后create新的省份项province;然后根据用户选择的省原创 2015-11-04 17:10:58 · 672 阅读 · 0 评论 -
AMD,CMD,CommonJS以及RequireJS和SeaJS的个人感悟
今天打开项目群,老大为我们:谁的项目现在在用CommonJS,由于我前段时间接手的项目用到了require来引入新的模块,所以立马说我用到了。之后发现不对经,我好像用的RequireJS模块。越想越觉得模糊,索性在网上找了些文档看了下,下面是我个人的感受。CommonJS:就是用来规范JS的使用的,主要为了JS在后端的表现制定的,不太适合前端。它定了三个模块:模块引用的require,模块原创 2015-11-04 16:53:33 · 4126 阅读 · 0 评论 -
JavaScript——关于列表权重的笔试题
昨天晚上参加某公司的校招笔试的最后一题,由于时间上的问题导致自己在做最后一道题的时候总感觉力不从心,明明会的问最终还是没有写出完整的最终结果。我还不相信了,于是今天下午花了点时间整理了一下,将答案最终完整的写了出来。先贴在下面,仅供后来的人参考。(由于楼主实力有限,如果不妥请见谅)题目大概是:有一个名为priorityList的列表,向列表项中加入列表参数。例如priorityList.add原创 2015-08-19 17:37:22 · 1012 阅读 · 0 评论 -
Javascript中的DOM实现显示鼠标的空间位置
为了显示鼠标的空间位置,我们可以利用click事件,获得关于鼠标单击的事件对象event。这个事件对象里的clientX和clientY包含了鼠标的位置信息,所以我突发奇想,那我可以不可以通过DOM中的createElement创建一个标签元素用于在对应的鼠标位置显示当前的鼠标的空间坐标呢?这里我先利用Element中的createElement()方法,创建一个div的标签。为了让标签信息能原创 2015-08-18 16:33:22 · 1077 阅读 · 0 评论 -
JavaScript——DOM或以树形展示的Web页面
Web网页的一般可以通过document以及document所相关的各种元素组成。当然我们也可以通过层次结构的树形结构在展现Web页面。如果要对一个网页进行修改的话,我们可以通过document对象,Node对象以及Element对象进行相关的操作。【Document对象】是所有页面元素的所有者或是父节点,绝大多数用来创建新元素实例的工厂方法都是核心document对象的方法。DOM1——原创 2015-07-24 18:25:17 · 1891 阅读 · 0 评论 -
JavaScript——DOM Level0和DOM Level2事件模型
事件处理是JavaScropt中近几年变化最大的部分,也是现有浏览器中仍然存在差异的主要方面之一。为了开发出能够跨浏览器兼容的事件处理程序,我们在编写程序时需要注意一些细节。【DOM Level0】:又称传统事件处理——通过对象属性将一个函数值指定为事件处理程序的做法。任何对象只允许指定一个事件处理程序。DOM Level0时间分成两种阵营:NetScape(Firefox,Mozilla,O原创 2015-07-20 11:36:22 · 1870 阅读 · 0 评论 -
JavaScript——递归,嵌套和闭包
关于函数创建的三种方式以及递归,嵌套和闭包的概念经常容易搞混。函数定义的三种方式:1.声明式函数(标准的关键字function+函数名+(参数列表)+{函数主体})例如:function functionname(param1,param2,......,paramn) {function statment}2.匿名式函数(将函数赋予的变量+构造函数Function+(参数)原创 2015-07-19 10:29:25 · 1109 阅读 · 1 评论 -
JavaScript——关于画布元素canvas的使用
在chrome中使用getContext()方法来判断某一浏览器是否支持元素时,使用了如下方法在页面中绘制一个指定大小的矩形。>html>var drawing=document.getElementById("drawing");if(drawing.getContext){var context=drawing.getContext("2d");cont原创 2015-08-23 17:14:14 · 826 阅读 · 0 评论 -
JavaScript——函数
JavaScript中定义函数可以有三种方式:调用function语句;Function()构造函数;函数直接量。(一)function+函数名+括号括起来的参数列表(可选)+构成函数主体的javascript语句(二)var+变量+new+Function(多个字符串)【最后一个字符串是函数的主体,其他字符串参数都是形式参数名。若定义的函数没有参数,可以只需传递最后一个字符串(也即函数在原创 2015-07-12 10:11:31 · 615 阅读 · 0 评论 -
JavaScript——对象
1.对象的创建有两种方式:运算符new创建;对象直接量创建;(一)对象由运算符new创建,在这个运算符之后必须有用于初始化对象的构造函数名。例如:var o=new object(); JavaScript还支持内部构造函数,它们以另一种简洁的方式初始化新创建的对象。例如:var now=new Data();(二)对象直接量由属性说明列表构成,列表包含在大括号中,其中原创 2015-07-12 21:36:50 · 412 阅读 · 0 评论 -
ES6+React+Webpack初步构建项目流程
当我们打算使用Webpack构建工具,React和ES6来开发项目的时候,构建这么一套自动化的项目的流程见下: 第一步:webpack是一个基于node的项目,我们使用命令行对webpack进行全局的安装npm install webpack –g。可以通过webpack –h来查看安装的版本信息。然后我们新建一个文件夹用来存放整个项目文件。为了可以在项目中使用webpack,我们需原创 2016-04-21 20:16:38 · 7471 阅读 · 0 评论