自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

转载 JSONP

前言  由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。  当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须

2016-01-20 17:40:28 296

转载 让字体变的更清晰CSS 中 -webkit-font-smoothing

-webkit-font-smoothing控制的字体渲染只对MacOS的Webkit有效。所以,你在MacOS测试环境下面设置-webkit-font-smoothing时,只要你不把它设置为none,怎么好看就设置为什么属性,反正这个属性仅仅是面向MacOS,不会在其他上下文中出岔子的(除了none的情形)。前端控制字体渲染的接口非常匮乏,如果可能,尽可能地控制输出的字体,而非控制字体

2015-12-10 16:46:18 14248

转载 CSS3 2D

位移translate()函数大家不要误会了,translate并不是指翻译外国语言,在这里translate是一种方法,将元素向指定的方向移动,类似于position中的relative。可以简单的理解为,使用translate()函数,你可以把元素从原来的位置移动,而不影响在X、Y轴上任何组件。translate()函数的使用语法如下:translate(tx)或

2015-12-03 17:01:49 836 1

转载 CSS3 3D

三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的功能和2D变换的功能相当类似。CSS3中的3D变换主要包括以下几种功能函数: 3D位移:CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数; 3D旋转:CSS3中的3D旋转主要包括rotateX()、rotateY()、rotateZ()和rotate3d()四个功能

2015-12-03 17:00:35 555

转载 css3实践—创建3D立方体

要想实现3D的效果,其实非常简单,只需指定一个元素为容器并设置transform-style:preserve-3d,那么它的后代元素便会有3D效果。不过有很多需要注意的地方,这里把我学习的方法,过程分享给大家。再讲知识点之前,还是先弄清楚3D的坐标系吧,从网上搜了一张经典坐标系图,供大家回顾一下。1、3D试图  transform-style:flat(默认,二维效果) / pres

2015-12-03 14:27:56 536

转载 Fullpage入门指南

简介:fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站主要功能:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等

2015-11-24 18:01:40 394

转载 CSS3中和动画有关的属性有三个 transform、 transition 和 animation

CSS3中和动画有关的属性有三个  transform、 transition 和 animation。下面来一一说明:      transform   从字面来看transform的释义为改变,使…变形;转换 。这里我们就可以理解为变形。那都能怎么变呢?none 表示不进行变换;rotate 旋转            transform:rotate(20deg)

2015-11-23 18:04:42 968

转载 关于css3的background

引子以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的出现,解决了一个div只能设置一个背景的问题,使一个div可以设置多个背景图片。background-image还可以设置线性渐变,等效果。题外话关于css3的background,功能很强大,有

2015-11-23 16:47:10 328

转载 jquery地图插件jvectorMap

jVectorMap地图插件只要浏览器技术JavaScript、CSS,HTML,SVG或VML就可以浏览使用,不需要Flash或其他专有的浏览 器插件。所以jVectorMap在所有现代移动浏览器上也能正常运行。 jvectorMap官方网址:  http://jvectormap.com/   和 http://jqvmap.com/   github地址:https:

2015-11-20 15:55:05 1212

转载 jquery画小图插件-jquery.sparkline.js

在我们的项目中,需要一些画一些小图,例如一些小的线图,小的柱图等等。在网上找了下,觉得jquery.sparkline.js还是个不错的东东。官网链接:jquery.sparkline.js在sparkline中,我们可以找到基本的线图,柱图,饼图等等,而且它的文档还是不错的,很简单。它的使用语法是:$(selector).sparkline(values, o

2015-11-20 14:54:09 2160

转载 登录

-->        Login and Registration Form with HTML5 and CSS3                                                                                                           

2015-11-11 15:52:48 1031

转载 HTML注册页面代码

HTML注册页面代码   Untitled Document  function checkname(){ var div = document.getElementById("div1"); div.innerHTML = ""; var name1 = document.form1.text1.value; if (name1 == "") { 

2015-11-11 15:50:22 52379

转载 iFrame

frame 有什么好处,有什么坏处?国内还有哪些知名网站仍用Iframe,为什么?有哪些原来用的现在抛弃了?又是为什么?1 条评论 分享按投票排序按时间排序24 个回答赞同249反对,不会显示你的姓名张云龙,前端工程师张亚运、知乎用户、dergum

2015-10-29 16:06:39 555

转载 iScroll 捕捉元素 源码

http-equiv="Content-Type" content="text/html; charset=utf-8"> name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

2015-10-15 10:28:26 626

转载 iScroll下拉刷新 源码

http-equiv="Content-Type" content="text/html; charset=utf-8"> name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

2015-10-15 10:09:13 607

转载 使用Photoshop辅助线制作ps切片教程

对于很多产品详情页或是网页中太大的图片加载太慢,分享一下使用Photoshop辅助线制作ps切片教程。工具/原料Photoshop切片图片方法/步骤打开要切片的图片 选择移动工具 从上方、左侧标尺拉出辅助线 如图(标尺快捷键ctrl+R)选择工具栏

2015-10-12 09:49:16 2913

转载 详解JS闭包

http://segmentfault.com/a/1190000000652891

2015-10-11 22:54:07 381

转载 SQL中 decode()函数简介

decode()函数简介:主要作用:将查询结果翻译成其他值(即以其他形式表现出来,以下举例说明);使用方法:Select decode(columnname,值1,翻译值1,值2,翻译值2,...值n,翻译值n,缺省值)From talbenameWhere …其中columnname为要选择的table中所定义的column,·含义解释:

2015-10-11 20:49:32 353

转载 详解Javascript 中的this指针

前言Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。示例说明我们先来看一

2015-10-11 08:43:40 387

原创 js基础

1、数据类型:字符串(string)、数字(number)、布尔(boolean)、数组(ayyay)、对象(object)、空(null)、未定义、可以通过赋值为null的清除变量。2、定义函数:function 函数名(){函数体;}3、调用函数:1、在标签内调用2、在HTML文件中调用4、javascript异常处理和事件处

2015-10-10 16:09:15 332

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除