随笔分类 - [10]JS
-
使用Json实体类构建菜单数据
摘要:基于MVC4+EasyUI的Web开发框架经验总结(3)- 使用Json实体类构建菜单数据最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程... 阅读全文
-
jQuery Tags Input 插件显示选择记录
摘要:利用jQuery Tags Input 插件显示选择记录最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和... 阅读全文
-
异步上传文件
摘要:小技术之异步上传文件最近公司任务多,MVC 和 C#系列都没更新,不过折腾了下异步上传,其实挺简单的,不过以前没做过,打算记录下来方便以后用到,同时分享给需要的朋友,中间也遇到一些疑难杂症,所以也浪费了点时间。我先把现实的代码给出来,在后面会提出一个问题,希望各位能帮瓶子解决下。 为了照顾一些新人,我一步一步的把实现过程说出来: 下面这里有段HTML,我没有用html.hepler,其实做法差不多:View Code 上传附件 这里有两个注意点form的属性设置,第一,要是Post方式的提交,第二,enctype属... 阅读全文
-
前端工程师技能汇总
摘要:前端工程师技能汇总投递人itwriter发布于 2014-04-11 09:32评论(26)有2638人阅读原文链接[收藏]«» 项目起源 还记得@jayli 的这幅前端知识结构图么。 图片的形式具有诸多的不便。缺失源图的我们,无法为此图贡献些什么,随着时间的迁移,或许有些技术点会发生改变,所以有了这个 github 项目。我们可以通过协作的方式来共同维护这个项目。Git 的历史记录也可以见证前端行业的一些变迁。 尽管会变成文字的方式来维护这些内容,但是我承诺写一个小工具帮大家生成更好玩的图形(基于 DataV 项目)。 前端开发知识结构前端工程师浏览器IE6/7/8/9/ 阅读全文
-
模块
摘要:模块目录简介及资料自定义模块创建一个自定义模块调用自定义模块exports和module.exports 区别exports和module.exports 覆盖其它...简介及资料通过Node.js的官方API可以看到Node.js本身提供了很多核心模块http://nodejs.org/api/,这些核心模块被编译成二进制文件,可以require('模块名')去获取;核心模块具有最高的加载优先级(有模块与核心模块同名时会体现)(本次主要说自定义模块)Node.js还有一类模块为文件模块,可以是JavaScript代码文件(.js作为文件后缀)、也可以是JSON格式文本文件(. 阅读全文
-
关于使用 jBox 对话框的提交问题
摘要:http://www.cnblogs.com/haogj/archive/2012/11/04/2754303.html关于使用 jBox 对话框的提交问题jBox 是个不错的对话框组件。在 ASP.NET Form 中使用 jBox 的时候,在按钮注册的客户端点击事件中,会发现不能弹出对话框问题。表现为页面一闪就提交了,导致对话框一闪而过,甚至根本看不到。导致模式对话框失败。首先,按钮会有默认处理,对于普通的 ASP.NET 按钮来说,会导致表单的提交,提交表单导致了页面的刷新。所以,为了不提交表单,就需要阻止按钮默认的行为,这可以通过下面的代码实现。function stopDefault 阅读全文
-
在线web编辑器
摘要:真正在线编辑的在线web编辑器 最近正在研究开发一款在线web编辑器架构,这是一款真正傻瓜式的web编辑器,可以在正常浏览页面的情况进行编辑,经过测试,对于一般网页页面来说非常好用方便,操作更简单。一般的在线web编辑器虽说提供了可视化操作,但通常只能用于编辑指动态内容部份,如内容文章,对于那些非常复杂的内容发布系统的页面模板,基本是没用的。绝大部份系统对于专业人员来说,操作起来也是比较困难的,对于非专业人员,根本操作不了,非专业人员想管理一个个人网站,如比较简单的个人博客,想修改模板或模板的部分内容,绝大部份人都是无法办到的,只能发发文章,甚至改个博客名称之类的都难弄。为什么就不能直接在页面 阅读全文
-
JQuery UI Layout Plug-in布局
摘要:端]使用JQuery UI Layout Plug-in布局引言使用JQuery UI Layout Plug-in布局框架实现快速布局,用起来还是挺方便的,稍微研究了一下,就能上手,关于该布局框架的材料,网上也挺多的。在项目中也使用到了,不过那是前端的工作,咱不能抢别人的饭碗不是?,不过对布局多少了解点,还是非常有帮助的。实现JQuery UI Layout Plug-in布局框架官网:http://layout.jquery-dev.net/index.cfm这里使用1.2.0版本的,项目结构:首先引入:1 2 body中代码:1 2 Center3 4 ... 阅读全文
-
js理解
摘要:js-提前声明和new操作符理解1、提前声明:声明变量后,js会把声明部分提前到作用域前面。var a=1;function aheadOfStatement(){ alert(a); var a=2;}这段代码结果是undefined,因为函数aheadOfStatement中的声明了变量a,并覆盖了全局变量a,但是没有赋值。等价于下面的代码:var a=1;function aheadOfStatement(){ var a; alert(a); a=2;}2、new的理解如果在一个函数前面带上new来调用该函数,那么将创建一个隐藏连接到该函数的prototype成员的新对象,同... 阅读全文
-
Jquery Validate 表单验证的多种方式
摘要:ASP.NET MVC Jquery Validate 表单验证的多种方式在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug 。但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升。在开发过程中我们可以不借助 JS 库,自己去手写 JS 验证,但是如果是团队项目,为了达到代码的统一还是调用统一的 表单验证方式 比较合适。下面介绍在 ASP.NET MVC中结合Jquery Validate进行表单验证的方式。首先推荐一篇关于Jquery Validate 如何使用的博文,写的很详细。http://www.cnblogs.com/hejunrex/archi 阅读全文
-
什么是gulp
摘要:gulp:入门简介本文是gulp的入门级介绍,主要内容包括什么是gulp,gulp与grunt有什么区别,gulp可以解决grunt存在的哪些问题,以及一个简单的说明例子。什么是gulpgulp的官方定义非常简洁:基于文件流的构建系统。这里强调了 streaming,也就是gulp与grunt的在构建流程上的主要区别。具体区别在哪里,后面会简单介绍。The streaming build system。另一个grunt?相信很多前端的同学对grunt都不陌生,grunt的出现可以说是前端的福音,之前很多需要人肉完成的重复工作,用了grunt,一个命令就搞定了。说到这里,很多同学可能会比较疑问: 阅读全文
-
Jquery 插件入门
摘要:Jquery 插件入门网上一搜各种插件,什么文件上传,图片浏览 ,Autocomplete等这些插件,源代码,新手看起来是很吃力的,当然我也是新手,我开始改AutoComplete这个插件一点点,却真不知道如何开始,后面就用Firefox的fireDebug慢慢看。我也不是专门做前端的,但是总得了解,基本的使用还是得会。今天,来总结下,最近看的插件的基础知识,这里算个入门,希望能帮到新手党们。下面是2个非常重要的扩展函数。.extendand.fn.extend$.extend(object)可以理解为JQuery添加一个静态方法。$.fn.extend(object)可以理解为JQuery实 阅读全文
-
如何捕获和分析 JavaScript Error
摘要:如何捕获和分析 JavaScript Error前端工程师都知道 JavaScript 有基本的异常处理能力。我们可以throw new Error(),浏览器也会在我们调用 API 出错时抛出异常。但估计绝大多数前端工程师都没考虑过收集这些异常信息。反正只要 JavaScript 出错后刷新不复现,那用户就可以通过刷新解决问题,浏览器不会崩溃,当没有发生过好了。这种假设在 Single Page App 流行之前还是成立的。现在的 Single Page App 运行一段时间后状态复杂无比,用户可能进行了若干输入操作才来到这里的,说刷新就刷新啊?之前的操作岂不要完全重做?所以我们还是有必要捕 阅读全文
-
MVVM框架avalon在兼容旧式IE
摘要:迷你MVVM框架avalon在兼容旧式IE做的努力当前标签: avalon共3页:123下一页迷你MVVM框架avalon在兼容旧式IE做的努力司徒正美 2014-03-13 11:40 阅读:741 评论:6迷你MVVM框架 avalonjs 组件编写指南司徒正美 2014-02-28 14:55 阅读:1268 评论:5迷你MVVM框架 avalonjs 1.2发布司徒正美 2014-02-19 09:31 阅读:649 评论:2迷你MVVM框架 avalonjs 1.1发布司徒正美 2014-01-25 12:28 阅读:751 评论:42013年最后的收成:avalon1.0正式发布司 阅读全文
-
angularjs + seajs构建Web Form3
摘要:angularjs + seajs构建Web Form前端(三) -- 兼容easyui回顾 在上一章中使用了angular实现了ajax form和树形结构,经过以上两章对于angular的大致使用,对于angular也有了初步的认识,接下来的内容只会对angular的一些用法做简单的说明,如果有不清楚的可以自己查看angular API或者留言给我。 刚开始接触angular的时候,我以为会抛弃诸如jQueryUI、easyui这样的ui组件,但是随着我学习后才发现,其实是我被自己的想法给误导、局限了。mvvm通过数据与ui的绑定,实现双向的同步,使用其他ui的组件我们一样可以通过数据.. 阅读全文
-
继承
摘要:JS设计模式——4.继承(概念)2014-03-12 19:18阅读(157) 评论(0)编辑收藏类式继承0.构造函数一个简单的Person类function Person(name){ this.name = name;}Person.prototype.getName = function(){ return this.name;}1.原型链实现继承未封装extend函数继承继承步骤如下:step 1:创建继承类的构造函数step 2:设置继承类的原型链为父类构造函数。step 3:调整继承类的构造函数。step 4:创建继承类function Author(name, boo... 阅读全文
-
JavaScript 动画库和开发框架
摘要:1. Tween JSTweenJS 是一个简单的 JavaScript 补间动画库。能够很好的和 EaselJS 库集成,但也不依赖或特定于它。它支持渐变的数字对象属性和 CSS 样式属性。API 简单但非常强大,因此很容易通过链式调用来创建复杂的补间动画。2. Snap.svgSVG 是一个创建交互式、分辨率无关的向量图形的很好的解决方案,让效果在任何大小的屏幕上看起来都是高保真的。Snap.svg 这个 JavaScript 库处理 SVG 就如你用 jQuery 操作 DOM 一样简单。Snap.svg 是专为现代浏览器设计的,支持最新的 SVG 遮罩,剪裁,模式,完整的渐变,分组等功 阅读全文
-
几个 jQuery 小提示和技巧
摘要:几个 jQuery 小提示和技巧今天,我们将分享一些很有用的技巧和窍门给 jQuery 开发人员。jQuery是最好的 JavaScript 库之一,用于简化动画,事件处理,支持 Ajax 和HTML的客户端脚本。网络中有大量的 jQuery 插件,有助于在短时间内通过简单容易的方法创建网站。 今天我们选取了几个队 jQuery 开发人员非常有用的代码片段。希望你的下一个项目中能用得上这些代码。您可能感兴趣的相关文章2013年最受欢迎的10篇前端开发博文35个让人惊讶的 CSS3 动画效果演示8个惊艳的 HTML5 和 JavaScript 特效2014年最值得关注的网页设计流行趋势小伙伴们. 阅读全文
-
bootstrap + angularjs + seajs构建Web Form前端2
摘要:bootstrap + angularjs + seajs构建Web Form前端(二)回顾 上一篇讲解了引入bootstrap构建一个简单的登录页面,如何让angularjs自动启动并绑定视图,操作过程当中如何使用ui-bootstrap,继而完成简单功能后如何引入seajs后如何使ng手动启动。我会尽量把自己在学习当中遇到的问题以及如何解决分享给各位,如果大家有什么疑问或者想要达到的功能可以告诉我,我可以尝试去把效果做出来然后再下一篇文章分享给各位。需要解决的问题 1、实现ajax form 2、构建菜单实现ajax form 首先给$scope定义一个formData的对象,然后... 阅读全文
-
Knockout JS实现任务管理应用程序
摘要:Knockout JS实现任务管理应用程序1.1.1 摘要在博文《Ember.js实现单页面应用程序》中,我们介绍了使用Ember JS实现一个单页应用程序 (SPA),这使我想起了几年前写过一个任务管理程序,通过选择日期,然后编辑时间来增加任务信息。当时,我们是使用ASP.NET和jQuery实现了任务管理程序的,通过ajax调用ASP.NET的Webservice方法来访问数据库。今天,我们将通过任务管理程序的实现,来介绍使用ASP.NET Web API和Knockout JS的结合使用,想必许多人都有使用过任务管理程序,其中我觉得Google日历是一个不错的任务管理器图1 Google 阅读全文