
JS
_Chris
程序员
展开
-
前端学习实践笔记--JavaScript深入【2】
趁热继续再来学习一波,接下来主要介绍函数,object,数组,面向对象,new实例化。 在介绍“对象”之前,首先得梳妆打扮一番吧,那这梳妆打扮主要有两条路线,一条是淑女范(利用函数对象化),一条是邻家小姐范(利用object),大家各有所好嘛, 那先分别介绍两种路线的具体梳妆方式。 函数 我们都知道JS是一门动态语言,所以可以动态的为翻译 2014-10-07 11:49:27 · 452 阅读 · 0 评论 -
jQuery插件开发精品教程,让你的jQuery提升一个台阶
要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。本教程可能不是最转载 2015-07-14 11:43:25 · 613 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并转载 2015-07-14 13:48:45 · 468 阅读 · 0 评论 -
JS模块化工具requirejs
一,随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其翻译 2015-07-08 19:12:05 · 551 阅读 · 0 评论 -
图片滚轮放大缩小,拖拽图片
//直接复制代码,就可以看到效果(别忘记修改图片src) 图片缩放和固定div层拖动 #picDiv { margin:8px 8px 4px 0; border:1px solid #666666; padding:0; width:300px原创 2015-04-15 15:49:30 · 2166 阅读 · 0 评论 -
点击放大图片、滚动缩放图片(无插件,自己写的)
// #block { width: 0px; height: 100%; } #cts img { vertical-align: middle; } //利用空图片原创 2015-04-13 15:34:29 · 1995 阅读 · 0 评论 -
点击查看大图片(js)
一、脚本引入: //下载地址 http://pan.baidu.com/s/1o6vC00y二、主要代码: baguetteBox.run('.baguetteBoxOne', { animation: 'fadeIn', });原创 2015-04-10 10:35:23 · 832 阅读 · 0 评论 -
AjaxForm异步上传表单、图片
一、脚本引入 //下载链接:http://pan.baidu.com/s/1eQ4FSyQ二、前台代码@using (Html.BeginForm("QuestionAdd", "Manage", FormMethod.Post, new { @id="form1",enctype = "multipart/form-data" })) {}原创 2015-04-02 16:06:09 · 1410 阅读 · 0 评论 -
ajax异步请求 返回xml文件,读取xml
1,前台页面: //引入脚本文件2,js脚本:Jquerry Ajax$.ajax({ url: "/Ajax/CreateXml" //后台处理程序 type: "post", //数据发送方式 async: false,原创 2015-01-08 09:58:44 · 5718 阅读 · 0 评论 -
JS事件冒泡
什么是JS事件冒泡?:在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 如何来阻原创 2014-10-10 19:42:44 · 492 阅读 · 0 评论 -
JQuery筛选器
1.选择对象1).基本·#id 根据给定的ID匹配一个元素。例如:$("#id")·element 根据给定的元素名匹配所有元素。例如:$("div")·.class 根据给定的类匹配元素。例如:$(".style1");·* 匹配所有元素。例如:$("*")·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如转载 2014-12-30 17:12:02 · 662 阅读 · 0 评论 -
jquery省市联动
jQuery 二级联动 $(document).ready(function () { $("#province").change(function () { $("#province option").each(function (i, o) { if ($(this).attr("selecte原创 2015-01-16 11:14:31 · 636 阅读 · 0 评论 -
jquery 鼠标拖动改变div大小
一个非常简单的例子: jQuery 版“元素拖拽改变大小”原型 /* * jQuery.Resize by wuxinxi007 * Date: 2011-5-14 * blog : http://wuxinxi007.cnblogs.com/ */ $(function(){原创 2014-12-03 13:34:03 · 4978 阅读 · 0 评论 -
使用jquery autocomplete实现类似搜索引擎的自动填充功能
一,效果演示:二,实现步骤 1,利用前台数据进行填充提示 jQuery UI Autocomplete - Default functionality //为了演示方便,这三个连接我是从官方链接过来的,这里直接粘贴就能使用。但是最好还//是下载到本地使用 $(function原创 2014-11-14 17:10:42 · 1124 阅读 · 0 评论 -
js中childNodes与firstChild、lastChild
在JavaScript中,使用childNodes属性可以返回一个数组,这个数组包含给定元素节点的全体子节点,如代码所示:平板视图打印?01body>02ul id="action">03 li title="第一段文字">第一个li>翻译 2014-10-09 20:03:36 · 1640 阅读 · 0 评论 -
js中nodeType类型
· nodeType (返回节点的类型,一般是整数)· 元素element 1 ---指标签 · 属性attr 2 color="" getAttribute() setAttribute() 使用attributes[]· 如:alert( document.body.attributes["bgcolor"].node原创 2014-10-09 20:35:55 · 2430 阅读 · 0 评论 -
前端学习实践笔记--JavaScript深入【3】
这章主要讨论闭包和原型,以及面向对象和继承。 闭包 闭包充分利用了JS里面作用域的概念,作用域的好处是内部函数可以访问定义它们的外部函数的参数和变量。使用闭包主要是为了读取函数内部的变量或者将函数内部的变量始终保持在内存中,而不让JS垃圾回收机制回收,所以使用闭包会降低系统性能的,应该避免尽量少用。 具体看下面三个例子:var elems =翻译 2014-10-07 11:58:37 · 448 阅读 · 0 评论 -
前端学习实践笔记--JavaScript深入【1】
这一年中零零散散看过几本javascript的书,回过头看之前写过的javascript学习笔记,未免有点汗颜,突出“肤浅”二字,然越深入越觉得javascript的博大精深,有种只缘身在此山中的感觉,茫茫然而不得其要领,索性在一边写博文中,求得突破,乃至更上一层楼。 看过的书籍推荐: 《javascript语言精粹》 Douglas Crockford翻译 2014-10-07 11:47:45 · 488 阅读 · 0 评论 -
百度echarts柱状图
1,共享开发包下载地址 http://pan.baidu.com/s/1bnCt14V2,脚本引入 3,js脚本$(function()var myChart = echarts.init($(h).find("#chart")[0], theme);//theme是加载主题,可以自定义,可以省略 myChart.showLoadi原创 2015-07-23 15:05:42 · 964 阅读 · 0 评论