11 2014 档案

CoffeeScript？TypeScript？还是JavaScript
摘要：请注意本文只是我的偏见，我努力地理解借助CoffeeScript或TypeScript之类的编译器写JavaScript代码的理由。静态编译、强类型语言和框架，我有着这些流行的、丰富的背景。我的上一份工作就是使用TypeScript，因为我不得不使用。那是一段不快乐的时光，我将因此而离开。 我... 阅读全文
posted @ 2014-11-28 14:32 技术狂 阅读(2224) 评论(0) 推荐(0) 编辑
jQuery插入,复制、替换和删除节点
摘要：jQuery插入,复制、替换和删除节点 你好！ 你最喜欢的水果是？ 苹果 橘子 菠萝 阅读全文
posted @ 2014-11-28 08:39 技术狂 阅读(720) 评论(0) 推荐(0) 编辑
jquery 控制css样式
摘要：一、CSS1、css(name)访问第一个匹配元素的样式属性。返回值 String参数name (String) : 要访问的属性名称示例：$("p").css("color"); //取得第一个段落的color样式属性的值2、css(properties)把一个“名/值对”对象设置为所有匹配元素的... 阅读全文
posted @ 2014-11-27 14:08 技术狂 阅读(1821) 评论(0) 推荐(0) 编辑
10分钟掌握XML、JSON及其解析
摘要：引言 NOKIA 有句著名的广告语：“科技以人为本”。任何技术都是为了满足人的生产生活需要而产生的。具体到小小的一个手机，里面蕴含的技术也是浩如烟海，是几千年来人类科技的结晶，单个人穷其一生也未必能掌握其一角。不过个人一直认为基本的技术和思想是放之四海而皆准的，许多技术未必需要我们从头到尾再研究... 阅读全文
posted @ 2014-11-27 11:46 技术狂 阅读(6057) 评论(1) 推荐(1) 编辑
阻止跳转的四种方式，你知道吗？
摘要：阻止跳转常见的有下面四种方式:1. link2. link3. link4. link事实上这四种方式都可以很正常的工作。第1和第2中可以归为一类，使用javascript 伪协议，只要什么都不返回，那么浏览器将不会跳转第3种比较有意思，它使用了一个锚点（跳转到id或name为##的位置），在浏览器... 阅读全文
posted @ 2014-11-26 17:38 技术狂 阅读(6695) 评论(0) 推荐(2) 编辑
jQuery事件绑定和委托
摘要：jQuery事件的绑定和委托可以用多种方法实现，on() 、 bind() 、 live() 、 delegate()，还有one()。有时我们可能会像下面这样绑定一个事件：Js代码$("#div1").click(function(){alert("点击后触发");});上面的事件绑定，我们可以通... 阅读全文
posted @ 2014-11-26 08:41 技术狂 阅读(1043) 评论(0) 推荐(0) 编辑
响应式Web设计的9项基本原则
摘要：响应式web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。随着建立网站可用的各种小工具越来越多，像素设计局限于桌面和移动端也已经成为历史。因此，现在就让我们来说明一下如何运用响应式web设... 阅读全文
posted @ 2014-11-25 13:53 技术狂 阅读(730) 评论(0) 推荐(1) 编辑
网友写的验证码生成方案，可防止绝大多数机械识别。
摘要：web.xmlXml代码CaptchaServletcom.lowca.activity.web.servlet.CaptchaServletwidth150height100bgColor255,255,255fontColor0,255,0fontSize44fontCount4fontName... 阅读全文
posted @ 2014-11-25 10:36 技术狂 阅读(1992) 评论(1) 推荐(0) 编辑
7个高性能JavaScript代码高亮插件
摘要：对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常有效地帮你实现... 阅读全文
posted @ 2014-11-25 09:08 技术狂 阅读(1059) 评论(0) 推荐(0) 编辑
一个jQuery扩展工具包
摘要：带有详尽注释的源代码：Javascript代码varjQuery=jQuery||{};//TODO//###################################string操作相关函数###################################jQuery.string=jQ... 阅读全文
posted @ 2014-11-24 08:46 技术狂 阅读(1063) 评论(1) 推荐(0) 编辑
一款基于TweenMax跟随鼠标单击移动的div
摘要：今天给大家分享一款基于TweenMax跟随鼠标单击移动的div。在这款实例中你可以单击任意位置，div会移动到你单击的位置。效果图如下：在线预览源码下载实现的代码。html代码： Where Do You Want Me?Click Anywhere On The Page ... 阅读全文
posted @ 2014-11-23 14:54 技术狂 阅读(656) 评论(0) 推荐(0) 编辑
JS中三目运算符和if else的区别，你弄得明白吗
摘要：今天写了一个图片轮播的小demo，用到了判断先试了一下if else，代码如下:if(n >= count-1){n =0;}else{n ++;}随后代码写完了，准备优化一下代码，将此段改成了三目运算符的写法n = n >= (count-1) ? n=0 : n++结果完全不同随后研究了一下这两... 阅读全文
posted @ 2014-11-21 08:37 技术狂 阅读(6674) 评论(6) 推荐(0) 编辑
JQuery效率问题
摘要：1，前言我们开发了一个专题系统，生成了JSON的数据格式，采用JQuery动态插入HTML中，在前期的使用中，没有太大的问题，效率还可以接受，但是最近可能由于网络加之页面设计问题，我们的JS效率比较差，长达10多秒中，实在难以忍受，到底是什么原因呢？2，分析我观察了一下JS脚本，应该说没有太费时间的... 阅读全文
posted @ 2014-11-20 16:51 技术狂 阅读(817) 评论(0) 推荐(0) 编辑
css3 animation 学习
摘要：css3中可以实现动画效果，主要是通过css3中新增加的属性(transform , transition,animation)来完成。他们的详细解释可以参考W3CSCHOOL下面是效果图： 类似于tab选项卡，当点击某个input的时候，就以动画的效果来显示对应的内容区域。Html代码Serend... 阅读全文
posted @ 2014-11-20 15:10 技术狂 阅读(775) 评论(0) 推荐(1) 编辑
js中各种跨域问题实战小结
摘要：什么是跨域？为什么要实现跨域呢？这是因为JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。也就是说只能访问同一个域中的资源。我觉得这就有必要了解下javascript中的同源策略是怎么回事了：javascript的同源策略于是当我们想某些特定的功能的时候，实现合理的跨域请求就显得... 阅读全文
posted @ 2014-11-20 08:45 技术狂 阅读(748) 评论(0) 推荐(0) 编辑
必须记住的 30 类 CSS 选择器
摘要：大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。1. *Css代码... 阅读全文
posted @ 2014-11-19 17:08 技术狂 阅读(1189) 评论(0) 推荐(4) 编辑
jQuery Ajax应用总结
摘要：jQuery提供了简单而强大的选择器功能，同时对Ajax操作也给出了很好的支持。在Ajax方面，jQuery除了提供底层的jQuery.ajax()方法外，也提供了下面的简单方法：（1）jQuery.get(url,[data],[callback],[type])（2）jQuery.getJSON... 阅读全文
posted @ 2014-11-19 08:36 技术狂 阅读(594) 评论(0) 推荐(0) 编辑
WiFi十五岁了：感谢它能让我们在厕所上网
摘要：无线俨然成为当下移动用户不可或缺的重要伴侣，在无线覆盖的区域意味着能够获取各种资讯或同好友进行即时通讯。无线带来了前所未有的技术变革，也颠覆了生活习惯，让用户可以访问Netflix或者在厕所浏览网页。今天WiFi联盟庆祝这项伟大的技术15岁生日，并表示：“交互性、易用性和创新让WiFi在上个世纪... 阅读全文
posted @ 2014-11-18 10:16 技术狂 阅读(285) 评论(0) 推荐(0) 编辑
HTML5基础扩展——地理位置、本地存储、缓存
摘要：HTML5扩展,继上两篇博客,我们来看一下HTML5的一些扩展的功能,由于HTML5更多是为了兼容电脑浏览器,安卓浏览器,苹果浏览器更多浏览器,或者说为这些浏览器提供一个统一的标准.因此目前在手机上的web开发，HTML5是比较火的。因此这几款扩展功能，感觉更多是从手机，平板等角度出发的。一，地理定... 阅读全文
posted @ 2014-11-17 21:14 技术狂 阅读(687) 评论(1) 推荐(1) 编辑
浏览器的渲染原理简介
摘要：看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，1）这篇文章太长了，阅读成本太大，不能一口气读完。2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下... 阅读全文
posted @ 2014-11-17 08:39 技术狂 阅读(3583) 评论(0) 推荐(0) 编辑
漂亮的CSS3提交意见输入框样式
摘要：做了个输入框样式，如图：CSS代码如下：vcD4KPHByZSBjbGFzcz0="brush:java;">#button { cursor:pointer; width:30%; margin:5px; padding:8px; border-radius:4px 4px 4px 4px; fo... 阅读全文
posted @ 2014-11-15 18:37 技术狂 阅读(2978) 评论(0) 推荐(0) 编辑
［原创］jQuery的this和$(this)
摘要：网上有很多关于jQuery的this和$(this)的介绍，大多数只是理清了this和$(this)的指向，其实它是有应用场所的，不能一概而论在jQuery调用成员函数时，this就是指向dom对象。$(this)指向jQuery对象是无可厚非的，但this就是指向dom对象，这个是因为jQuery... 阅读全文
posted @ 2014-11-14 08:48 技术狂 阅读(847) 评论(0) 推荐(0) 编辑
说说最易被忽略的CSS强制性换行
摘要：一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，... 阅读全文
posted @ 2014-11-13 17:12 技术狂 阅读(874) 评论(1) 推荐(0) 编辑
css3新增样式介绍
摘要：在PC版开发中由于IE原因，我们很少用到css3，但随着平板和智能手机进入我们的生活，以及现在越来越流行，在手机版和平板版开发中我们就可以大胆的使用了，下面我们探讨常用几个css3属性：1.css3前缀使用介绍，我们直接看个例子： Java代码-webkit-transform:rotate(-3d... 阅读全文
posted @ 2014-11-13 12:48 技术狂 阅读(1842) 评论(0) 推荐(0) 编辑
基于Bootstrap+jQuery.validate Form表单验证实践
摘要：项目结构 ：github 上源码地址：https://github.com/starzou/front-end-example 点击打开1、form 表单代码[html]view plaincopyBootstrapFormTemplateForm示例NamePasswordIntroGender... 阅读全文
posted @ 2014-11-13 10:46 技术狂 阅读(712) 评论(0) 推荐(0) 编辑
超链接a标签的href与onclick中使用javascript的区别
摘要：onclick中javascript的区别一般没用到都没注意，但出错时才有些郁闷，看文本章解释如下：以前一直很随意，后来看.net里的linkbutton似乎是用在的形式，今天用这种方式就遇到一些问题，摘网友的文章和我的结论放在下面：1.链接的 onclick 事件被先执行，其次是 href 属性下... 阅读全文
posted @ 2014-11-13 10:45 技术狂 阅读(2471) 评论(0) 推荐(0) 编辑
深入理解Javascript window对象
摘要：首先看我们的源代码。[html]view plaincopy深入理解Javascript深入理解Javascript我们知道，通过浏览器打开这个页面，包含在标签中的 脚本会被执行，那我们看一下 console.log(this); 这个this 到底指向的是谁呢？在Google Chrome 中我们... 阅读全文
posted @ 2014-11-11 22:03 技术狂 阅读(1103) 评论(1) 推荐(0) 编辑
用css3实现风车效果
摘要：前面讲过css3可以替代很多js实现的效果，其实很多时候纯css3甚至可以替代图片，直接用css3就可以画出一些简单的图片。虽然css3画出来的图片效果可能不如直接用图片的好，实现起来也比较复杂，最麻烦的是兼容性问题，不如图片来得直接实用。但是换一种思路去思考问题的解决办法往往能激发我们的灵感，也有... 阅读全文
posted @ 2014-11-11 22:03 技术狂 阅读(2273) 评论(0) 推荐(0) 编辑
用css3和jQuery制作精美的表单
摘要：用css3和jQuery制作一个简单的精美表单html代码如下：Mask Your Input Forms and Make It Beauty Too Plain Fading The Label Username Password Sliding? Don't Wor... 阅读全文
posted @ 2014-11-10 14:00 技术狂 阅读(634) 评论(0) 推荐(0) 编辑
JavaScript 运行机制详解：再谈Event Loop
摘要：一年前，我写了一篇《什么是 Event Loop？》，谈了我对Event Loop的理解。 上个月，我偶然看到了Philip Roberts的演讲《Help, I'm stuck in an event-loop》。这才尴尬地发现，自己的理解是错的。我决定重写这个题目，详细、完整、正确地描述Jav... 阅读全文
posted @ 2014-11-09 15:31 技术狂 阅读(882) 评论(1) 推荐(0) 编辑
javascript 的面向对象特性参考
摘要：最近在看用javascript+css实现rich client。javascript 也是一个蛮有意思的语言。特别是其面向对象的实现和其他“标准”的OO launguage有很大的不同。但是，都是动态语言，我还是觉得它比起python语法和库都差得太远。可是没有explorer支持python开发... 阅读全文
posted @ 2014-11-07 13:57 技术狂 阅读(323) 评论(1) 推荐(0) 编辑
JavaScript中定义对象的四种方式
摘要：最近在阅读《JavaScript高级程序设计》，未免遗忘读过的内容，就打算以博客的形式做些读书笔记。今天介绍的是JavaScript中的四种定义对象的方法，除了这四种方法，还有工厂方法来定义对象，但考虑到其简单性及非正规性，这里就不做介绍。和Java这样的面向对象语言相比，JavaScript更像... 阅读全文
posted @ 2014-11-07 08:36 技术狂 阅读(1561) 评论(0) 推荐(0) 编辑
使用CSS3实现超炫的Loading（加载）动画效果
摘要：SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 ... 阅读全文
posted @ 2014-11-06 16:00 技术狂 阅读(6342) 评论(0) 推荐(0) 编辑
不要再使用JS框架了
摘要：停止编写Javascript框架吧。 Javascript框架就好像死亡和税收一样：终究不可避免它的存在。我确信如果我是那面墙上的一只苍蝇，每次有人开始一个新的网页项目时，第一个问题肯定是我们用的是哪个JS框架？这就是当今业内对JS框架的根深蒂固的思维模式。但事实上并不需要如此，相反的，需要停止... 阅读全文
posted @ 2014-11-06 13:18 技术狂 阅读(5888) 评论(4) 推荐(1) 编辑
HTML5, CSS3, ES5新的web标准和浏览器支持一览 转
摘要：本文整理了一些最重要（或者说人气比较高罢）的新标准，虽然它们多数还只是w3c的草案，离Recommendation级别还早，却已经成为新一轮浏览器大战中备受追捧的明星，开发者社区里也涌现出大量相关的demo和API封装，有些已经进入生产环境（比如google在iphone上实现的gmail离线应用）... 阅读全文
posted @ 2014-11-06 08:36 技术狂 阅读(1748) 评论(0) 推荐(0) 编辑
js常用的事件对象
摘要：事件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture();事件按键 event.keyCode event.shi... 阅读全文
posted @ 2014-11-05 14:53 技术狂 阅读(1105) 评论(0) 推荐(0) 编辑
jQuery用面向对象的思想来编写验证表单的插件
摘要：本人的重点是怎么构建一个简单有效可扩展的jQuery表单验证插件，这篇文章没有教你怎么用 validate plugin。我们的重点在学习一些jQuery，Javascript面向对象编程的知识。下面是一个完整的html页面代码，可以直接运行测试的。jQuery用面向对象的思想来编写验证表单的插件D... 阅读全文
posted @ 2014-11-04 08:38 技术狂 阅读(643) 评论(0) 推荐(0) 编辑
五个值得尝试的前端开发工具
摘要：在过去的几年时间里，出现了许多全新的网页应用程序，不过，由于应用程序的功能越来越丰富，也导致了前端开发的复杂度大幅增加。 现在也有不少前端开发工具，比如Backbone和EmberJS框架都能提供稳定的App开发解决方案。同时，Javascript的应用也越来越常广泛，而且它还能和Node.J... 阅读全文
posted @ 2014-11-03 09:36 技术狂 阅读(700) 评论(0) 推荐(0) 编辑

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