随笔分类 - [10]JS
-
dojo/dom源码
摘要:dojo/dom源码学习 dojo/dom模块作为一个基础模块,最常用的就是byId方法。除此之外还有isDescendant和setSelectable方法。 dom.byId(myId)方法: 各种前端类库都免不了与DOM节点打交道,操作DOM的方法千变万化最终还是要回到原生的那几个方法... 阅读全文
-
Javascript设计模式
摘要:Javascript设计模式第一章 面向对象的Javascript1.1 多态在面向对象设计中的应用多态最根本好处在于,你不必询问对象“你是什么类型”而后根据得到的答案调用对象的某个行为--你只管调用行为就好,剩下的一切多态会搞定换句话说就是:多态的最根本作用就是把过程化的条件分支语句转化为对象的多... 阅读全文
-
JSON序列化那点事儿
摘要:JSON序列化那点事儿序 当前主流的序列化JSON字符串主要有两种方式:JavaScriptSerializer及Json.net(Nuget标识:Newtonsoft.Json)。JavaScriptSerializer是微软官方提供的一种方法,所以如果你用的是asp.net mvc,在Actio... 阅读全文
-
CoffeeScript NgComponent
摘要:Angular遇上CoffeeScript - NgComponent封装CoffeeScript是基于JavaScript的一门扩展小巧语言,它需要编译成JavaScript,然后再运行与浏览器或者Nodejs平台。JavaScript由于商业原因10天时间就匆忙诞生,所以存在很多弊病。但如《Ja... 阅读全文
-
闭包问题
摘要:闭包问题详解一、什么是闭包?“官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话,因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包,因为跳过闭包的创建... 阅读全文
-
JavaScript面向对象旅程(下)
摘要:JavaScript面向对象旅程剪不断,理还乱,是离愁。前面已经提到过新语言开发的两个步骤,分别是:一、定义基本的数据类型,完善结构化编程语言的设计;二、为函数类型绑定this的概念,好在对象的方法中可以引用到对象自身。下面是继续下去的思路,其主体思想是尽可能地引用传统面向对象语言的相关概念(如类、... 阅读全文
-
emberjs
摘要:emberjs博客:http://www.cnblogs.com/xiangbing/p/emberjs-test.html案例:http://www.lovewebgames.com/emberjs/test/index.html源码:https://github.com/tianxiangbin... 阅读全文
-
avalon组件
摘要:如何做一个avalon组件在avalon1.5中改用更直观的自定义标签来声明组件,废掉ms-widget,引入更强大的生命周期管理,可以让组件任意套嵌。组件是由JS,HTML,CSS构成JS 以AMD形式组织,引入HTML与CSSHTML是组件的模板, 模板里面使用ms-*等指令JS内部是一个ava... 阅读全文
-
前端插件@user
摘要:分享一个 @user 前端插件开源地址:https://github.com/yuezhongxin/Mention.js插件效果:类似于微博或 github 中 @user 列表效果。这是个二次开发的插件,花了几天时间,对Mention.js(作者jakiestfu) 进行了一些改进,主要是下面几... 阅读全文
-
jquery的智能提示控件
摘要:福利到~分享一个基于jquery的智能提示控件intellSeach.js一、需求 我们经常会遇到【站内搜索】的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示。例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户使用。说白了,就是用户边... 阅读全文
-
webpack实战
摘要:webpack实战30分钟手把手教你学webpack实战2015-09-08 23:02 by 龙恩0707,175阅读,0评论,收藏,编辑30分钟手把手教你学webpack实战阅读目录一:什么是webpack? 他有什么优点?二:如何安装和配置三:理解webpack加载器四:理解less-load... 阅读全文
-
avalonjs1.5 入门教程
摘要:迷你MVVM框架 avalonjs1.5 入门教程avalon经过几年以后,已成为国内一个举足轻重的框架。它提供了多种不同的版本,满足不同人群的需要。比如avalon.js支持IE6等老旧浏览器,让许多靠政府项目或对兼容性要求够高的公司也能享受MVVM的乐趣。avalon.modern.js支持IE... 阅读全文
-
Grunt 之 Connect
摘要:前端开发 Grunt 之 Connect在前端开发过程中,我们需要在开发过程中,将开发中的站点部署到服务器上,然后,在浏览器中查看实际的效果,在 Grunt 环境下,可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的支持,在开发过程中,直接查看效果。1. Connect 资源... 阅读全文
-
JQUERY省、市、县城市联动选择
摘要:JQUERY 插件开发——CITYLINKAGE(省、市、县城市联动选择)第一部分:背景 开发源于需求,本次城市联动选择插件算是我写插件的一个特例吧,不是我目前工作需要些的,算是兴趣驱使吧。之前呢,一直想写这个插件,然后错过了一个写这个插件的机会(这个得回顾到很久以前了。。。此处省去N个字)。然后最... 阅读全文
-
Meteor全栈开发平台
摘要:Meteor全栈开发平台本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,博客地址为http://www.cnblogs.com/jasonnode/ 。网站上有对应每一小节的在线练习大家可以去试试。全栈开发平台 - 不仅仅是前端Meteor和那... 阅读全文
-
JavaScript设计模式
摘要:JavaScript设计模式之观察者模式(学习笔记)设计模式(Design Pattern)对于软件开发来说其重要性不言而喻,代码可复用、可维护、可扩展一直都是软件工程中的追求!对于我一个学javascript的人来说,理解设计模式似乎有些困难,对仅切图、做少量交互效果的FE甚至可能不会用到,但是当... 阅读全文
-
JSONP实现跨域
摘要:利用JSONP实现跨域请求 前言:有时候一忙起来就没了时间观念,原来我已经有十多天没写博客了。一直想做跨域方面的尝试,无奈最近准备校招没时间动动手。今天就先讲讲JSONP吧,昨晚还在研究QQ空间日志里面网络图片的问题呢,我发现日志还提供了HTML模式,我们可以利用img标签的src属性实现跨域请求... 阅读全文
-
jQuery.reveal弹出层
摘要:jQuery.reveal弹出层使用最近用到弹出层,还得自定义UI,原本用的artDialog太庞大,不合适了,于是就找到了这个东西,又小又好用,基础的弹出遮罩都有了,想要什么还不是Coder自己说了算。这个插件是基于Jquery实现的,非常小,插件本身只有3K多一点,用起来也算简单明了。废话不说了... 阅读全文
-
Web 前端开发环境
摘要:创建 Web 前端开发环境Web 前端开发涉及多种工具,这里将常用工具的安装和配置进行说明,提供了详细的说明,为后继的开发创建一个坚实的基础。本文介绍的工具有:NodeJS, NPM, Bower, Git 和 Grunt。1. 安装 NodeJS 和 NPM一切从 NodeJS 开始吧,官方网址:... 阅读全文
-
一个MP3播放的插件jPlayer
摘要:Jplayer小样最近应公司要求需要一个MP3播放的插件,网上找了很多插件,看来看去还是jPlayer用着最舒服也最容易扩展。所以就找了个资料研究了下,简单做了个小DEMO。支持实时控制列表,常见的播放器功能。jPlayer中可扩展的强大功能很多,暂时也用不上,等着后来人去发掘了。废话说完了。进入正... 阅读全文