随笔分类 - [10]JS
-
Angular.js
摘要:(翻译)Angular.js为什么如此火呢?2013-08-11 21:02 by 破狼,245阅读,0评论,收藏,编辑在本文中让我们来逐步发掘angular为什么如此火: Angular.js是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View))JavaScript框架,其是Google推出的SPA(single-page-application)应用框架,其为我们的web应用开发增加不少魔法变换。我可以花整天的时间告诉你为什么你必须在新项目尝试angular.js,但是我觉得还是百说不如一练。数据绑定和scope.. 阅读全文
-
七个开法者经常忽略或误用的JavaScript基本知识
摘要:七个开法者经常忽略或误用的JavaScript基本知识翻译自http://tech.pro/tutorial/1453/7-javascript-basics-many-developers-aren-t-using-properly,我觉得4、5、6条还是蛮有用的哈。1. String.prototype.replace: /g and /i 标识让很多新手疑惑的是,JavaScript里的字符串的replace方法不会替换所有匹配的字符,而是只替换第一次匹配的字符。当然熟悉JavaScript的老手知道我们需要一个正则表达式和一个/g标识。// 错误的用法str ="David 阅读全文
-
一起来单页应用吧,实现简单微博功能!(下)
摘要:一起来单页应用吧,实现简单微博功能!(下)前言开始之前先扯点其它的,我上午去理发,居然才7元,但是那个阿妈给我搞成和尚的造型了,我想说点什么,但转念一想节约点洗头水也好!!!PS:其实主要原因是我掉头发。。。。。。好了,接昨天的内容:【单页应用】一起来单页应用吧,实现简单微博功能!(上)昨天我们一起准备了两大核心,继承与view,虽说有问题,而且必定有问题,但是我们暂时不管他。我们先继续先往下面写,到最后整体流程拉通后再一起优化就好,现在去纠结也不一定有结果,于是我们开始吧。继承之实现APP我们这里APP要干的事情,与其说担任MVC中控制器的角色,不如说他就是充当了一下路由选择的角色,根据不同 阅读全文
-
如何写类和子类
摘要:JavaScript 面向对象编程(三)如何写类和子类在JavaScript面向对象编程(一)原型与继承和JavaScript面向对象编程(二)构造函数和类中,我们分别讨论了JavaScript中面向对象的原型和类的概念。基于这两点理论,本篇文章用一个简单的例子来阐述如何在JavaScript中写类与子类。几个面向对象的概念实例属性:是每个对象所拥有的属性。比如对于一个Person类的对象而言,name、age等属性是每一个person所拥有的。而且,不同person的age和name可能不同。所以,在JavaScript中我们必须把实例属性加在对象上面。实例方法:是类的实例所共享的方法。这些 阅读全文
-
实现简单微博功能!(上)
摘要:【单页应用】一起来单页应用吧,实现简单微博功能!(上)前言北上是大城市,魔都这里的节奏确实比成都快得多,在成都老夫一般走的最晚,7点多才撤退,这边居然8点走了还会有一点点罪恶感!!!这边加班就不叫加班啦,几个同事都是10点左右才走,而且累计工作时长最长的是我们老大!工作第一周到周三了才把电脑这些事情搞好,期间又要找房子,搬家,所以第一周没干神马事情就结束了,老大也没有分配任务。第二周一开始就给分配了任务,在新框架上开发,自己也不是很熟悉,所以边做边学,第二周就草草的结束了。周末时候花了两天时间阅读同事写的框架,基本流程算是明白了,明天再请教下同事应该对框架便不陌生了。在此我心境发生了很大变化, 阅读全文
-
使用js加载图像和setDataXML()加载数据
摘要:使用js加载图像和setDataXML()加载数据前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用和标记来加载图形的,但是这样做是非常不“理智”的。这样做除了代码量比较大外,还有并不是所有的人能够看懂上面的代码。但是使用JS后就可以避免上面几个问题了。一、使用JS加载FusionCharts图形 下面就分五个步骤讲解如何使用js来加载FusionCharts图形。第一步:导入FusionCharts.js文件?1第二步:定义一个DIV,它必须具备一个元素:id?1第三步:建立一个FusionCharts对象?1varmyChart = 阅读全文
-
Javascript:再论Javascript的单线程机制 之 DOM渲染时机
摘要:Javascript:再论Javascript的单线程机制 之 DOM渲染时机背景Javascript是单线程事件驱动的,所有能看到的Javascript代码都是在一个线程执行,定时器回调和AJAX回调会在适当的时刻插入队列等待Javascript线程调度执行,今天想测试一下DOM渲染的线程与时机,具体的问题是:修改DOM会立即显示在UI中吗?一个小测试测试代码 1 2 3 4 5 6 7 8 9 DOM的修改不会立马导致渲染,而是会内部触发一个事件(可能叫paint),这个事件的处理程序会被插入到Javascript的调度队列中等待调度执行。1... 阅读全文
-
JavaScript 命名空间
摘要:使用过Java、C#的同学对命名空间非常的熟悉,在复杂的系统中会有N多的函数、对象,语言提供的、架构预定义的,这么多的函数和对象,由于编程规范要求起有实际意义的名字,难免会重名发生错误调用,而有了命名空间烦恼就没有了,不但可以分类组织函数与对象,还可以形成隔离,解决重名问题。使用JavaScript就没有这么舒服了,Javascript只有函数作用域,什么块儿啊、神马文件啊统统都认为是一个命名空间的,有时候因为一些重名问题导致的错误让人莫名其妙,难以调试解决。一个简单的例子 这样自定义的alert方法就不会和window的alert冲突了。简单进化这样可以是可以,... 阅读全文
-
拦截所有AJAX调用,重点处理服务器异常
摘要:拦截所有AJAX调用,重点处理服务器异常背景上篇文章http://www.cnblogs.com/happyframework/p/3241063.html介绍了如何以AOP的形式处理服务器异常,这让服务器端的编程逻辑变的非常整洁,本文介绍如何在客户端统一处理服务器返回的异常信息。一点考虑上篇隐藏了一些概念,即:开发或架构之处,就应当确定哪些异常要返回给UI、哪些异常要写入日志、哪些异常要包装以后返回给UI等等。AJAX拦截如何拦截AJAX,不外乎这三种方式:注册全局监听函数。封装一个全局入口。重写或覆盖客户端库的AJAX功能(Javascript是动态语言,可以运行时替换任何东西)。最简单的 阅读全文
-
14个支持响应式设计的流行前端开发框架
摘要:14个支持响应式设计的流行前端开发框架 在几年前,并没有真正意义上的前端开发。随着网络技术的发展,网站和Web应用程序变得越来越复杂,前端部分的工作独立出来逐渐成为现在的前端开发。如今,我们可以看到越来越多的公司在招聘前端开发岗位。 前端开发并不容易,除了掌握基本的HTML、CSS和Javascript之外,因为不同版本的浏览器和平台,你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计,它不仅使 Web 项目开发更难,也需要花费更多的开发时间。 不过,有很多优秀的框架可以帮助到你,这篇文章挑选了14个响应式的前端框架,列出了每个框架的 UI 组件和 Javascript 插.. 阅读全文
-
nodejs 平台的 webscoket 的实现
摘要:nodejs 平台的 webscoket 的实现新手入门,没办法,只能选择不断不断的google吧。找了很多的例子都跑不了,不知道什么原因。后,自己在git搜索吧,选择了一个下面的例子:nodejs-web-socket经过我的改造,改成我自己想要的方式。只是将客户端发送的数据直接原封不动发回客户端。先说说运行环境:window 7 ,nodev0.10.5,全局安装了websocket.io模块,chrome 28浏览器。(注:以下提到的两个js文件放在同一层目录下面即可,html文件随便放置)这是后台的js代码:1、将其存为socketServer.js文件里面,并且进行module导出。 阅读全文
-
LESS编译方案
摘要:我的LESS编译方案2013-08-07 10:22 by 逆风之羽,469阅读,2评论,收藏,编辑背景近期项目前端决定使用less,简单介绍一下,详细信息有兴趣查看官方文档(http://www.lesscss.net/article/home.html)LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。简单来说,它自定义了一套语法规则,在css中提供公共变量的抽取,简单的函数运算等功能,最终通过编译器或解析器将其编译或解析为相对应的css代码。但是LESS文件在何时编译 阅读全文
-
javascript语言精粹mindmap
摘要:javascript语言精粹mindmap最近刚刚读完《javascript语言精粹》,感觉其中的内容确实给用js作开发语言的童鞋们提了个醒——js里面坑很多啊不过,我也并不完全认同书中所讲的所有内容,有些书中认为是糟粕的特性,我觉得其实也无伤大雅。根据自己的理解和认识,做了个归纳,方便以后自己时不时温习一下。如需转载,请注明转自:http://www.cnblogs.com/silenttiger/p/3243430.html标签:javascript 不知道你是否会有这样的感概,当自己想自学某门新技术时,或是动手写点小程序时,亦或者找个logo,图标诸如此类等等等等,你觉得很简单,却... 阅读全文
-
jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍
摘要:jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍这几天开发的web app使用了jquery mobile,jquery mobile自带的样式比较适合做企业应用,但是要是移动互联网应用的话,就显得通用一些,没有更鲜明的互联网元素。现在扁平化设计炒的很热,FB等外国公司、苹果应用图标,都是很好很成功的例子。互联网中使用的设计,大致分为拟物化和扁平化。层级明确、元素简单、颜色丰富、精简文字是Flat UI的设计原则。拟物化设计模仿颜色、纹理、形状甚至实际生活中特定的实际形状,因此能对不喜欢新技术和更喜欢仿现实环境的人非常有帮助。然而,对视障用户能有多少用 阅读全文
-
Javascript:由 “鸭子类型” 得出来的推论
摘要:Javascript:由 “鸭子类型” 得出来的推论背景学动态语言的都知道一句话:“如果它走起来像鸭子,而且叫起来像鸭子,那么它就是鸭子”,Javascript也支持鸭子类型,下文就说说鸭子类型在Javascript中的两个应用场景。两个推论凡是这样签名的方法:object.method(arg1, arg2, ...)的方法,都可以采用method.apply(object, [arg1, arg2, ...])进行调研。array的某些方法(不会修改array状态)可以使用arguments以Array.prototype.method.apply(arguments,[arg1, arg 阅读全文
-
jQuery的delegate
摘要:jQuery的delegate在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作,而点击页面其它地方隐藏该div。比如很多导航菜单,当菜单展开的时候,就会要求点击页面其它非菜单地方,隐藏该菜单。先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: 对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点,所以这里只是简单介绍一下事件冒泡,事件冒泡IE的事件冒泡:... 阅读全文
-
仿腾讯微博的一个弹出框 v0.1 beta
摘要:仿腾讯微博的一个弹出框 v0.1 beta代码写的不太好,新手请大家海涵,只为博君一笑,勿放在心上。写在这里留作纪念,也许以后用的到。效果CSS.prompt{ position: absolute; background: white; width: 330px; height: 187px; display: none;} .prompt i{ background: url(../images/ui_i_pic_.png) no-repeat; width: 32px; height: 32px; display... 阅读全文
-
左侧分类导航菜单(续)
摘要:左侧分类导航菜单(续)左侧分类导航菜单,是电商购物导航的最直接的分类形式。js方面主要以下几点注意1、事件有mouseover、mouseleaveonmouseover 事件会在鼠标指针移动到指定的对象上时发生。onmouseleave 事件会在鼠标指针移出到指定的对象时发生。2、setTimeout、clearTimeoutsetTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。clearTimeout方法可取消由 setTimeout() 方法设置的 timeout。代码片段:鼠标移动到li元素上和移出元素时执行的动作_thi 阅读全文
-
JavaScript的基本类型总结
摘要:看了让你有收获的JavaScript的基本类型总结Javascript是一种弱类型语言,没有明确的类型分类;网上分类的方式比较多,个人感觉不比去特别的追究细分是什么什么类型,若是能够明确的分出类型的话,javascript就不是弱类型语言,又由于大家所使用的主体语言概念不完全相同(像C#,PHP,C语言等),分类的时候就会根绝自己的主体语言的习惯来分类,无论怎样分类只要有助于自己的理解,能够方便,正确灵活的使用就可以了;下面是两是种常见的分类方式和一些必须了解的基础用法知识;一、第一种分类方式,也是比较常见的一种分类方法:分为9种类型:分别是Undefined,Boolean,Object,N 阅读全文
-
Ext.ux.form.SuperBoxSelect
摘要:Ext.ux.form.SuperBoxSelect 在B/S系统中,下拉列表(select/dropdownlist/combobox)的应用随处可见,为了增强用户体验,开发人员也常常会做一些带联想功能的下拉列表,特别是数据项比较多的时候,用户筛选起来就会很容易。如果考虑多选的场景,我想以下的实现方式很多时候是能够满足要求的:带复选框(checkbox)的下拉列表,应该是比较直观和方便了,也很符合用户的习惯.但是如果数据项太多的时候。滚动条会很长,有两个不足:1.用户查询自己想要的目标很困难;2.用户如果需要选择的项很多(>10项),滚动条容易遮挡住,用户可能也不知道自己到底选了哪些。 阅读全文