Bookmark and Share

Lee's 程序人生

HTML CSS Javascript XML AJAX ATLAS C# C++ 数据结构 软件工程 设计模式 asp.net Java 数字图象处理 Sql 数据库
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

文章分类 -  JS

1 2 3 4 5 ··· 9 下一页

15 款代码语法高亮工具，美化你的代码

摘要：语法高亮是文本编辑器用来显示文本的，特别是源代码，根据不同的类别来用不同的颜色和字体显示。这个功能有助于编写结构化的语言，比如编程语言，标记语言，这些语言的语法错误显示是有区别的。语法高亮并不会影响文本自身的意义，而且能很好的符合人们的阅读习惯。语法高亮同时也能帮助开发者很快的找到他们程序中的错误。例如，大部分编辑器会用不同的颜色突出字符串常量。所以，非常容易发现是否遗漏了分隔符，因为相对于其他文本颜色不同。现 在有各种各样的语法高亮工具，可以格式化语言，并且根据不同的编程语言进行高亮显示。无论是个 HTML 页面还是 PHP，Ruby，Python 或者是 ASP。这篇文章中，我们会介绍 1 阅读全文

posted @ 2014-03-13 18:02 analyzer 阅读(589) 评论(0) 推荐(0)

使用javascript生成PDF的类库 – jsPDF

摘要：在线演示曾经生成PDF都是服务器端代码的专利，在今天的这篇文章中，我们将介绍一个javascript类库 -jsPDF，使用它能够帮助你使用前端脚本生成PDF文件，是不是很棒，试试吧！jsPDF支持不同类型的PDF文件格式，包括：文本，数字，图形，图片，同时你可以自由的编辑标题或者其它类型元素。支持互动的内容制作，例如，你可以输入文字或者数字，然后jsPDF帮助生成最后的PDF内容。支持现代浏览器，如果是老式浏览器的话，可以很好的使用flash来实现兼容。不过貌似支持Firefox不是很好，如果要查看演示，使用Chrome吧！类库依赖：无网站地址：http://jspdf.com/下载地址：h 阅读全文

posted @ 2014-03-07 20:04 analyzer 阅读(370) 评论(0) 推荐(0)

【推荐】开放静态文件 CDN服务staticfile.org

摘要：虽然国内外有很多类似的服务器，比如最初的google ajax api，还有后来的sae，百度等都有提供，但是也都有不同的弊端，比如国内访问速度慢、提供的静态文件不全等。。。staticfile有望解决这个问题。访问 http://staticfile.org/简单介绍：此仓库由Sofish、hfcorriez和ikbear更新和维护，由七牛云存储提供存储和加速，国外源同步于CDNJS。特色：开放该项目托管在github上，每个人都可以去提交补充需要的js或者css库文件。简介&帮助：http://staticfile.org/about.html总之这种提供免费的开源前端库文件是造福 阅读全文

posted @ 2014-03-07 19:16 analyzer 阅读(485) 评论(0) 推荐(0)

又一款 javascript 代码优化工具 UglifyJS

摘要：又一款 javascript 代码优化工具 UglifyJS冒着被人骂的风险发来主页，要是我火星了。请无视我吧……jquery 1.5 发布的时候 john resig 大神说所用的代码优化程序从Google Closure切换到UglifyJS，新工具的压缩效果非常令人满意。UglifyJS 是一个服务端node.js的压缩程序。据说很黄很暴力……我测试了一下压缩率确实比较高。 所以值得写篇文章推荐下。--------------------------------------------------------------------------------------------你也可以 阅读全文

posted @ 2012-02-20 10:30 analyzer 阅读(704) 评论(0) 推荐(0)

Node.js：用JavaScript写服务器端程序-介绍并写个MVC框架

摘要：(注：1、本文基于Node.js V0.3.6； 2、本文假设你了解JavaScript； 3、本文假设你了解MVC框架；4、本文作者：QLeelulu，转载请注明出处。5、本文示例源代码：learnNode.zip)Node.js是什么Node让你可以用javascript编写服务器端程序，让javascript脱离web浏览器的限制，像C#、JAVA、Python等语言一样在服务器端运行，这也让一些熟悉Javascript的前端开发人员进军到服务器端开发提供了一个便利的途径。 Node是基于Google的V8引擎封装的，并提供了一些编写服务器程序的常用接口，例如文件流的处理。Node的目的 阅读全文

posted @ 2012-02-11 15:07 analyzer 阅读(531) 评论(0) 推荐(0)

8个用于图片展示的jQuery插件及教程推荐

摘要：1.Nivo SliderNivo Slider是世界知名的轻量级jQuery图片幻灯片插件，可以制作出很漂亮的效果。它完全免费且彻底开源。2.Sponsor Flip Wall With jQuery & CSSSponsor Flip Wall是一个非常不错的显示数据到网格里的插件，它使用PHP、CSS与jQuery翻转插件制作而成，其实就是为了创建一个翻转赞助商页面。可以用来展示你的客户或生成一个整洁的翻转动画组合项目。3.PhotoSwipePhotoSwipe是一个免费的基于HTML/CSS/JavaScript的图片画廊插件，尤其可用于移动设备。4.TN3 GalleryT 阅读全文

posted @ 2011-11-02 10:07 analyzer 阅读(657) 评论(0) 推荐(0)

开源中最好的Web开发的资源

