- 博客(98)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 基于h5 Auto API的简单音频播放插件
浏览器支持情况：浏览器支持情况编解码器Chrome3.0Theora 、 Vorbis 、OggH.264 、 AAC 、MPEG4 FireFox3.5Theora 、 Vorbis 、OggIE不支持无
2014-11-05 15:36:52
3795
转载 15个值得开发人员关注的jQuery开发技巧和心得
在这篇文章中，我们将介绍15个让你的jQuery更加有效的技巧，大部分关于性能提升的，希望大家能够喜欢！1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来说唯一要干的就是修改tag，何乐而不为呢？我们也可以使用免费的CDN服务，例如， Google来
2014-10-29 09:57:17
537
1
转载 HTTP状态代码大全
先来说一下HTTP协议的运作方式HTTP协议是基于请求／响应范式的。一个客户机与服务器建立连接后，发送一个请求给服务器，请求方式的格式为，统一资源标识符、协议版本号，后边是MIME信息包括请求修饰符、客户机信息和可能的内容。服务器接到请求后，给予相应的响应信息，其格式为一个状态行包括信息的协议版本号、一个成功或错误的代码，后边是MIME信息包括服务器信息、实体信息和可能的内容。它分四个过程
2014-10-11 16:57:22
416
转载 Node.js操作mongodb数据库
准备：安装Node.js，mongodb，mongoose，webstorm这里我采用的是mongoose来处理的。Mongoose是MongoDB的一个对象模型工具，可以工作于异步环境下。具体学习内容参看官网http://mongoosejs.com/docs/index.html1、开始运用mongoose时，得先安装，打开命令行，执行$ npm install mongoos
2014-10-09 13:42:30
411
转载 jQuery中创建实例与原型继承揭秘
我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用prototype属性呢？事实上他都有使用，只是内部处理的非常巧妙，提高了使用的爽快度。我们来看看他的源码。 复制代码代码如下:funtion jQuery( selector, context){ return new jQuery.fn.init( selector, con
2014-09-10 18:01:46
394
转载 双飞翼布局
.main{float:left;background:red;height:300px;width:100%;} .sub{ float:left;background:blue;width:200px;height:300px;margin-left:-100%;} .extra{float:left;background:yellow;width:100px;height:300px;m
2014-09-10 10:54:41
383
转载 设置光标的位置
方法一：function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else
2014-09-04 14:48:12
1065
原创 判断鼠标滚动方向
//鼠标滚动开始var scrollFunc = function (e) { e = e || window.event; indexCir=$(".intro-num li").index($(".intro-num .active"));//判断当前页面 if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
2014-09-01 09:02:24
669
转载 前端书籍
HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。这里重点推荐几本 Javascript 书籍： 初级读物：《JavaScript高级程序设计》：
2014-08-08 17:25:52
394
转载 Swiper说明&&API手册
最近使用Swipe.js，发现中文的资料很少，试着翻译了一下。能力有限，翻译难免错漏，欢迎指出，多谢！翻译自：http://www.idangero.us/sliders/swiper/api.phphttp://www.idangero.us/sliders/swiper/index.php一了解SwiperSwiper 是一款免费以及轻量级的移动设备触控滑块的框架，
2014-07-07 09:23:57
1605
转载 请不要做浮躁的人
1.不要看到别人的回复第一句话就说：给个代码吧！你应该想想为什么。当你自己想出来再参考别人的提示，你就知道自己和别人思路的差异。2.初学者请不要看太多太多的书那会误人子弟的，先找本系统的学，很多人用了很久都是只对部分功能熟悉而已，不系统还是不够的。3.看帮助,不要因为很难而自己是初学者所以就不看；帮助永远是最好的参考手册，虽然帮助的文字有时候很难看懂，总觉得不够直观。4.不要被对象、属性、方
2014-06-27 14:33:55
328
转载 前端性能优化
###性能优化优秀教程- [5173首页前端性能优化实践](http://ued.5173.com/?p=1731)- [给网页设计师和前端开发者看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers)- [复杂应用的 CSS 性能
2014-06-20 13:35:28
532
转载 前端绘图 svg和canvas
前端绘图的技术到目前为止有很多种：canvas、SVG、VML、Flash、Java Applet等。这么多方式，他们之间有什么区别，选择的时候该在什么情形下选择什么方式 比较合适？看了很多文章，简单总结一下。大体思路：先逐一介绍一下各种绘图方式，然后比较一下各种绘图方式，最后给出一个取舍的原则或者建议。本文是在参考了多篇文章之后，根据自己的理解整理的，如有不对的地方欢迎指正。
2014-06-20 10:52:48
15425
转载 前端修炼之路
前端简介Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局，后来发展到所谓的Div + CSS网站重构，再到现在的让人眼花
2014-06-17 14:18:28
503
转载 border-image
CSS3中有关于border的属性我们一起学习完了圆角border-radius和边框颜色border-color，只剩下最后一个边框图片border-image。今天我们就一起来学习这个border-image的属性。学习完这个border-image以后，大家一定会很兴奋，因为他改变我了们以往设置border的效果，以前我们border只能简单的设置一些纯色或几种简单的线型（如solid,do
2014-04-24 13:35:19
908
转载 关于iChartjs在移动端提示框tip显示不正常的解决方法
最近项目需要使用手机图表，但是找了很久都没找到专门为移动端开发的图表，只能找一些能兼容移动端的图表控件，今天就讲讲关于iChartjs这个图形库的一点问题。问题iChartjs的提示框tip的显示没有为移动端做调整，在移动端显示效果很差原因直接通过iChartjs的源码看原因，查看$.Tip这个提示框组件中的doAction：doAction:funct
2014-04-23 11:11:48
766
转载 JS 创建类---混合的构造函数/原型方式
prototype:原型.此对象的所有实例共享原型定义的数据和(对象)引用.一般用于防止重复创建函数,浪费内存.原型中定义的所有函数和引用的对象都只创建一次;构造函数中的方法则会随着实例的创建重复创建(如果有对象或方法的话).不管在原型中还是构造函数中,属性(值)都不共享.创建类的最好方式是用构造函数定义属性，用原型定义方法。这种方式同样适用于继承机制，用对
2014-02-26 17:10:09
1009
转载 jquery pop弹出框和锁屏
锁屏$(function(){ $(".dj").click(function(){//点击“点我弹出层”时候 $(".tc_box").show()//弹出提示层，之前是隐藏在body里面的var sp_height = $(document).height()//获取当期窗口的高度$(".sp_box").css({"opacity":"0.5","height":sp_
2014-02-19 12:00:37
1986
转载 前端知识体系及修炼攻略
前端目录(?)[+]前端简介Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局，后来发展到所谓
2014-02-18 12:09:23
878
转载 jquery pop弹出框
华贸 <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> #dialog-overlay { /*
2014-02-13 17:31:59
1395
转载 css3 gradient
CSS3的线性渐变： 一、线性渐变在Mozilla下的应用 语法：-moz-linear-gradient( [ || ,]? , [, ]* .example1 { background: -moz-linear-gradient( top,#ccc,#000);}二、线性渐变在Webkit下的应用 语法：-webkit-linear-gradie
2014-02-13 12:08:50
483
转载 css3弹性盒子模型之box-flex
box-flex是css3新添加的盒子模型属性，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分。但是它有一定的局限性，在firefox、chrome这浏览器下需要使用它们的私有属性来定义：firefox(-moz)、chrome（-webkit）。一、box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分。 111 222
2014-02-11 15:07:56
1113
原创 js获取N天之后的日期
function lu_GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var d = dd.getDat
2014-02-11 09:44:09
924
原创 css内容垂直居中
将图片放置于一容器中，解决方法如下：1 div属性设置为dipslay:table-cell;vertical-align:middle2 line-height和height一致
2014-02-10 17:11:15
534
原创 css全屏背景
html{background: url(img/bg2.jpg) no-repeat center center;min-height:100%;background-size:cover;background-size: 100% 100%;} body{margin: 0;padding: 0;min-height:100%;}
2014-02-10 15:47:38
574
转载 原生js弹窗组件练习
无标题文档*{margin:0;padding:0;}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;height:1000px;}a{color:#08c;text-decoration:none;}a:hov
2014-01-25 16:28:21
1060
转载 js判断当前客户端设备类型，操作系统及浏览器类型
// 判断当前访问者的客户端设备类型、操作系统及浏览器类型 function jupmBrowserType() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { // 客户端浏览器版本信息
2014-01-25 13:58:57
4046
转载 各种常用的JSON接口
这里为大家搜集了一些能够返回JSON格式的服务接口。部分需要用JSONP调用。其中一些接口提供用例参照:http://www.bejson.com/webInterface.php天气接口气象局接口:http://m.weather.com.cn/data/101010100.html 解析 用例音乐接口:虾米接口http://kuang.xiami.com/a
2014-01-25 12:56:10
636
转载 触屏版网站开发要点
所谓的触屏版网站其实也是WebApp的一种展示形式，主要是依赖HTML+CSS+Javascript这三个关键因素来实现，相比较原生客户端程序来说优点就是开发周期短、升级简单、维护成本低,因为从根本上来说WebApp的本质就是一个网站而已。这里就说一下如何开发一个适合在触屏设备上展示的页面.如果有在PC端开发网页的基础那么去处理手机端就很容易上手,这里介绍的是针对手持设备专门处理的页面,而
2014-01-25 11:45:44
807
原创 移动端小技巧
一 ：margin-top和margin-bottom值，对内联元素没有影响。padding-top和padding-bottom值，在内联中，不改变元素的尺寸，但背景颜色会改变。二： img固定高度或者宽度，img图片会自动等比缩放。三 ：li a的点触事件，在移动端，a的点触高度偏小，方法：设置a为block元素，并设置高度。四：在ios和上android上，系统会自带默认的样式。
2014-01-24 17:17:03
617
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人