JavaScript - 随笔分类 - 稻草人.Net

摘要：二、webpack打包在一起的方法阅读全文

posted @ 2016-04-06 13:54 稻草人.Net 阅读(6404) 评论(0) 推荐(0) 编辑

摘要：1 let timeOutEvent = 0 2 $(function () { 3 $('#debug').on({ 4 touchstart: function (e) { 5 setTimeout(function () { 6 longPress() 7 }, 10000) 8 e.preventDefaul... 阅读全文

posted @ 2016-04-01 10:22 稻草人.Net 阅读(2369) 评论(0) 推荐(0) 编辑

下拉滚动的实现

摘要：代码解说：内部div高度为750，外部div高度为500，所以垂直滚动条需要滚动750-500=250的距离，就会到达底部，参见语句nScrollTop + nDivHight >= nScrollHight。程序中，在外部div的scroll（滚动）事件中侦测和执行if判断语句，是非常消耗CP 阅读全文

posted @ 2016-04-01 09:06 稻草人.Net 阅读(787) 评论(0) 推荐(0) 编辑

移动端前端开发调试

摘要：转自：http://yujiangshui.com/multidevice-frontend-debug/通过移动端使用 Web 服务的比率越来越大，例如淘宝今年双十一，移动端交易份额就达到42.6%。由此可见，掌握移动端的前端开发和测试是非常有必要的。由于之前做过大量有响应式需求的项目；今年（20... 阅读全文

posted @ 2015-08-16 22:09 稻草人.Net 阅读(10881) 评论(0) 推荐(0) 编辑

【转】全Javascript的Web开发架构：MEAN和Yeoman【译】

摘要：引言最近在Angular社区的原型开发者间，一种全Javascript的开发架构MEAN正突然流行起来。其首字母分别代表的是：(M)ongoDB——noSQL的文档数据库，使用JSON风格来存储数据，甚至也是使用JS来进行sql查询；(E)xpress——基于Node的Web开发框架；(A)agul... 阅读全文

posted @ 2015-08-01 21:53 稻草人.Net 阅读(295) 评论(0) 推荐(0) 编辑

【转】无后端（nobackend）：前端优先的Web开发【译】

摘要：每个应用都由两样东西构成：该应用独有的功能和所有应用共有的功能，比方说用户注册、登录、忘记密码等。而从用户的角度出发，那些独有的功能归结起来就是用户界面以及系统的行为模式。而在视觉表象之后的功能，用户并不关心，他们只期望系统能按预期运行就可以了。前端和后端有各自的侧重点，因此往往也需要不同的技能，由... 阅读全文

posted @ 2015-08-01 21:49 稻草人.Net 阅读(488) 评论(0) 推荐(0) 编辑

ANT配合FIS执行前端打包任务

摘要：前提是FIS安装并能正常使用。CMD：/>ant -f build.xml help 阅读全文

posted @ 2014-12-12 16:41 稻草人.Net 阅读(227) 评论(0) 推荐(0) 编辑

almond进一步优化requirejs

摘要：这里只是调侃一下，“杏仁”其实指的是almond，requirejs作者的另一个开源项目，它的定位是作为requirejs的一个替代品。使用场景什么情况下需要使用almond呢？假设你手头有个基于requirejs的小项目，所有业务代码加起来就几十K（压缩后可能更小）.出于性能优化的考虑，你可能在想... 阅读全文

posted @ 2014-11-23 21:40 稻草人.Net 阅读(340) 评论(0) 推荐(0) 编辑

让jQuery的ajaxFileUpload插件支持onchange事件

摘要：ajaxFileUpload插件只能上传一次的BUG发现还不少人遇到，很不幸我也遇到的，使用后发现里面的坑还不少，在createUploadForm方法中有句var newElement = jQuery(oldElement).clone(); // 修改成clone(true),同时复制事件另外... 阅读全文

posted @ 2014-07-10 14:42 稻草人.Net 阅读(1994) 评论(0) 推荐(0) 编辑

webstorm 设置jsp支持ZenCoding

摘要：setting ->File Type - html 里面增加*.jsp 阅读全文

posted @ 2013-09-29 12:04 稻草人.Net 阅读(12621) 评论(0) 推荐(0) 编辑

backbone的对象继承实现

摘要：通过原型链实现对象的继承，子类通过’__super__‘来访问父类的方法 1 // protoProps 子类的属性参数 2 // staticProps 静态属性 3 var extend = function(protoProps, staticProps) { 4 var parent = this; 5 var child; 6 7 // 如果protoProps参数中存在构造函数则使用，否则使用父类的构造函数 8 if (protoProps && _.has(protoProps, 'constructor')) { 9 child =... 阅读全文

posted @ 2013-09-24 09:59 稻草人.Net 阅读(504) 评论(0) 推荐(0) 编辑

Knockout开发中文API系列4–监控属性数组

摘要：PS：这个翻译系列好久都没有更新了，实在是不应该，一方面是由于时间不多，另一方面也由于自身惰性太大，从今天起接着更新，会在最近的一月内把这个系列中文API文档翻译完整。如果你想侦测并响应一个对象的变化，你需要使用observables。如果你想侦测并响应一个集合对象的变化，你需要使用observableArray。这在很多情况下，都显得非常有用，比如你想操作UI上的一组数据，控制其显示或编辑、添加或删除等。示例varmyObservableArray=ko.observableArray();//InitiallyanemptyarraymyObservableArray.push(' 阅读全文

posted @ 2013-07-14 22:10 稻草人.Net 阅读(1813) 评论(1) 推荐(2) 编辑

Knockout开发中文API系列3–使用计算属性

摘要：计算属性如果你已经有了一个监控属性firstName和lastName,如果你想显示全名该怎么做呢？这个时候你就可以通过计算属性来实现，这个方法依赖于一个或多个监控属性，如果任何依赖对象发生改变他们就会跟着改变。例如，下面的 view model：functionAppViewModel(){ this.firstName=ko.observable('Bob'); this.lastName=ko.observable('Smith'); }你可以添加一个计算属性来返回全名，例如：functionAppViewModel(){ //...leavefirstN 阅读全文

posted @ 2013-07-14 22:09 稻草人.Net 阅读(3627) 评论(0) 推荐(2) 编辑

Knockout开发中文API系列2–创建数据模型和监控属性

摘要：Observables，这个词的翻译来自汤姆大叔，对于部分翻译不是很准确的，欢迎大家留言，以得到更好的翻译。Knockout是建立在以下3个核心功能之上的:1、属性监控与依赖跟踪2、声明式绑定3、模版机制在本节中，我们将学习3个核心里面的第一个。但在这之前，先让我们学习一下MVVM设计模式和View Model的概念。MVVM和View ModelsModel-View-View Model (MVVM)是一种创建用户界面的设计模式。通过它只要将UI界面分成以下3个部分，就可以使复杂的界面变得简单：1、Model，用于存储你应用程序数据，这些数据表示你业务领域的对象和数据操作（例如：银行阅读全文

posted @ 2013-07-14 22:08 稻草人.Net 阅读(2877) 评论(1) 推荐(1) 编辑

javascrpt 代码

摘要：一、window.open关闭子页面时刷新父页面window.opener.location.reload();window.opener=null;window.close();二、AJAX返回后window.open不被阻挡1.可以把异步变同步async: false2.异步下处理方法var newwindow=window.open("about:blank"); window.focus(); $.ajax({ url:form.attr('action'), data:form.serialize(), dataType: 'json 阅读全文

posted @ 2013-07-12 12:44 稻草人.Net 阅读(580) 评论(0) 推荐(0) 编辑

RequireJS模块化与GruntJS构建

摘要：GruntJS构建http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.htmlhttp://xiaocong.github.io/blog/2012/05/30/use-bbb-slash-grunt-dot-js-to-build-slash-deploy-amd-project/https://github.com/gruntjs/grunt-contrib-requirejshttp://nuysoft.com/2013/04/19/angry-birds-of-javascript-mighty-eagle-automati 阅读全文

posted @ 2013-05-09 13:57 稻草人.Net 阅读(2279) 评论(0) 推荐(0) 编辑

12种JavaScript MVC框架之比较

摘要：Gordon L. Hempton是西雅图的一位黑客和设计师，他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架，并在博客中总结了每种框架的优缺点，最终的结果是，Ember.js胜出。此次比较针对的特性标准有四种，分别是：UI绑定（UI Bindings）复合视图（Composed Views）Web表现层（Web Presentation Layer）与其他框架良好协作（Plays Nicely with Others）对于各种JavaScript MVC框架，Gordon都总结了优缺点：Backbone.js——优点：强大的社区，强劲的势头；缺点：抽象较弱，很多功阅读全文

posted @ 2013-01-24 22:42 稻草人.Net 阅读(254) 评论(0) 推荐(0) 编辑

JavaScript日期处理类库momentjs

摘要：http://momentjs.com/ 阅读全文

posted @ 2013-01-24 11:54 稻草人.Net 阅读(166) 评论(0) 推荐(0) 编辑

javascript插入样式

摘要：最近做一个项目，需要javascript动态插入样式，结果以前的方法失效了！查了2个小时的原因竟然是自己手贱，这个最后再说！javascript插入样式在前端开发中应用比较广泛，特别是在修改前端表现和页面换肤的时候。最近做的这个任务是用户在别人的站点上点击一个按钮，就会在别的站点页面下插入一个脚本，执行，这其中包含了样式的插入。一般情况下javascript动态插入样式有两种，一种页面中引入外部样式,在<head>中使用<link>标签引入一个外部样式文件，另一种是在页面中使用<style>标签插入页面样式（这里说的不是style属性）。一、页面中引入外部样阅读全文

posted @ 2013-01-24 10:42 稻草人.Net 阅读(303) 评论(0) 推荐(0) 编辑

Javascript 中的 call 和 apply

摘要：JavaScript 中通过call或者apply用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。简单的说就是改变函数执行的上下文，这是最基本的用法。两个方法基本区别在于传参不同。call(obj,arg1,arg2,arg3);call第一个参数传对象，可以是null。参数以逗号分开进行传值，参数可以是任何类型。apply(obj,[arg1,arg2,arg3]);apply第一个参数传对象，参数可以是数组或者arguments 对象。这两个方法通常被用来类的继承和回调函数：作用一、类的继承：先来看这个例子：function Pers 阅读全文

posted @ 2013-01-24 10:40 稻草人.Net 阅读(206) 评论(0) 推荐(0) 编辑

随笔分类 - JavaScript

搜索

常用链接

我的标签

随笔分类 (171)

随笔档案 (211)

友情链接

阅读排行榜

评论排行榜

推荐排行榜

最新评论