摘要：学习HTML 5编程和设计 原文转载自： http://coolshell.cn/articles/4795.html ★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla，效果很炫。 WhatWG Developers , 一个清楚的 HTML5 技术规格说明书。 ★ StackOverflow : 大名鼎鼎的技术问答式论坛。 ★ Addyosmani , jQuery 和 JavaScript 文章教程 Sohtanaka , jQuery. 阅读全文

posted @ 2011-06-10 10:18 analyzer 阅读(1051) 评论(1) 推荐(0)

jQuery 浮云相册展示插件 (jQuery Clouds Albums Plus)

摘要：单个图片效果组图效果之一所需的文件调用 代码:<script type="text/javascript" src="js/jQuery.js"></script><script type="text/javascript" src="js/jquery.clouds.albums.js"></script><script type="text/javascript" src="highslide/highslide.js" 阅读全文

posted @ 2011-05-09 10:45 analyzer 阅读(520) 评论(0) 推荐(0)

jQuery 浮云天气预报插件 (jQuery Clouds Weather Plus)

摘要：例子： 天气效果所需的文件调用 代码:<script type="text/javascript" src="js/jQuery.js"></script><script type="text/javascript" src="js/jquery.weather.cartoon.js"></script><link href="css/main.css" rel="stylesheet" media="all&q 阅读全文

posted @ 2011-05-09 10:43 analyzer 阅读(2071) 评论(0) 推荐(0)

JavaScript单元测试工具 — QUnit

摘要：QUnit是jQuery团队开发的JavaScript单元测试工具，使用方便，界面美观。近期试用了一下并进一步了解了JavaScript单元测试，记录一下所思所得。什么是单元测试单元测试又称为模块测试，是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。通常来说，程式設計... 阅读全文

posted @ 2010-05-16 14:04 analyzer 阅读(568) 评论(0) 推荐(0)

10个javascript Frameworks 外连

摘要：google提供的10个javascript Frameworks 外连：jqueryjquery UIChrome FrameswfobjectmootoolsYahoo! UIPrototypeExt.JSDojoScriptaculous 阅读全文

posted @ 2010-05-16 13:14 analyzer 阅读(472) 评论(0) 推荐(0)

了解jQuery技巧来提高你的代码

摘要：jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！您还可以参考以下Jav... 阅读全文

posted @ 2010-05-11 10:27 analyzer 阅读(764) 评论(0) 推荐(0)

jQuery Slideshow

摘要：[代码] 阅读全文

posted @ 2010-05-05 16:18 analyzer 阅读(883) 评论(0) 推荐(0)

为新手写的jQuery基础视频教程

摘要：一直不敢学jQuery，因为没有JS基础。不过，ThemeForest blog写了9篇给绝对新手的jQuery教程。这是一个视频系列，相信这样的方式会比文字更生动，更容易学。来吧，如果你没有JS基础，并且希望学jQuery，看看这些吧，会让你感觉有东西可带回家的。第一天，开始jQuery基础你知道的，到处都看到"jQuery这个…" & "jQuery哪个…"的。... 阅读全文

posted @ 2010-05-05 16:10 analyzer 阅读(1677) 评论(3) 推荐(0)

写给设计人的10个jQuery特效

摘要：Query已经不是什么新鲜的事儿，记得第一次听说是在catch the digital flow上。总把它认为是非常难的东西，也就没有认真去了解他了。直到学完CSS的大部分内容，才开始接触这种"write less, do more" 的Javascrīpt框架。今天，这篇文章的最重要内容是来自Web Designer Wall的一篇教程，一篇包含了10个jQuery特效的教程。这里不打算全文翻译... 阅读全文

posted @ 2010-05-05 16:07 analyzer 阅读(683) 评论(0) 推荐(0)

jQuery入门指南教程

摘要：Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.这样在你点击页面的一个链接时都会触... 阅读全文

posted @ 2010-05-05 16:02 analyzer 阅读(279) 评论(0) 推荐(0)

javascript反拦截可调节弹出频率背投广告

摘要：背投广告特点：对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即onload时，直接window.open），会被浏览器默认拦截。背投广告，既然被称为广告，那如何才能让广告主的钱花得实在，花得乐意呢？我们可以增加判断，如果该弹出窗口被浏览器拦截，则只要用户点击页面(onclick)就触发w... 阅读全文

posted @ 2010-05-03 18:22 analyzer 阅读(498) 评论(0) 推荐(0)

那些相见恨晚的 JavaScript 技巧

摘要：JavaScript 的成功让人津津乐道，为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功，这门有趣的语言蕴藏着许多不为人熟知的东西，即使多年的 JavaScript 程序员，也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组，比如下面的代码：可以使用简略语句... 阅读全文

posted @ 2010-04-25 10:23 analyzer 阅读(225) 评论(0) 推荐(0)

右下角浮动窗口

摘要：<!–弹出页–><styletype="text/css"><!–.STYLE1{font-size:12px}.yangshia:link,.yangshia:visited{color:#333333;}.yangshia:linka:hover{color:#333333;}–></style>&... 阅读全文

posted @ 2010-02-23 21:15 analyzer 阅读(671) 评论(0) 推荐(0)

框架渐显效果

摘要：<scripttype="text/javascript">varIndex={};Index.DOM={fade:function(obj){varDOMObj=document.getElementById(obj);if(DOMObj==null||DOMObj==undefined)return;varop=Number(DOMObj.getAttribute("opacity... 阅读全文

posted @ 2010-02-23 21:14 analyzer 阅读(190) 评论(0) 推荐(0)

1 2 3 4 5 ··· 9 下一页