04 2014 档案

Ajax风格的一款网页Loading效果
摘要：现在比较流行的一款Ajax风格的网页Loading，多见于一些大量使用Ajax技术的网站中，页面加载时会自动显示提示信息，带载入动画效果，网页加载完自动消失，是一款正在具有Loading功能的网页进度条。Loading 阅读全文
posted @ 2014-04-30 13:39 Ranran 阅读(570) 评论(0) 推荐(1) 编辑
超实用的JavaScript技巧及最佳实践
摘要：众所周知，JavaScript是一门非常流行的编程语言，开发者用它不仅可以开发出炫丽的Web程序，还可以用它来开发一些移动应用程序（如PhoneGap或Appcelerator），它还有一些服务端实现，比如NodeJS、Wakanda以及其它实现。此外，许多开发者都会把JavaScript选为入门语... 阅读全文
posted @ 2014-04-30 08:27 Ranran 阅读(1076) 评论(0) 推荐(1) 编辑
一系列JavaScript的基础工具
摘要：在我们的bootcamp训练营中，学员们介绍了一些工具和库来扩展他们代码的能力。Kalina，目前我们JavaScript学员中的一员，列举了这些工具，想和其它爱好代码的小伙伴一起分享。点击看大图 IvanStorck，我们JavaScript训练营的指导员，把Kalina列举的工具绘制成下面这个... 阅读全文
posted @ 2014-04-28 17:30 Ranran 阅读(504) 评论(0) 推荐(0) 编辑
C# 中的 == 和 equals()有什么区别？
摘要：如以下代码：123456789int age = 25;short newAge = 25;Console.WriteLine(age == newAge); //trueConsole.WriteLine(newAge.Equals(age)); //falseConsole.ReadLine()... 阅读全文
posted @ 2014-04-28 11:39 Ranran 阅读(622) 评论(1) 推荐(0) 编辑
Asp.Net中用JS中操作cookie的方法
摘要：设置cookie值 获取cookie值 异面获取cookie值 阅读全文
posted @ 2014-04-28 09:11 Ranran 阅读(813) 评论(1) 推荐(0) 编辑
Effeckt.css项目：CSS交互动画应用集锦
摘要：目前，网上有大量基于CSS转换的实验和示例，但它们都过于分散，而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来，例如：弹窗、按钮、导航、列表、页面切换等等。 Effeckt.css是一个集合了众多新鲜而又实用的CSS/jQuery动画效果应用，既适用于网站也适... 阅读全文
posted @ 2014-04-25 13:34 Ranran 阅读(504) 评论(0) 推荐(0) 编辑
利用Linq + Jquery + Ajax 异步分页的实现
摘要：在Web显示的时候我们经常会遇到分页显示，而网上的分页方法甚多，但都太过于消耗带宽，所以我想到了用Ajax来分页，利用返回的Json来处理返回的数据，大大简化了带宽的压力。先说下思路，无非就是异步执行ajax 把新列表所需要的数据用json格式返回来，然后把原来的列表Remove掉，让新列表Show... 阅读全文
posted @ 2014-04-24 15:44 Ranran 阅读(805) 评论(0) 推荐(1) 编辑
CSS自定义文件上传按钮
摘要：今天一同事问我文件上传按钮的问题，情况是这样的，他页面上有3个按钮，分为左中右三个，左边的位按钮甲，右边的位按钮乙，而中间的就是个文件选择按钮，情况大概是这个样子的：两边的按钮都有了样式，但中间的选择文件的样式死活调不出来，于是我就同他一块解决，后来经过自己设置width,height折腾无果，再求... 阅读全文
posted @ 2014-04-24 11:12 Ranran 阅读(2518) 评论(0) 推荐(1) 编辑
IE6下div遮盖select的最优解决方案
摘要：a.本节精选html5/css频道里一款IE6下div遮盖select的最优解决方案 原理：利用iframe来遮挡select，再用div来遮挡iframe，就这么简单。 1）首先，建一个div层和iframe层； 2）再设置它们的属性，重要的样式是用z-index来控制iframe和div的显示顺... 阅读全文
posted @ 2014-04-24 09:09 Ranran 阅读(667) 评论(0) 推荐(0) 编辑
jQuery一些常用特效方法使用实例
摘要：1. jQuery fadeIn() 用于淡入已隐藏的元素。语法：$(selector).fadeIn(speed,callback);实例：$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $... 阅读全文
posted @ 2014-04-23 13:25 Ranran 阅读(535) 评论(0) 推荐(0) 编辑
你用什么工具开发JavaScript?
摘要：Cloud9的CFO曾经在LinkedIn上面发起一个调查，原标题为：What tools do you use for Node.js development?，回贴者甚多。 目测很多人都使用VIM，因此写了段JS脚本，统计回帖中所涉及开发工具的次数，看一看哪种开发工具最流行：/*工具列表*/... 阅读全文
posted @ 2014-04-23 09:32 Ranran 阅读(919) 评论(4) 推荐(0) 编辑
抛弃jQuery 深入原生的JavaScript
摘要：虽然我已经做网站建设工作10多年了，但我从最近3年才开始更多地学习如何更好的将纯JavaScript用于工作中，而不总是将jQuery考虑在第一位。现在我每天学习很多东西。这个过程让我觉得Adtile的JavaScriptSDK更像是在创建一个开源工程，而不是“具体的工作”，不得不说，我很喜欢那样。... 阅读全文
posted @ 2014-04-22 16:48 Ranran 阅读(812) 评论(7) 推荐(2) 编辑
在JavaScript中实现yield，实用简洁实现方式。
摘要：原题还是老赵的：http://blog.zhaojie.me/2010/06/code-for-fun-iterator-generator-yield-in-javascript.html原以为是一个蛮复杂的题目，想了许久没思路，当然要实现绝对能实现，但如果分析JavaScript脚本或是动态产生... 阅读全文
posted @ 2014-04-22 15:12 Ranran 阅读(738) 评论(0) 推荐(0) 编辑
jquery复选框checkbox实现删除
摘要：实现这样一个基本需求，页面有很多数据，可以删除一条或多条，删除前判断是否选中至少一条，否则提示。function deleteUser() { //当时是想把内容以str+=""的方式 进行保存 ，但不行 //var str; var arra... 阅读全文
posted @ 2014-04-21 20:52 Ranran 阅读(957) 评论(1) 推荐(1) 编辑
一系列JavaScript的基础工具
摘要：在我们的bootcamp训练营中，学员们介绍了一些工具和库来扩展他们代码的能力。Kalina，目前我们JavaScript学员中的一员，列举了这些工具，想和其它爱好代码的小伙伴一起分享。点击看大图 IvanStorck，我们JavaScript训练营的指导员，把Kalina列举的工具绘制成下面这... 阅读全文
posted @ 2014-04-21 17:31 Ranran 阅读(561) 评论(0) 推荐(0) 编辑
jQuery一些常用特效方法使用实例
摘要：1. jQuery fadeIn() 用于淡入已隐藏的元素。语法：$(selector).fadeIn(speed,callback);实例：$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $... 阅读全文
posted @ 2014-04-21 08:46 Ranran 阅读(601) 评论(0) 推荐(2) 编辑
JavaScript 文件上传类型判断
摘要：文件上传时用到一个功能，使用html元素的input标签实现， 选中图片后立即触发onchange事件上传图片，但是重复选择相同的图片不会触发onchang事件，解决办法：function imageSubmit(obj, imageType) { if (imageType == "0... 阅读全文
posted @ 2014-04-18 13:23 Ranran 阅读(499) 评论(0) 推荐(0) 编辑
jQuery打印插件PrintArea实现
摘要：实现javascript打印功能，打印整个页面就很简单，但如果指定打印某一个区域就有点难点，这里有一个jQuery插件PrintArea可实现打印页面某区域功能。使用说明需要使用jQuery库文件和PrintArea库文件使用方法一，包含文件部分二，html部分打印.....文本打印部分.....三... 阅读全文
posted @ 2014-04-18 08:40 Ranran 阅读(2173) 评论(0) 推荐(1) 编辑
JavaScript事件委托的技术原理
摘要：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有... 阅读全文
posted @ 2014-04-17 10:17 Ranran 阅读(490) 评论(1) 推荐(0) 编辑
5种你未必知道的JavaScript和CSS交互的方法
摘要：随着浏览器不断的升级改进，CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能，但最终，它们都属于网页前端技术，它们需要相互密切的合作。我们的网页中都有.js文件和.css文件，但这并不意味着CSS和js是独立不能交互的。下面要讲的这五种JavaScript和CSS共同... 阅读全文
posted @ 2014-04-16 13:42 Ranran 阅读(498) 评论(0) 推荐(0) 编辑
jQuery新的事件绑定机制on()
摘要：浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有 bind(), live(), delegate()等方法来处理事件绑定，... 阅读全文
posted @ 2014-04-16 11:40 Ranran 阅读(362) 评论(0) 推荐(0) 编辑
使用jQuery动态加载js脚本
摘要：动态加载Javascript是一项非常强大且有用的技术。这方面的主题在本站已经讨论了不少，我也经常会在一些个人项目上使用RequireJS和Dojo加载js。它们很强大，但有时候也会得不偿失。如果你使用的是jQuery，它里面有一个内置的方法可以用来加载单个js文件。当你需要延迟加载一些js插件或其... 阅读全文
posted @ 2014-04-16 09:14 Ranran 阅读(865) 评论(0) 推荐(1) 编辑
20+个可重复使用的jQuery代码片段
摘要：jQuery已经成为任何web项目的重要组成部分。它为网站提供了交互性的通过移动HTML元素，创建自定义动画，处理事件，选择DOM元素，检索整个document，让最终用户有一个更好的体验。在这篇文章中我已经收集了20 +个可重复使用的jQuery代码片段，你可以很容易地复制并直接粘贴到你的项目中。... 阅读全文
posted @ 2014-04-14 13:48 Ranran 阅读(626) 评论(0) 推荐(1) 编辑
将HTML转成XHTML并清除一些无用的标签和属性
摘要：介绍 这是一个能帮你从HTML生成有效XHTML的经典库。它还提供对标签以及属性过滤的支持。你可以指定允许哪些标签和属性可在出现在输出中，而其他的标签过滤掉。你也可以使用这个库清理Microsoft Word文档转化成HTML时生成的臃肿的HTML。你也在将HTML发布到博客网站前清理一下，否则像... 阅读全文
posted @ 2014-04-14 08:47 Ranran 阅读(547) 评论(0) 推荐(0) 编辑
Asp.net MVC 实现图片上传剪切
摘要：使用技术：Asp.net MVC与jquery.uploadify,Jcrop首先上页面0102030405Index06070809101112134344454647484950515253545556575859606162636465JS0101publicclassCropController : Controller02{03publicActionResult Index()04{05returnView();06}0708[HttpPost]09publicActionResult upload(HttpPostedFileBase Filedata)10{11try12{13 阅读全文
posted @ 2014-04-13 14:26 Ranran 阅读(746) 评论(0) 推荐(0) 编辑
ASP.NET MVC中几个运用技巧
摘要：1. Razor Helpers　的运用：例如，定义好　ViewBag.Message = "Welcome to ASP.NET MVC!";我要在界面上显示"Welcome ...";　那我们一般有2种操作，3种实现操作：2种操作：Extension Method off HtmlHelpers　和　Razor Declarative @Helper Sytnax3种实现方式:一、　Extension Method在当前项目下建立一个文件夹，命名为Helpers，在这个文件夹下添加　HtmlHelpers类，具体实现如下namespaceMVCET. 阅读全文
posted @ 2014-04-11 16:10 Ranran 阅读(564) 评论(0) 推荐(0) 编辑
我收集到的最好的jQuery和CSS3导航菜单
摘要：jQuery和CSS3导航菜单在网页设计和开发的重要组成部分之一。利用jQuery+CSS3实现可以做出拥有各种动画效果的漂亮菜单。在这里，我们收集了一些最好的jQuery+CSS3实现的导航菜单。Creating A Fancy Menu Using CSS3 And JQueryRocking And Rolling Rounded Menu With JQueryHow To Create A Cool Animated Menu With JqueryHorizontalNavAnimated Menu Using JQueryCreate A Cool Navigation With 阅读全文
posted @ 2014-04-10 09:02 Ranran 阅读(593) 评论(0) 推荐(1) 编辑
CSS自定义select下拉选择框(不用其他标签模拟)
摘要：今天群里有人问到怎么自定义select下拉选择框的样式，于是群里就展开了激烈的讨论，刚开始一直就是考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但最后均因兼容问题处理不好而失败告终，最后的解决方案就是用其他的元素（如ul,li）模拟下拉菜单，或者是使用网上一些现成的插件。其实select这个东西只靠纯CSS是不能解决这个自定义样式问题的，但既然折腾了这么久，还是说一下CSS实现的思路吧。首先对于默认的样式：刚开始想到使用背景，但经试验对select设置背景是无效的，于是后来就想到了覆盖，用其它元素把那个向下的箭头盖住，然后给这个元素设置背景，写了个demo发现可行，于是就有了下面的这些。 阅读全文
posted @ 2014-04-09 11:23 Ranran 阅读(2590) 评论(1) 推荐(1) 编辑
腾讯开源的轻量级CSS3动画库：JX.Animate
摘要：JX.Animate 是由腾讯前端团队 AlloyTeam 推出的一个 CSS3 动画库，通过 JX（腾讯的前端框架）插件的形式提供。Why CSS3众所周知在支持HTML5的浏览器中，使用CSS3的动画效果无论从性能还是流畅程度都远超传统的JavaScript定时器动画效果。然而CSS3动画却存在CSS样式文件不好维护、动画过程不易控制、无法在运行动态生成动画等不足之处。JX.Animate 可以帮助开发者在 JavaScript 代码中方便调用和控制 CSS3 动画，例如动画时长、重复次数、动画缓冲、结束回调等，并且支持播放声音。项目地址：http://alloyteam.githu... 阅读全文
posted @ 2014-04-09 06:40 Ranran 阅读(1046) 评论(1) 推荐(0) 编辑
写给女程序员的一篇文章
摘要：本文写给广大正在做软件开发的、曾经做过软件开发的以及即将做软件开发的女同胞们。同时也希望男同胞们能够给女同胞多一些理解和包容，多一些关心和帮助，让女同胞能在软件开发的路上走的更远一点，走的更好一些。本文有感于公司一位女程序员的离职，在她身上，我看到了当年自己的影子，也看到了很多女孩子的影子。她是公司软件开发部2年来新进的第二位女生，也是目前做开发的唯一的女孩子。她大概是3月份入职的，是个小美女。这半年开发部新进了太多的人了，但是她格外引人注意，还是因为她的性别。我一直关注她。因为自己曾经的遭遇，所以比较关注她的发展。刚开始的时候，看得出，她很有激情，跟一起入职的男孩子比，一点也不示弱，跟男生. 阅读全文
posted @ 2014-04-04 13:24 Ranran 阅读(1272) 评论(6) 推荐(1) 编辑
10 个让人惊讶的 jQuery 插件
摘要：说是让人惊讶，你可能会觉得我们没见过世面，但这里提及的一些 jQuery 的插件的确平时比较少见，用的人应该更少。Grid portfolio使用竖排方式显示条目信息，现在很流行的的内容布局方式。Slide out contextual tips通过扩展一个平滑的动画显示用户想看到的一些特别的内容，例如用来显示更多的产品等。Quicksand – reorder and filter这是一个非常不错的 jQuery 插件，用于实现动画洗牌效果jVectorMapJVectorMap 是一个显示矢量地图的jQuery插件.它使用 SVG 在Firefox 3 or 4, Safari, Chro 阅读全文
posted @ 2014-04-03 17:14 Ranran 阅读(627) 评论(0) 推荐(0) 编辑
URL编码方法比较
摘要：javascript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。escape() 方法：采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。不会被此方法编码的字符：@ * / +encodeURI() 方法：把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符：! @ # 阅读全文
posted @ 2014-04-03 14:17 Ranran 阅读(402) 评论(0) 推荐(0) 编辑
短小强悍的JavaScript异步调用库
摘要：对于博文20行完成一个JavaScript模板引擎的备受好评我感到很惊讶,并决定用此文章介绍使用我经常使用的另一个小巧实用的工具.我们知道,在浏览器中的 JavaScript 绝大部分的操作都是异步的(asynchronous),所以我们一直都需要使用回调方法,而有时不免陷入回调的泥淖而欲死欲仙。 假设我们有两个 functions ,我们顺序地在一个后面执行完后调用另一个。他们都操作同一个变量。第一个设置它的值,第二个使用它的值。123456789var value; var A = function() { setTimeout(function() { value = 10; },... 阅读全文
posted @ 2014-04-03 08:46 Ranran 阅读(455) 评论(0) 推荐(0) 编辑
开源中国愚人节网页变模糊的js blur代码
摘要：Js代码14年愚人节打开OSCHINA，然后等了2秒钟，你会发现网页全变模糊了，刚以为是浏览器问题，然后看了网页源码。就是加了一段代码就能实现。呵呵 分享给大家 阅读全文
posted @ 2014-04-01 22:17 Ranran 阅读(776) 评论(1) 推荐(0) 编辑
undefined与null的区别
摘要：大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的none，Ruby语言的nil。 有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？ 一、相似性 在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。123var a = undefined;var a = null; 上面代码中，a变量分别被赋值为undefined和null，这两种写法几乎等价。 undefined和null在if语句中，都会被自 阅读全文
posted @ 2014-04-01 13:44 Ranran 阅读(618) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示