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