随笔分类 -  [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.. 阅读全文
  posted @ 2013-08-11 22:53 HackerVirus 阅读(379) 评论(0) 推荐(2)
• 七个开法者经常忽略或误用的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 阅读全文
  posted @ 2013-08-11 22:10 HackerVirus 阅读(220) 评论(0) 推荐(0)
• 一起来单页应用吧，实现简单微博功能！（下）
  摘要：一起来单页应用吧，实现简单微博功能！（下）前言开始之前先扯点其它的，我上午去理发，居然才7元，但是那个阿妈给我搞成和尚的造型了，我想说点什么，但转念一想节约点洗头水也好！！！PS：其实主要原因是我掉头发。。。。。。好了，接昨天的内容：【单页应用】一起来单页应用吧，实现简单微博功能！（上）昨天我们一起准备了两大核心，继承与view，虽说有问题，而且必定有问题，但是我们暂时不管他。我们先继续先往下面写，到最后整体流程拉通后再一起优化就好，现在去纠结也不一定有结果，于是我们开始吧。继承之实现APP我们这里APP要干的事情，与其说担任MVC中控制器的角色，不如说他就是充当了一下路由选择的角色，根据不同 阅读全文
  posted @ 2013-08-11 19:42 HackerVirus 阅读(226) 评论(0) 推荐(0)
• 如何写类和子类
  摘要：JavaScript 面向对象编程（三）如何写类和子类在JavaScript面向对象编程（一）原型与继承和JavaScript面向对象编程（二）构造函数和类中，我们分别讨论了JavaScript中面向对象的原型和类的概念。基于这两点理论，本篇文章用一个简单的例子来阐述如何在JavaScript中写类与子类。几个面向对象的概念实例属性：是每个对象所拥有的属性。比如对于一个Person类的对象而言，name、age等属性是每一个person所拥有的。而且，不同person的age和name可能不同。所以，在JavaScript中我们必须把实例属性加在对象上面。实例方法：是类的实例所共享的方法。这些 阅读全文
  posted @ 2013-08-10 22:24 HackerVirus 阅读(1677) 评论(0) 推荐(0)
• 实现简单微博功能！（上）
  摘要：【单页应用】一起来单页应用吧，实现简单微博功能！（上）前言北上是大城市，魔都这里的节奏确实比成都快得多，在成都老夫一般走的最晚，7点多才撤退，这边居然8点走了还会有一点点罪恶感！！！这边加班就不叫加班啦，几个同事都是10点左右才走，而且累计工作时长最长的是我们老大！工作第一周到周三了才把电脑这些事情搞好，期间又要找房子，搬家，所以第一周没干神马事情就结束了，老大也没有分配任务。第二周一开始就给分配了任务，在新框架上开发，自己也不是很熟悉，所以边做边学，第二周就草草的结束了。周末时候花了两天时间阅读同事写的框架，基本流程算是明白了，明天再请教下同事应该对框架便不陌生了。在此我心境发生了很大变化， 阅读全文
  posted @ 2013-08-10 22:04 HackerVirus 阅读(377) 评论(0) 推荐(0)
• 使用js加载图像和setDataXML()加载数据
  摘要：使用js加载图像和setDataXML()加载数据前面一篇对FusionCharts进行了一个简单的介绍，而且建立了我们第一个图形，但是那个是在HTML中使用和标记来加载图形的，但是这样做是非常不“理智”的。这样做除了代码量比较大外，还有并不是所有的人能够看懂上面的代码。但是使用JS后就可以避免上面几个问题了。一、使用JS加载FusionCharts图形 下面就分五个步骤讲解如何使用js来加载FusionCharts图形。第一步：导入FusionCharts.js文件?1第二步：定义一个DIV，它必须具备一个元素：id?1第三步：建立一个FusionCharts对象?1varmyChart = 阅读全文
  posted @ 2013-08-09 22:40 HackerVirus 阅读(694) 评论(0) 推荐(0)
• 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... 阅读全文
  posted @ 2013-08-09 10:31 HackerVirus 阅读(212) 评论(0) 推荐(0)
• JavaScript 命名空间
  摘要：使用过Java、C#的同学对命名空间非常的熟悉，在复杂的系统中会有N多的函数、对象，语言提供的、架构预定义的，这么多的函数和对象，由于编程规范要求起有实际意义的名字，难免会重名发生错误调用，而有了命名空间烦恼就没有了，不但可以分类组织函数与对象，还可以形成隔离，解决重名问题。使用JavaScript就没有这么舒服了，Javascript只有函数作用域，什么块儿啊、神马文件啊统统都认为是一个命名空间的，有时候因为一些重名问题导致的错误让人莫名其妙，难以调试解决。一个简单的例子 这样自定义的alert方法就不会和window的alert冲突了。简单进化这样可以是可以，... 阅读全文
  posted @ 2013-08-09 09:59 HackerVirus 阅读(149) 评论(0) 推荐(0)
• 拦截所有AJAX调用，重点处理服务器异常
  摘要：拦截所有AJAX调用，重点处理服务器异常背景上篇文章http://www.cnblogs.com/happyframework/p/3241063.html介绍了如何以AOP的形式处理服务器异常，这让服务器端的编程逻辑变的非常整洁，本文介绍如何在客户端统一处理服务器返回的异常信息。一点考虑上篇隐藏了一些概念，即：开发或架构之处，就应当确定哪些异常要返回给UI、哪些异常要写入日志、哪些异常要包装以后返回给UI等等。AJAX拦截如何拦截AJAX，不外乎这三种方式：注册全局监听函数。封装一个全局入口。重写或覆盖客户端库的AJAX功能（Javascript是动态语言，可以运行时替换任何东西）。最简单的 阅读全文
  posted @ 2013-08-08 10:04 HackerVirus 阅读(509) 评论(0) 推荐(0)
• 14个支持响应式设计的流行前端开发框架
  摘要：14个支持响应式设计的流行前端开发框架　在几年前，并没有真正意义上的前端开发。随着网络技术的发展，网站和Web应用程序变得越来越复杂，前端部分的工作独立出来逐渐成为现在的前端开发。如今，我们可以看到越来越多的公司在招聘前端开发岗位。 前端开发并不容易，除了掌握基本的HTML、CSS和Javascript之外，因为不同版本的浏览器和平台，你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计，它不仅使 Web 项目开发更难，也需要花费更多的开发时间。 不过，有很多优秀的框架可以帮助到你，这篇文章挑选了14个响应式的前端框架，列出了每个框架的 UI 组件和 Javascript 插.. 阅读全文
  posted @ 2013-08-07 22:50 HackerVirus 阅读(204) 评论(0) 推荐(0)
• 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导出。 阅读全文
  posted @ 2013-08-07 22:48 HackerVirus 阅读(268) 评论(0) 推荐(0)
• 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文件在何时编译 阅读全文
  posted @ 2013-08-07 22:44 HackerVirus 阅读(705) 评论(0) 推荐(0)
• javascript语言精粹mindmap
  摘要：javascript语言精粹mindmap最近刚刚读完《javascript语言精粹》，感觉其中的内容确实给用js作开发语言的童鞋们提了个醒——js里面坑很多啊不过，我也并不完全认同书中所讲的所有内容，有些书中认为是糟粕的特性，我觉得其实也无伤大雅。根据自己的理解和认识，做了个归纳，方便以后自己时不时温习一下。如需转载，请注明转自：http://www.cnblogs.com/silenttiger/p/3243430.html标签:javascript 不知道你是否会有这样的感概，当自己想自学某门新技术时，或是动手写点小程序时，亦或者找个logo，图标诸如此类等等等等，你觉得很简单，却... 阅读全文
  posted @ 2013-08-07 16:56 HackerVirus 阅读(241) 评论(0) 推荐(0)
• jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍
  摘要：jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍这几天开发的web app使用了jquery mobile，jquery mobile自带的样式比较适合做企业应用，但是要是移动互联网应用的话，就显得通用一些，没有更鲜明的互联网元素。现在扁平化设计炒的很热，FB等外国公司、苹果应用图标，都是很好很成功的例子。互联网中使用的设计，大致分为拟物化和扁平化。层级明确、元素简单、颜色丰富、精简文字是Flat UI的设计原则。拟物化设计模仿颜色、纹理、形状甚至实际生活中特定的实际形状，因此能对不喜欢新技术和更喜欢仿现实环境的人非常有帮助。然而，对视障用户能有多少用 阅读全文
  posted @ 2013-08-06 11:00 HackerVirus 阅读(2638) 评论(0) 推荐(0)
• Javascript：由 “鸭子类型” 得出来的推论
  摘要：Javascript：由 “鸭子类型” 得出来的推论背景学动态语言的都知道一句话：“如果它走起来像鸭子，而且叫起来像鸭子，那么它就是鸭子”，Javascript也支持鸭子类型，下文就说说鸭子类型在Javascript中的两个应用场景。两个推论凡是这样签名的方法：object.method(arg1, arg2, ...)的方法，都可以采用method.apply(object, [arg1, arg2, ...])进行调研。array的某些方法（不会修改array状态）可以使用arguments以Array.prototype.method.apply(arguments,[arg1, arg 阅读全文
  posted @ 2013-08-06 10:56 HackerVirus 阅读(214) 评论(0) 推荐(0)
• jQuery的delegate
  摘要：jQuery的delegate在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作，而点击页面其它地方隐藏该div。比如很多导航菜单，当菜单展开的时候，就会要求点击页面其它非菜单地方，隐藏该菜单。先从最简单的开始，假如页面有一个id为test的div，我们要实现点击页面其它地方隐藏该div: 对于这个问题一般有两种思路，这两种思路都会利用事件冒泡这一原理，想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点，所以这里只是简单介绍一下事件冒泡，事件冒泡IE的事件冒泡：... 阅读全文
  posted @ 2013-08-06 09:30 HackerVirus 阅读(223) 评论(0) 推荐(0)
• 仿腾讯微博的一个弹出框 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... 阅读全文
  posted @ 2013-08-05 22:09 HackerVirus 阅读(215) 评论(0) 推荐(0)
• 左侧分类导航菜单（续）
  摘要：左侧分类导航菜单（续）左侧分类导航菜单，是电商购物导航的最直接的分类形式。js方面主要以下几点注意1、事件有mouseover、mouseleaveonmouseover 事件会在鼠标指针移动到指定的对象上时发生。onmouseleave 事件会在鼠标指针移出到指定的对象时发生。2、setTimeout、clearTimeoutsetTimeout 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。clearTimeout方法可取消由 setTimeout() 方法设置的 timeout。代码片段：鼠标移动到li元素上和移出元素时执行的动作_thi 阅读全文
  posted @ 2013-08-05 15:03 HackerVirus 阅读(162) 评论(0) 推荐(0)
• JavaScript的基本类型总结
  摘要：看了让你有收获的JavaScript的基本类型总结Javascript是一种弱类型语言，没有明确的类型分类；网上分类的方式比较多，个人感觉不比去特别的追究细分是什么什么类型，若是能够明确的分出类型的话，javascript就不是弱类型语言，又由于大家所使用的主体语言概念不完全相同（像C#，PHP，C语言等），分类的时候就会根绝自己的主体语言的习惯来分类，无论怎样分类只要有助于自己的理解，能够方便，正确灵活的使用就可以了；下面是两是种常见的分类方式和一些必须了解的基础用法知识；一、第一种分类方式，也是比较常见的一种分类方法：分为9种类型：分别是Undefined,Boolean,Object,N 阅读全文
  posted @ 2013-08-05 14:57 HackerVirus 阅读(212) 评论(0) 推荐(0)
• Ext.ux.form.SuperBoxSelect
  摘要：Ext.ux.form.SuperBoxSelect 在B/S系统中，下拉列表(select/dropdownlist/combobox)的应用随处可见,为了增强用户体验,开发人员也常常会做一些带联想功能的下拉列表，特别是数据项比较多的时候，用户筛选起来就会很容易。如果考虑多选的场景，我想以下的实现方式很多时候是能够满足要求的:带复选框(checkbox)的下拉列表，应该是比较直观和方便了，也很符合用户的习惯.但是如果数据项太多的时候。滚动条会很长,有两个不足:1.用户查询自己想要的目标很困难；2.用户如果需要选择的项很多(>10项)，滚动条容易遮挡住，用户可能也不知道自己到底选了哪些。 阅读全文
  posted @ 2013-08-01 23:58 HackerVirus 阅读(593) 评论(0) 推荐(0)

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3