此篇只是笔记,在借鉴、参考、模仿的过程,可能不完整,请多指教!定义插件名称要注意命名冲突,防止全局污染。1.第一种Javascript对象命名:(Javascript语言是“先解析,后运行”,解析时就已经完成了变量声明,所以 a等同于b。var命令的"代码提升"(hoisting)作用。Javascript解释器,只"提升"var命令定义的变量,对不使用var命令、直接赋值的变量不起作用,这就是为什么不加var会报错的原因) a.等同于 b.2.第二种写法:windo...
实现JS拖拽插件主要从六个方面做介绍:一、js拖拽插件的原理,二、根据原理实现的最基本效果,三、代码抽象与优化,四、扩展:有效的拖拽元素,五、性能优化和总结,六、jquery插件化 ,需要的朋友可以参考下 这篇文章详细介绍了JS拖拽插件的实现步骤,主要从以下六步做详细分析,具体内容如下:一、js拖拽插件的原理二、根据原理实现的最基本效果三、代码抽象与优化四、扩展:有效的拖拽元素五、性能优化和总结六、jquery插件化js...
JQuery插件库: http://plugins.jquery.com/有趣的时钟: http://ynif.v099.10000net.cn/demo/shijian/3/shijian/index.html别人收集信息8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html15款最好的 jQuery 网格布局插件(Grid Plugins) http://www.cnblogs.com/lhb25/p/15-jquery-grid-plugins.html2013年优秀jQuery插件 http://www.cnblogs.com/fe...
前言Grunt是一款前端构建工具,帮助我们自动化搭建前端工程。它可以实现自动对js、css、html文件的合并、压缩等一些列操作。Grunt有很多插件,每一款插件实现某个功能,你可以通过npm命名去下载插件,然后使用它们。关于grunt的使用以及配置,卤煮不打算在此介绍。本篇博文重点要讲的是如何快速开发一款自定义的grunt插件。因为卤煮在打包合并代码的时候发现了无法将html和js混合的文件进行压缩处理,为此卤煮也翻了很多资料,没查...
中国省市选择插件 ChineseCities1.原生JS,不依赖jquery,zepto 2.前端学习交流群:739574382下载地址https://github.com/chaorenzeng/ChineseCities快速使用 1.引用 ChineseCities.min.js 2.拷贝以下布局结构<select id="province"><option value="请选择城市">请选择省份</option>
</select>
<select id="city"><option value="请选择城市">请选择城市</option>
</select>3.创建ChineseCities对象:var chineseCities = new Chin...
1.jquery创建插件jQuery.extend({插件名:函数体,插件名:函数体});html部分<div id="div1">开始动画</div>
jquery部分$(function(){$("#div1").click(function(){$(this).animate({"left":800},6000,"easeOutBounce",function(){$(this).html("动画结束");});});});插件部分jQuery.extend(jQuery.easing, {easeOutBounce: function(x, t, b, c, d){if ((t /= d) < (1 / 2.75)){return c * (7.5625 * t * t) + b;}else if (t < (...
因为项目中需要做报表的功能,于是学习了如何使用jqplot这个绘图插件结合ajax技术,动态交互后台数据前前后后花了三四天的时间。感觉它会出来的想说还可以。我的后台模板是bootstrap,在模板中有jqplot的模板,我查看了源代码。修改了源代码就形成了现在的东西, 1 <script>2/* 3 Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.04 Version: 1.4.05 ...
htmlpretty插件经过安装后测试,效果很棒,安装过程简要说明如下:在Sublime Text中,按下Ctrl+Shift+P调出命令面板;输入install 调出 Install Package 选项并回车;输入pretty,并在列表中选择HTML-CSS-JS Prettify后回车即可安装快捷使用方法:举例:打开一个压缩的jquery.min.js文件,按下Ctrl+Shift+H 原文:http://www.cnblogs.com/zhja/p/5144509.html
1. Humble Finance这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似。基于JavaScript,利用了Prototype 和 Flotr 库,可用于显示两组实时二维数据。
2. D3D3是最流行的可视化库之一,它可以将任意数据绑定到DOM(Document Object Model,文档对象模型),然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表,或生成一个SVG条形图。
3. RickshawRickshaw可以创建交互时间序列图。它依赖于D3的可视化库,需...
目录基于jquery的提示框JavaScript 插件,类Bootstrap基于jquery的提示框JavaScript 插件,类Bootstrap源码github地址:https://github.com/Ethan-Xie/message实例通过此此插件可以为提示栏添加自动/点击消失的功能用法需引入message.css与message.js <link rel="stylesheet" href="message.css"><script src="Message.js"></script>为元素加上onclick="$.fn.msg(‘msg‘, { text: ‘警告消息‘, type: ‘warning‘, position: ‘...
转自:http://blog.jobbole.com/13671/
作者: 黄利民 1. Flash 过去是最佳解决方案,但很多人多在从那迁移;2. 现代浏览器及其更强大的计算能力,使其在转化绘制实时数据方面的能力更佳;3. 绘制矢量图的不同技术愈发成熟:VML、SVG 和 Canvas。当然了,你需要仔细选择,以符合自身需求。正如前面提到的,正因使用了各种技术,因此一些支持Canvas的插件仅需要一个现代浏览器。在这篇文章中,我们已收集 13
个JavaScript图表和...
参考地址原文:http://www.cnblogs.com/zhangwei595806165/p/4739323.html
一,开篇分析Hi,大家好!大熊君又和大家见面了,还记得前两篇文章吗。主要讲述了以“jQuery的方式如何开发插件”,以及过程化设计与面向对象思想设计相结合的方式是如何设计一个插件的,两种方式各有利弊取长补短,本系列文章是以学习为导向的,具体场景大家自己定夺使用方式。那么今天从这篇文章开始,我们就以实例的方式带着大家由浅入深的开发属于自己的插件库。嘿嘿嘿,废话少说,进入正题。直接上实际效果图: 大家看到了...
一、前言通过 "WWW" 原则我们来了解 JavaScript 插件这个东西第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解)第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过程中我们只需要找轮子,或者改轮子而不需要重新造轮子.节省开发...
对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括 一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常 有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件SyntaxHighlighter 是一款完全基于JavaScript的代码高亮...