随笔分类 - [10]JS
-
AJAX提交数据的三种方式,80%人都没用过第三种
摘要:AJAX提交数据的三种方式,80%人都没用过第三种参考资料HTTP:https://zh.wikipedia.org/wiki/HTTPMIME:https://zh.wikipedia.org/wiki/MIME国内博文:http://blog.csdn.net/gueter/article/details/1524447第一种方式示例代码 1 var data = { 2 name: '段光伟', 3 email: 'shijiucha@qq.com' 4 }; 5 6 Ext.Ajax.request({ 7 url: '../handlers/G 阅读全文
-
简单易用的MVVM框架
摘要:avalon v4发布,迷你简单易用的MVVM框架avalon已经从mass Framework抽取出来,没有任何依赖。主要优点如下使用简单,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了!兼容到IE6没有任何依赖,只有77K,压缩后22K支持管道符风格的过滤函数,方便格式化输出局部刷新的颗粒度已细化到一个文本节点,特性节点要操作的节点,在第一次扫描就与视图刷新函数相绑定,并缓存起来,因此没有选择器出场的余地。让DOM操作的代码近乎绝迹使用类似CSS的重叠覆盖机制,让各个ViewModel分区交替地渲染页面节点移除 阅读全文
-
WebService与Json交互的记录总数
摘要:WebService与Json交互的记录总数一:事出总有因:1:需要来源:最近有网友给我问了一个需求功能,大体需要功能如下:1:有一台服务器,以WebService或WCF方式提供数据。2:有客户端(Web或Winform),调用远程WebService或WCF的数据,然后绑定显示表格数据,关键还需要带有分页功能。2:解决方案:由于网友使用CYQ.Data,我给出了以下建议:1:WebService 端:通过MAction,查询出表(MDataTable),再调用ToJson返回json输出。2:客户端:通过调用调用远程的方法,接收返回的json字符串,然后用MDataTable.LoadFr 阅读全文
-
jQuery焦点图轮播slide插件
摘要:jQuery焦点图轮播slide插件需求示例:一、插件API1、插件使用$.slide( container, contentCls, triggerCls, config );2、必选参数container: selector, // 外围盒子选择器contentCls: selector, // 内容面板父容器ClassNametriggerCls: selector, // 触发器父容器ClassName3、config配置可选参数,例 :{ auto: true, // 是否自动轮播,默认false delay: 4000, // 自动轮播延迟时间,默认4000,单位毫秒 int... 阅读全文
-
学习 easyui 之一:easyloader 分析与使用
摘要:学习 easyui 之一:easyloader 分析与使用使用脚本库总要加载一大堆的样式表和脚本文件,在 easyui 中,除了可以使用通常的方式加载之外,还提供了使用 easyloader 加载的方式。这个组件主要是为了按需加载组件而诞生。什么情况下使用它呢?你觉得一次性导入 easyui 的核心 min js 和 css 太大你只用到 easyui 的其中几个组件你想使用其中的一个组件,但是你又不知道这个组件依赖了那些组件。如果你有以上三中情况,那么推荐你使用easyLoader。它可以帮你解决这些问题。easyloader 用来帮助我们自动加载所需的脚本文件和样式文件,这样,我们只需要在 阅读全文
-
Javascript:必须知道的Javascript知识点之“作用域链”
摘要:Javascript:必须知道的Javascript知识点之“作用域链”代码示例 1 var xxxVar1 = 1; 2 var outer = function(){ 3 var xxxVar2 = 2; 4 5 var results = []; 6 7 for(var i = 0; i< 3; i++) 8 { 9 var inner = function(){10 var xxxVar3 = 3;11 return xxxVar3 + xxxVar2 +xxxVar1 + i;12 }13... 阅读全文
-
实现星星点评
摘要:一道面试题带来的前端优化——实现星星点评前言人人都会失业,这不巧小的这里就准备失业了,团队解散不是病,突然解散要人命。我们工作中面对这种突然团队解散的问题,对职业生涯规划是有很大问题的,他可以让你一夜回到革命前:比如我几年的工龄(<=1)没了;比如我今年年底年终奖又只有半年的了,比如我在这里努力的结果付诸东流了......说来说去,就一个结果,小的需要找工作了。于是那天就把简历挂了出来,也恰好有个招聘,就过去了,应该说毫无感觉,带着及其失落的感情过去了......面试过程中的题基本全知道,不管有印象的没印象的,反正全知道......但是知道不等于了解,了解不等于深入!这里又要为自己平时的 阅读全文
-
Javascript:必须知道的Javascript知识点之“原型链”
摘要:Javascript:必须知道的Javascript知识点之“原型链”代码示例1 var CustomClass = function() { };2 var CustomObject = new CustomClass();发生了什么事情原型链规则规则1每个对象都有一个“__proto__”属性,这个属性对外不可见,只有javascript解释器知道,在google浏览器中可以看到这个属性。规则2“取值操作”CustomObject.XXXProperty的规则是,先查找CustomObject对象本身有没有XXXProperty,没有的话就去CustomObject.__proto__中找 阅读全文
-
JavaScript的模块化:封装(闭包),继承(原型)
摘要:JavaScript的模块化:封装(闭包),继承(原型)虽然 JavaScript 天生就是一副随随便便的样子,但是随着浏览器能够完成的事情越来越多,这门语言也也越来越经常地摆出正襟危坐的架势。在复杂的逻辑下, JavaScript 需要被模块化,模块需要封装起来,只留下供外界调用的接口。闭包是 JavaScript 中实现模块封装的关键,也是很多初学者难以理解的要点。最初,我也陷入迷惑之中。现在,我自信对这个概念已经有了比较深入的理解。为了便于理解,文中试图封装一个比较简单的对象。我们试图在页面上维护一个计数器对象 ticker ,这个对象维护一个数值 n 。随着用户的操作,我们可以增加一次 阅读全文
-
jmgraph前端画图组件(html5版)
摘要:jmgraph前端画图组件(html5版)jmgraph是一个基于html5的WEB前端画图组件。 前端画图对象控件化,支持鼠标和健盘事件响应,可对单个控件样式设定,支持简单的动画处理。 可大大地简化前端画图。如果ie请用ie9及以上浏览器代码示例1.创建jmgraph对象2.创建样式渐变和阴影效果渐变支持百分比,而且坐标都是相对于其父容器的。3.创建控件创建一个中心为(250,250)半径为100的圆,这里可以指定radius或宽度来解定圆大小,弧度为满圆.4.事件处理这里当鼠标移入圆时改变其边框颜色5.完成最后加入到graph中,并设置可以移动。?graph.children.add(.. 阅读全文
-
Angularjs Controller 间通信机制
摘要:Angularjs Controller 间通信机制2013-04-16 20:54 by 破狼, 72 阅读,0评论,收藏,编辑 在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller,避免过大无所不能的上帝controller,我们把controller分离开了,但是有时候我们需要在controller中通信,一般为比较简单的通信机制,告诉同伴controller我的某个你所关心的东西改变了,怎么办?如果你是一个javascript程序员你会很自然的想到异步回调响应式通信—事件机制(或消息机制)。对,这就是angularjs解决control 阅读全文
-
backbone 之事件(events)
摘要:backbone 之事件(events)最近用 backbone 做了一个项目,加深了对前端mvc理解。同时也很多的收获。纠正了我对阅读源码的认识。一定要应用的熟练后,了解其思想后,再去阅读源码!千万不要本末倒置。想写写自己对backbone的感悟!接下来第一步就是backbone的event。 backbone的event 是其核心。是model和view的纽带。了解event 是必要的。举个例子:var User = function(name) { this.name = name;}User.records = [];User.bind = function(ev, callba... 阅读全文
-
第一个超级简单Node.js实例
摘要:第一个超级简单Node.js实例这些天有事没事的稍微看看Node.js,觉得还是挺有意思的,这里自己做一个简单的例子,起码能让没玩过的人觉得Node.js没那么神秘。1.下载安装Node.js for windows,安装。http://nodejs.org2.CMD到安装根目录下安装模块,express:npminstallexpress,还可以安装mysql:npminstallmysql,以及mangodb:npminstallmongodb3.这样环境就做好了(简单示例就不使用其他的IDE了),在根目录下新建一个hello.js文件,复制代码如下:?varhttp = require( 阅读全文
-
easyui的Tree框架
摘要:欢迎大家转载,转载请注明出处!希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢!今天是easyui的Tree框架:个人觉得easyui的Tree框架是比较难搞的,尤其是拼接tree的json数据的时候,稍有差池,就不会显示,大家使用的时候仔细下就好;再有就是推荐一款国人写的Tree插件:ZTree,很好用,大家可以自己学习一下上面demo写的很全面;不说废话了,直接上代码:View Code<head> <link id="easyuiTheme" href="jquery-easyui-1.3.2/t 阅读全文
-
认识 jQuery MiniUI(一)
摘要:认识 jQuery MiniUI(一)前言以后可能需要使用jQuery MiniUI,最近在闲暇时间看了下(为什么我总是想到MIUI、小米,擦擦...)。今天对本周的初次学习做一次总结,顺便提几个问题,希望大家能授业解惑。由于官方的介绍比较详细,传送门:http://www.miniui.com。其中包括了详细的API调用、示例代码等, 所以本文就不会对这些API进行单独的介绍。本文仅作个人技术学习使用,无任何商业背景,请不要跨省(开个玩笑)为什么要用通过官方的DEMO,不难看出这套前端框架的样式、功能都非常强大,基本覆盖了我们开发中常用的按钮、文本、下拉框、列表、树形结构、导航等等。甚至如果 阅读全文
-
我理解的Node.js
摘要:我理解的Node.js看到很多同事写了关于Node.js的Blog.也就跟着学习了一下。作为一个初级入门者,学习后将我的理解总结如下:Node 是一个命令行工具。Node 可以使JS的代码在服务端运行。编写的Js 可以在V8中执行。Node 提供了一组API 访问网络和文件系统。1.Node只是是一个工具,提供Js在服务端执行,如同Java,Ruby,PHP,不要想用Node去解决所有的事情。2.Node并行运行,可以同时做几个任务(Task),显然因为Node是并行执行多个任务显然他是多线程的。这个后面我们去学习下Node的Source,看看他是如何实现这个并行运行的机制的。For exam 阅读全文
-
jQuery知识总结
摘要:jQuery知识总结jQuery一直都在用,但都是在用时查查手册,并没有系统的学过,最近组内做jQuery交流,花了几天时间系统了学习了下,做了个PPT,本文是根据PPT总结而来,有些地方做了些补充。希望对jQuery初学者有些帮助。jQuery简介简介jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写的更少,做的更多)。 jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布,吸引了来自世界各地的众多javascript高手加入,现在由Dave Methvin率领团队进行开发。如今, jQuery已经成为最流行 阅读全文
-
一个导航条的进化
摘要:一个导航条的进化这篇文章很基础,高手请绕道。学习编程是个循序渐进的过程,最重要的是学习思路、解决问题的方法,了解的多了就会有自己的新方法,懂得如何结合现有方法解决新问题,甚至是想出新方法来解决。下面通过讲述一个导航条的进化,来展示思路的重要,其间也有代码之美。导航条是很常见的网页元素,几乎所有的网站上都有。像上图这样的导航条会存在于许多页面中,我们大可以复制、粘贴到每个页面来完成工作。这看起来很快速,但如果策划要求调整导航条的顺序或者添加新项呢?把一个页面改好后,再一个个的复制、粘贴吗?懒惰是打字员优秀品质之一,遇到重复劳动的时候,我们就要思考怎样让计算机帮我们来做。解决方法是写个 JavaS 阅读全文
-
Karma(原名Testacular)与WebStorm进行集成
摘要:Karma(原名Testacular)与WebStorm进行集成Karma是一款运行JavaScript测试的工具。它支持大部分的JavaScript测试框架,并支持多浏览器跑测试、自动监听文件运行测试等功能,实在是JavaScript开发的必备测试利器。有了它,基本不用再一遍遍手动刷新页面来trigger测试了。它的原名是testacular,也不知道作者咋想的,突然之间把项目名称改了。而WebStorm则号称是世界上最聪明的JavaScript的IDE。(事实证明,确实如此)。JavaScript code自动提示、浏览器实时同步更新、支持HTML5,node.js, TypeScript 阅读全文
-
最少代码的瀑布流实现
摘要:最少代码的瀑布流实现先看效果图吧:JS代码先放上来给大家看下思路。具体实现还是需要css和html代码的,可以看我的在线源代码和效果:全屏,chrome,浏览最佳http://runjs.cn/detail/j9qlhajc$(function(){ $('#brand-waterfall').waterfall();});// 瀑布流插件// pannysp 2013.4.9;(function ($) { $.fn.waterfall = function(options) { var df = { item: '.item', ... 阅读全文