随笔分类 -  [10]JS

• mvc4 截取上传图片做头像
  摘要：mvc4 截取上传图片做头像，自动生成不同小尺寸缩略图多SNS网站，可以上传头像，微博也是一样，上传的头像经自由裁剪合适后，自动生成多种不同尺寸高质量清晰的，如大中小。效果如下：（下载链接在最下面）实现： 页面代码：<p class="phototxt">选择你要上传的头像</p> <div class="upfile"> @using (Html.BeginForm("uploadHead", "ucenter", FormMethod.Post, new { ID = &qu 阅读全文
  posted @ 2013-03-05 12:48 HackerVirus 阅读(1369) 评论(1) 推荐(2)
• 关于js模块加载的尝试
  摘要：关于js模块加载的尝试看了sea.js、requireJs那么完善的模块加载框架，今天尝试来自己写一下简单的加载功能，仅当作为自己学习练习，有很多考虑不周的地方请指出，主要就两个方法：VM.define(‘模块名称’，{url:‘模块路径’，requires:‘模块依赖项’(可以是模块名的字符串，或者数组)})； VM.use(‘模块名称’，‘回调函数callback’)；一个是定义模块，一个是使用模块；使用的模块都必须先定义，定义的时候不会加载模块，只有在使用的时候才加载模块；1、不会出现重复加载的模块，调用过的模块不会再append第二次，不能定义相同名字的模块；2、依赖项可以是多个，从左 阅读全文
  posted @ 2013-03-03 22:50 HackerVirus 阅读(191) 评论(0) 推荐(0)
• JavaScript的中对象创建和继承原理
  摘要：序 今天我不谈什么技术细节了，这个太多人聊了，如果真想知道，那就去买个书或者下个电子书看看！今天我就唠闲嗑，想到什么说什么，没有主题，胡乱的聊。如果不当之处，忘请见谅，我就想打破以往的思维方式，乱想，想到什么说什么，这个应该就叫自由吧！ 作为PHP程序员,Javascipt是你居家旅行必备的工具，所以学好Javascipt我们任重道远。水平 你的Javascript功底如何，你如何考证？工作年限吗？我工作了已经有些年头了，有些时候还不如刚工作的coder，估计是笨了点的缘故。 我与她为伍这么长时间，还是不了解她，所以我总是思考，我怎样才能真正的征服她？ 混乱 没事我喜欢去浏览各个巨... 阅读全文
  posted @ 2013-02-28 17:45 HackerVirus 阅读(142) 评论(0) 推荐(0)
• 12款响应式 Lightbox（灯箱）效果插件
  摘要：【网站开发必备】——12款响应式 Lightbox（灯箱）效果插件 灯箱效果（Lightbox）是网站中最常用的效果之一，用于实现类似模态对话框的效果。网络上各种Lightbox 插件琳琅满目，随着响应式设计（Respnsive Design）的发展，这一先进理念也被引入了Lightbox 插件之中。 这篇文章挑选了12款优秀的响应式 Lightbox（灯箱）效果插件分享给大家，这些插件能够帮助你在网站加入引人注目的灯箱效果。您可能感兴趣的相关文章12款经典的白富美型 jQuery 图片轮播插件精心挑选的优秀jQuery Ajax分页插件和教程推荐几款非常棒的 jQuery 全景图片展示插.. 阅读全文
  posted @ 2013-02-28 17:35 HackerVirus 阅读(243) 评论(0) 推荐(0)
• 在ashx中利用反射+jquery轻松处理ajax
  摘要：在ashx中利用反射+jquery轻松处理ajax 含Demo源码由于jquery的出现，编写js代码已经变得异常的平民化，同时现在的web也已经是ajax满天飞，哪天你自己写一个web不含ajax的拿不出手 当然，在.net的控件模式开发中一种去控件化开发已经变的变得更加通用：jquery+ajax+ashx 这种方式更加适用于一些小应用的开发，轻量、简单、自由 由于那时候太年轻，刚刚开始这种模式开发的时候 是一个ajax请求一个ashx页面，这样的结果可想而知，一个小的权限系统光光ashx文件就几十个了，而且文件名还大同小异，悲剧。 后来做了一会儿变聪明了，把相同类别的请求都放到一个as. 阅读全文
  posted @ 2013-02-26 16:31 HackerVirus 阅读(253) 评论(0) 推荐(0)
• Node.JS 模块，包管理与开发
  摘要：Node.JS 模块，包管理与开发谈到组件，JavaScript是不具备这个特点的，以前JavaScript很多功能都依赖不同厂商的实现。基本在组件这个方面有如下特点： .JavaScript没有模块系统。没有原生的支持密闭作用域或依赖管理。 .JavaScript没有标准库。核心库外，没有文件系统的API等，不过Html5规范出来后，这些将会有的：）。 .JavaScript没有标准API接口。 .JavaScript没有包管理系统。当有了CommonJS（http://www.commonjs.org）规范的出现，其目标是为了构建JavaScript在包括Web服务器，桌面，命令行工具，及 阅读全文
  posted @ 2013-02-25 14:51 HackerVirus 阅读(163) 评论(0) 推荐(0)
• javascript异步编程之:世界上最短的Promise库
  摘要：javascript异步编程之:世界上最短的Promise库类库源码 var Promise = function () { this.thens = []; }; Promise.prototype = { resolve: function () { var t = this.thens.shift(), n; t && (n = t.apply(null, arguments), n instanceof Promise && (n.thens = this.thens)); }, ... 阅读全文
  posted @ 2013-02-25 14:45 HackerVirus 阅读(176) 评论(0) 推荐(0)
• Node.JS进行简单新技术分析及环境搭建
  摘要：Node.JS进行简单新技术分析及环境搭建一，简单技术分析：如今做互联网，如果谁不知道Node.JS一定都不好意思说出口，呵呵，当然，这是好事者的观点。的确，从2009、年至今，随站Node.JS的的热炒有点像当年的Python,Ruby,ROR,Grooves等，不过Node.JS的论坛的火热甚至于有点疯狂（thriving)，再看看各大软件开始对它的支持，可见的确前景不同以往脚本环境。不过我们总是理智的人，我们来理解的来看待Node.JS.首先，从执行语言角度来说，它仍只是一个脚本解释器，建立在Google V8引擎上，这归功于这几年的各大浏览器厂商的竞争，使得Google的V8引擎进一步 阅读全文
  posted @ 2013-02-23 17:33 HackerVirus 阅读(215) 评论(0) 推荐(0)
• 2012年最有用的50款 jQuery 插件集锦——《导航篇》
  摘要：2012年最有用的50款 jQuery 插件集锦——《导航篇》 继续向大家分享 2012 年发布的优秀jQuery插件，今天带来的实现导航功能的插件。2012年众多的jQuery新插件发布出来，可以说是一个伟大的jQuery年份。这个系列的文章向大家分享最具创新的，同时也是最有用的50款 jQuery 插件，这些插件分成以下类别：网页布局插件，导航插件，表格插件，滑块和转盘插件，图表插件，图片特效插件，视频插件等等。您可能感兴趣的相关文章最有用的50款 jQuery 插件集锦-网页布局篇精心挑选的优秀jQuery Ajax分页插件和教程精心挑选的优秀 jQuery 文本特效插件和教程2013. 阅读全文
  posted @ 2013-02-21 10:07 HackerVirus 阅读(244) 评论(0) 推荐(0)
• javascript实现自适应宽度的瀑布流
  摘要：javascript实现自适应宽度的瀑布流 这样的布局并不陌生，从2011年Pinterest创立以来，中国互联网就迅速掀起了一股模仿Pinterest的热潮，国内有众多网站采用瀑布流的布局方式，例如花瓣网、美丽说等等。而事实上在中国互联网，模仿一些在国外被人看好的模式（当然，你也可以说是山寨或抄袭，呵呵！！）向来都是一个不错的idea。 OK，现在进入正题。这里主要介绍瀑布流的一种实现方法：绝对定位(css)+javascript+ajax+json。简单一点如果不做滚动加载的话就是绝对定位(css)+javascript了，ajax和json是滚动加载更多内容的时候用到的。 下面是实... 阅读全文
  posted @ 2013-02-19 18:20 HackerVirus 阅读(220) 评论(0) 推荐(0)
• 精通正则表达式（JavaScript）
  摘要：在上一篇精通正则表达式（正则引擎）中大概的讲解了一下正则引擎的相关知识，了解了它的匹配原理，接下来我们在js这门语言里面来详细的使用一下。 在js中常用于字符串处理、表单验证、处理DOM模型、纯编程逻辑等。js中的正则表达式使用方式提供了两种：普通方式；构造函数方式。 普通方式 普通方式：var reg=/表达式/附加参数 表达式：一个字符串，代表了某种规则，其中可以使用某些特殊字符来代表特殊的规则。 附加参数：用来扩展表达式的含义，目前主要有三个参数： g：代表可以进行全局匹配。 i：代表不区分大小写匹配。 m：代表可以进行多行匹配。 上面三个参数可以任意组合... 阅读全文
  posted @ 2013-02-06 17:43 HackerVirus 阅读(191) 评论(0) 推荐(0)
• 翻翻游戏
  摘要：这是一个翻翻游戏，很简单的游戏，但是对我来说是走出去的第一步，请看到的人别喷我哦。我知道代码没有优化，游戏还有BUG，可玩性也不高，目前我还在想办法处理，我知道的不多，请各位有兴趣发现的大神帮忙点拨点拨，在下感激不尽。先感谢我的同事张童鞋，他给了我不小的帮助。 这是游戏截图： 游戏玩法：用鼠标点击天蓝色方块，点击一次显示，第二次点击遮盖；同时只能点开两个格子；两个相同图片，增加相应分数，每种图片分数不同；两个不同图片，还原成遮盖状态； 代码如下图：所有代码都在一个文件中，包含了jquery和我自己的小库，但是没有用到多少里面的东西，代码中只有HZTG.... 阅读全文
  posted @ 2013-02-06 00:09 HackerVirus 阅读(218) 评论(0) 推荐(0)
• 一个可以拖拽的异步按需加载树
  摘要：一个可以拖拽的异步按需加载树2013-01-31 22:00 by tebato, 1287 阅读,11评论,收藏,编辑最近完成了一个可以拖拽的异步按需加载树，顾名思义，这个树，至少支持以下三个功能。1，节点可以拖拽（项目需要，已设置为只允许同级节点拖拽）。2，异步加载（使用ajax加载数据，没啥好说的）。3，按需要加载（点击展开按钮时，加载所需数据，不点击不加载，最小化的加载数据，最大化的支持大数据，哈哈）。下面就这三个功能，分别贴出关键代码。一，节点可以拖拽需要添加的代码。1，先对树型控件的setting变量增加如下属性，并添加dropPrev，dropInner，dropNext方法，具 阅读全文
  posted @ 2013-02-01 18:21 HackerVirus 阅读(170) 评论(0) 推荐(0)
• 利用iframe实现ajax 跨域通信的解决方案
  摘要：在漫长的前端开发旅途上，无可避免的会接触到ajax，而且一般情况下都是用在同一域下的ajax请求；但是如果请求是发生在不同的域下，请求就无法执行，并且会抛出异常提示不允许跨域请求，目前我没有找到明确的资料说明这是为什么，我觉得应该是出于安全性的考虑吧。纵然如此，要实现跨域访问的话，方法还是有的，而且不只一种，在这里介绍其中一种解决方案：如何利用iframe完成ajax的跨域请求。 如下图所示：域a.com的页面request.html（即http://a.com/request.html）里面嵌套了一个iframe指向域b.com的response.html，而response.htm... 阅读全文
  posted @ 2013-02-01 18:11 HackerVirus 阅读(242) 评论(0) 推荐(0)
• 自制的JavaScript NodeTree导航栏，纯练手,附源码
  摘要：近比较清闲，自己做了个JavaScript NodeTree，网上类似的东西其实挺多的，功能也比这个全，我做这个纯粹为了练练手。 图标可以自定义（16X16），菜单项完全是JSON类型定义的，方便修改。 界面：使用方法：1、将NodeTree-JSON.js以及CSS文件夹复制到项目中并引用。2、引用JQuery框架。3、修改NodeTree-JSON.js中的NodeTreeMenu菜单项，以下是简单说明。var NodeTreeMenu = [//id:节点ID，pId：父节点Id，没有父节点则为0，name:显示名称，img:显示图标，open:只有父节点存在此属性，子节点默认是否展.. 阅读全文
  posted @ 2013-02-01 18:09 HackerVirus 阅读(587) 评论(0) 推荐(0)
• jQuery $.ajax jsonp
  摘要：网上看到一篇博文提到jsonp（包括IE6在内的大多浏览器支持的标准跨域数据访问方式），搜到一篇做了很详细介绍的博文，自己动手测试了一番。下面是测试代码： 1 <html> 2 <head> 3 <title>jQuery $.ajax jsonp</title> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta http-equiv="Content-Language& 阅读全文
  posted @ 2013-02-01 17:49 HackerVirus 阅读(187) 评论(0) 推荐(0)
• 内建对象
  摘要：昨天晚上回了趟乡下，所以没时间写博客了，那今天继续吧，今天主要是学习了ECMAScript 5增强的对象模型， 以及一些javascript的内建对象，现在总结一下。先说明一下哦，我也是一只菜鸟啦，刚学没多久，大家一起探讨探讨，如果博客写的有问题的话，欢迎及时帮我指出。 7.1 ECMAScript 5 增强的对象模型 看完了，我不知道有些什么用，感觉讲的东西都是好理论的东西，实际应用的应该比较少吧。就拎一下重点： ECMAScript 5 增强了对对象模型的控制力度，通过新的对象模型，用户可以控制单独的属性是否允许读取，写入，删除和枚举等，甚至可以控制对象是否允许添... 阅读全文
  posted @ 2013-02-01 17:45 HackerVirus 阅读(140) 评论(0) 推荐(0)
• 面向对象
  摘要：javascript学习笔记[6]--面向对象 今天又是宅在家中一天，看了面向对象编程，包含以下几个章节，创建类和使用类，类成员访问控制，继承和组合，静态成员和静态类，多态，原型链本质论。因为已经有了学习其他面向对象语言的经历，所以这边看的速度快了点，预计明天开始进入javascript内建类。 有一件略微忧伤的事，昨天写的学习笔记【5】--函数2被博客园移出首页了，估计是那管理员看我一天发了三篇随笔，而且深度不够吧，所以看不下去了，却弄得我好忧伤，好忧伤，好了，这一节就尽量写的长一点，然后多一些自己的理解吧，简单的知识就不说了，哎，这种学习性的东西其实就是这样。。 6.1面... 阅读全文
  posted @ 2013-01-31 10:56 HackerVirus 阅读(184) 评论(0) 推荐(0)
• 浏览器为webapp
  摘要：虽然说最近，有的提案其实2010年就存在了。基本上是firefox, webkit在推动。主要如下：calc: css3的函数，现在只有opera不支持。只要用于混合单位的计算，不能你手动转换。这在各种增量减量操作非常方便。style scoped属性： 让这些样式只在某一个元素下有效，对模块化绝对有利。DOM4的Custom Event，这个新浏览器基本都支持。其实较新的createEvent方法也是可以创建自定义事件，但那个initEvent非常蛋痛而已。可以看作是可以在文档树中上下传播的观察者。另一个观察者是Object.observe。Shadow DOM，chrome20+支持，在一 阅读全文
  posted @ 2013-01-31 10:51 HackerVirus 阅读(208) 评论(0) 推荐(0)
• jquery easyUi简单介绍
  摘要：jquery easyUi简单介绍jquery easyui 下称(ui)适合一个网站后台的快速搭建,给我们开发人员节约了很多的时间,下面,对于操作,下面进行详细的介绍下:首先下载ui包,下载地址http://www.jeasyui.com/download/index.php选择一个版本下载,当然不同版本存在差异,建议使用最新版本然后可以开始我们的项目开发了我们新建一个html页面,将ui包解压到本地硬盘,打开目录,找到demo文件夹找到demo下面的layout文件夹打开full.html这个是一个简单的网页布局,我们可以使用这个布局来对项目进行开发将body的标签替换成full.html 阅读全文
  posted @ 2013-01-30 14:19 HackerVirus 阅读(170) 评论(0) 推荐(0)

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3