随笔分类 - JS
摘要:IO 优化今天去啊 App 5.1.1已经发布了,航旅 Hybrid 混合架构有了更进一步的落地,这轮优化目标是搞定H5真正的“无缝秒出”。先来看效果,去啊App2G 网络下购买国际机票,30秒完成,除了搜索入口页,列表往下到付款页的前端都是H5 Page,大家感受一下:目测性能是可观的。尽管H5包...
阅读全文
posted @ 2015-12-25 10:20
~吉尔伽美什
摘要:function deepCopy(p, c) { var c = c || {}; for (var i in p) { if (typeof p[i] === 'object') { c[i] = (p[i].constructor === Array) ? ...
阅读全文
摘要:几年前,我们浏览网页的时候是没有选项卡浏览模式的,每一个网页都会是一个浏览器窗口,如果我没有记错,Win7之前我们都是这样浏览网页的。作为一个程序员,我们经常会同时打开10-15个网页,多的时候超过20个也不足为奇。为什么要使用这个API?早期我们没有办法确定哪些选项卡是活动状态的,但是现在通过HT...
阅读全文
posted @ 2014-09-16 11:50
~吉尔伽美什
摘要:在HTML中,UI组件的封装一直都是一件很棘手的事情,因为CSS是全局的,虽然可以通过后代选择器来简单处理,但在团队开发中依然有全局样式名称冲突的风险。Shadow DOM提供了一个与全局CSS样式隔离的环境,可以将UI组件封装成一个类似替换型元素的组件。 那么,如何使用Shadow DOM呢?其...
阅读全文
posted @ 2014-09-12 14:51
~吉尔伽美什
摘要:AngularJS是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。 AngularJS诞生以来,吸引了大量的目光,也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的AngularJS相关教程和资源,如果你想了解AngularJS或正在使用AngularJS,那么这些资源肯定会为你的学习和进阶过程带来帮助。一、了解AngularJSAngularJS维基百科专访AngularJS框架创始
阅读全文
摘要:node.js只要安装好excel-export插件之后就可以很方便的将所需要的数据导出为excel表格。1,在项目目录下安装excel-export插件npm install excel-export2,页面合同导出js:$("#exportExcel").click(function(){console.info("exportExcel");var id = $("#contractID").val();console.info("id:"+id);var url = "/api/contracts
阅读全文
摘要:近日拜读了腾讯web前端Alloy团队的文章:javascript中有趣的反柯里化,即uncurrying,感觉十分有趣,作者的目的是让你自定义的对象拥有原生JS对象的方法,并利用鸭子类型的特征扩展其使用范围。这里写一点自己的想法和感悟。一、柯里化说到了uncurrying,就不得不提及currying。柯里化是函数式语言的一种特性,柯里化-维基百科的定义如下:“在计算机科学中,柯里化(Currying),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。”我个人的理解,函数柯里化的意义在于,对于一个已有函数,对其约定
阅读全文
摘要:在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题.[兼容IE和FF] 1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else //否则,我们需要使用IE的方式来取消事件冒泡 window.e.
阅读全文
摘要:Ø JavaScript 31. HTML对象获取问题 32. const问题 33. event.x与event.y问题 34. window.location.href问题 35. frame问题 36. 模态和非模态窗口问题 37. firefox与IE的父元素(parentElement)的区别 38. document.formName.item(”itemName”)问题 39. 集合类对象问题 310. 自定义属性问题 311. input.type属性问题 312. event.srcElement问题 313. body载入问题 314. 事件委托方法 315. T
阅读全文
摘要:从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数:properties:一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)easing(可选):要使用的过渡效果的名称,如:"linear" 或&quo
阅读全文
摘要:Javascript模块化编程(三):require.js的用法这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 <script src="1.js"></script> <script src="2.js"
阅读全文
摘要:Javascript模块化编程(二):AMD规范这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AMD,但是要先从CommonJS讲起。八、CommonJS2009年,美
阅读全文
摘要:Javascript模块化编程(一):模块的写法随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,它不支持"类"(class),更遑论"模块"(module)了。(正在制定中的ECM
阅读全文
摘要:<script type="text/javascript">function inheritPrototype(subType,superType){ var prototype = Object(superType.prototype);//创建对象 prototype.constructor = subType;//增强对象 subType.prototype = prototype;//指定对象}function SuperType(name){ this.name = name; this.color = ["red","
阅读全文

浙公网安备 33010602011771号