前端开发插件推荐(持续更新中...)

推荐不分先后都是自己用过的

1.DD_belatedPNG (IE6处理png图片透明问题)

1 <!--[if lte IE 6]>
2     <script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
3     <script type="text/javascript">
4     DD_belatedPNG.fix(‘div, ul, img, li, input , a, .png_bg‘);
5     /* 将 .png_bg 改成你应用了透明PNG的CSS选择器*/
6     </script>
7 <![endif]--> 

2.jquery-placeholder(HTML5 Placeholder jQuery Plugin)

1<script src="Scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
2<script src="Scripts/jquery.placeholder.min.js" type="text/javascript"></script>
3<script type="text/javascript">
4         $(function() {
5             // Invoke the plugin
6             $(‘input, textarea‘).placeholder({ customClass: ‘my-placeholder‘ });
7
8         });
9</script>

3.lhgDialog(是一个功能强大且兼容面广的对话框组件,它拥有精致的界面与友好的接口)

4.odometer(实现里程表特效)

 1 <link href="js/odometer/themes/odometer-theme-default.css" rel="stylesheet" type="text/css" />
 2 <script src="js/odometer/odometer.min.js" type="text/javascript"></script>
 3 <script type="text/javascript">
 4     window.odometerOptions = {
 5         format: ‘(,ddd)‘
 6     };
 7
 8     function getdata() {
 9         $.ajax({
10             url: ‘Ajax/getnum.ashx‘,
11             type: ‘POST‘,
12             dataType: "json",
13             cache: false,
14             timeout: 10000,
15             error: function () { },
16             success: function (data) {
17                 $(‘.odometer‘).html(data.count);
18             }
19         });
20     }
21
22     $(function() {
23         getdata();
24         setInterval(‘getdata()‘, 10000); //每隔10秒执行一次
25     });
26 </script>

5.

时间: 2024-11-05 13:45:13

前端开发插件推荐(持续更新中...)的相关文章

web前端开发随手笔记 - 持续更新

本文仅为个人常用代码整理,供自己日常查阅 html 浏览器内核 <!--[if IE]><![endif]--> <!--[if IE 6]><![endif]--> <!--[if gte IE 7]><![endif]--> <!--[if lte IE 7]><![endif]--> <!--[if !IE]><![endif]--> <!--[if !(lte IE 7)]

开发资源小结~持续更新中

目录 Web 前端 Javascript HTML5 相关 AngularJS CSS ICON Web 后端 Ruby Python Node.js Express Erlang Java C/C++ Go IOS 或 OSX Android 代码效率 CoffeeScript TypeScript Sublime Text 云计算 Docker OS 开源产品(论坛.在线教育.项目管理等) Awesome 系列 代码规范&设计模式 Ruby Rails Java Bash Objective

Angular js开发的各种坑(持续更新中。。。)

Angular UI的Modal 在按照官方文档写的时候会报如下错误 var ModalDemoCtrl = function ($scope, $modal, $log) {   $scope.items = ['item1', 'item2', 'item3'];   $scope.open = function (size) {    var modalInstance = $modal.open({       templateUrl: 'myModalContent.html',   

【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集(持续更新中)

Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包含:数组类.浏览器类.日期类.函数类.数学类.媒体类.节点类.对象类.字符串类.类型检测类.正则表达式类等内容. 使用方法 1. 引入Bable transpiler以保证支持ES6 <script type="javascript/text" src="./browser

前端面试题总结——HTML(持续更新中)

前端面试题总结--HTML(持续更新中) 1.什么是HTML? HTML:HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言 3.简述一下你对HTML语义化的理解? html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析; 前端学习圈:767273102 ,从最基础的HTML+CSS+JavaScript.jQuery,Ajax,node,angula

ansible部署及应用--持续更新中

1.简介 ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配置.批量程序部署.批量运行命令等功能.ansible是基于模块工作的,本身没有批量部署的能力.真正具有批量部署的是ansible所运行的模块,ansible只是提供一种框架.主要包括: (1).连接插件connection plugins:负责和被监控端实现通信: (2).host inventory:指定操作的主机

Android 系统中,那些能大幅提高工作效率的 API 汇总(持续更新中...)

前言 "条条大路通罗马."工作中,实现某个需求的方式往往不是唯一的,这些不同实现方式不仅表现在代码质量上,还影响着我们的工作效率.就像,在 Android 系统中,总有那么一些鲜为人知的 API 能够减少我们很多零碎的工作量.于是,就想凭着一些经验,整理一些常用的,找个地方归纳总结,也供日后翻阅. getResources().getIdentifier(String name, String defType, String defPackage) 根据资源名称获取资源 id.正常情况

前端面试题总结——Html5(持续更新中)

前端面试题总结--H5(持续更新中) 1.HTML5 为什么只需要写 <!DOCTYPE HTML>? HTML5 需要doctype来规范浏览器的行为,让浏览器按照它们应该的方式来运行:HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型. 2.HTML5的form如何关闭自动完成功能? 给不想要提示的 form 或某个 input 设置为 autocomplete=off. 3.HTML5 中如何嵌入音频? 当前,audio 元素支持三种音频格式:&l

常用的前端开发插件与工具合集

常用的前端开发插件与工具合集 Font Awesome字体图标插件 Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩. 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样能与其它框架完美协同运作. Font Awesome https://fontawesome.com/ SweetAlert系列(数据Ajax)插件 SweetAlert 是 JavaScript 原生 'alert' 弹窗的完美替代品... SweetAlert 让弹窗