11 2014 档案
摘要：摘要： HTML5又增加了许多新的表单输入类型，不在仅仅是文本输入框。它让表单更丰富多彩了，下面是一个表单样表从图中可以看出，表单样式更加多样，而且支持验证，实现了原本只能通过js才能完成的功能。浏览器：Email： 用于应该包含 e-mail 地址的输入域，在提交表单时，会自动验证 email...
阅读全文
摘要：摘要： Node.js最重要的一个文件就是package.json，其中的配置参数决定了功能。例如下面就是一个例子{ "name": "test", "version": "1.0.0", "description": "test", "main": "main.js", "keywor...
阅读全文
摘要：摘要： 大部分项目在部署之前都需要做的就是js、css文件的压缩、合并，以及一些文件的错误检查，甚至是将LESS文件转换成css文件，coffeescript文件转化成js文件等等。但是项目开发是分迭代的，没开发完一次，上面的工作要重新做一遍。那有什么工具能帮助我们来做这些重复的工作呢？Grunt...
阅读全文
摘要：摘要： 数据存储是每一个站点必不可少的功能，在HTML5之前通过cookie可以实现本地数据存储。但是cookie只能存储4kb的数据，并且cookie是随http请求一起发送到服务端，这必然浪费了带宽。Web Storage是HTML5引入的一个非常重要的功能，可以在客户端本地存储数据，类似HT...
阅读全文
摘要：摘要： 全局属性和事件能够应用到所有标签元素上，在HTML4中有许多全局属性，比如id，class等。HTML5中又新增了一些特殊功能的全局属性和事件。属性： HTML5属性能够赋给标签元素含义和语境，下面的全局属性可用于任何HTML5 元素。属性描述contenteditable规定是否允许用...
阅读全文
摘要：摘要： 在HTML5出现之前，web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢，影响网站性能，开发难度高，维护麻烦，不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。浏览器：从IE9已经开始支持audio和video标签...
阅读全文
摘要：摘要： canvas可以绘制图像，自然而然的就可以制作动画，因为动画的每一帧都是图像。我们可以利用javascript的setInterval函数来实现动画效果。下面是一个例子，小圆绕着红点圆心不停的转圆圈。代码： 1 2 您的浏览器不支持canvas！ 3 4 ...
阅读全文
摘要：摘要： canvas可以读取图片后，使用drawImage方法在画布内进行重绘。本文介绍canvas的图像处理drawImage drawImage() 方法在画布上绘制图像、画布或视频。drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。语法 在画布上定位图...
阅读全文
摘要：摘要： kendo-ui中只是提供了windwo插件，并没有提供页内弹窗插件。现在分享项目中自己定制的基于window组件的弹窗插件，如果你的项目也是用的kendo-ui，只需要将组件代码引到项目中即可。特点：支持定时自动关闭弹窗按钮自定义支持最大化最小化代码：dialog.js 1 var d...
阅读全文
摘要：摘要： HTML5规范已经完成了，互联网上已经有数不清的站点使用了HTML5。从现在开始研究HTML5，本文是自己在学习canvas过程中的记录，以备后需。历史： 这个HTML元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘...
阅读全文
摘要：摘要：本文讲解的是javascript最基础也是最重要的东西--函数，之所以写这篇博文，是因为面试的时候问到了，也算是温故而知新了。先上个例子，如果你看懂了，说明你已经理解了本文要讲的。 1 var f = (function() { 2 3 function f() {return 10...
阅读全文
摘要：分享几款Javascript富文本编辑器ueditorjqframeworkxheditorhtmlboxkindeditorwymeditorjhtmlareamarkitupckeditortinymce
阅读全文
摘要：摘要： 继‘带箭头提示框’，本文将分享几款带箭头提示框。qtipqTip是一种先进的提示插件，基于jQuery框架。以用户友好，而且功能丰富，qTip为您提供不一般的功能，如圆角和语音气泡提示，并且最重要的是免费。支持ie6+以及其他主流浏览器grumble.jsgrumble.js提供了特殊的提...
阅读全文
摘要：摘要： 分享一款在项目中使用的tooltips插件--poshytip，这是一款基于jQuery的插件，其特点是简单易用，支持浏览器：IE6+, FF 2+, Opera 9+, Safari 3+, Chrome，并且带有六种皮肤的提示框Install： 下载poshytip插件，解压之后将文...
阅读全文
摘要：摘要 我们在制作页面时必须要测的就是IE浏览器，毕竟IE浏览器市场占有率还是很高。随着HTML5的流行，可能项目要求兼容IE最低版本为IE8或者更高，但是还是有很多项目兼容IE低版本。所以我们经常会碰到页面在ie浏览器低版本中排版错乱的问题，这是因为IE浏览器有两个模式影响着页面，现在就来研究下文...
阅读全文
摘要：摘要： 最近在整理项目时发现有些同事写的页面代码嵌套的太多，而且有些嵌套不对，比如内容。虽然功能实现了，但是对于浏览器渲染引擎的性能还是有些影响。所以就大体上的整理了下HTML标签的嵌套规则，也希望读者提出不对之处。众所周知，HTML标签有两类：块级元素div、h1~h6、address、bloc...
阅读全文
摘要：摘要： 浏览器中显示的图片大小未必是他真实的高和宽，比如像下面这样，我们给他加上宽和高的样式 这样在浏览器中显示的大小就是25px。那么我们如何获取图片的真实大小呢？，下面的代码就实现了这个功能 1 2 3 4 5 6 7 ...
阅读全文
摘要：摘要： 国际化是指将页面显示的信息翻译成不同语言，可以根据不同语言开发多个版本，然后根据用户选择的语言显示不同的页面。但是这样需要很高的成本，而且维护起来也很麻烦，一个地方有问题就要修改所有版本。本文主要是分享一种前端国际化解决方法，并且已经应用到自己的项目中。前端国际化需要将页面HTML、jav...
阅读全文
摘要：摘要： 格式化是通过格式操作使任意类型的数据转换成一个字符串。例如下面这样下面是一个完整的代码，可以复制到自己的项目中。 1 2 3 4 5 6 7 8 557 558 API：chopp...
阅读全文
摘要：摘要： 我们经常在网上能够看到点击鼠标右键弹出自定义的菜单项，自定义菜单可以使菜单项的样式和网站主题相似，开发自己需要的功能。本文分享了自己制作的右键菜单项，其主要特点是，当菜单项超出浏览器的可视区域时，改变菜单项的显示位置。/*技术难点*/1、获取文本的高度和宽度使用window.getCom...
阅读全文
摘要：摘要： 网上已经有很多树形插件，本文主要记录下曾经使用过的树形插件，方便以后查找，也推荐给大家使用ztreeTreeviewjsTreefancytreejqtreeNestablejquery-file-treetreetable
阅读全文
摘要：摘要： 瀑布流布局已经很早就流行起来了，最近项目中用到了，就整理了下。最早使用的是pinterest（https://www.pinterest.com/），在国内最常见的就是淘宝了（http://guang.taobao.com/），蘑菇街了（http://www.mogujie.com/boo...
阅读全文
摘要：摘要： 上一篇文章介绍了瀑布流的原理和简单的布局，这篇文章主要分享几款jQuery瀑布流插件 FlexMasonryshapeshiftgrid-a-licenseBlocksItwookmark
阅读全文
