- 博客(20)
- 收藏
- 关注
转载 JSONP
前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须
2016-01-20 17:40:28
332
转载 让字体变的更清晰CSS 中 -webkit-font-smoothing
-webkit-font-smoothing控制的字体渲染只对MacOS的Webkit有效。所以,你在MacOS测试环境下面设置-webkit-font-smoothing时,只要你不把它设置为none,怎么好看就设置为什么属性,反正这个属性仅仅是面向MacOS,不会在其他上下文中出岔子的(除了none的情形)。前端控制字体渲染的接口非常匮乏,如果可能,尽可能地控制输出的字体,而非控制字体
2015-12-10 16:46:18
14464
转载 CSS3 2D
位移translate()函数大家不要误会了,translate并不是指翻译外国语言,在这里translate是一种方法,将元素向指定的方向移动,类似于position中的relative。可以简单的理解为,使用translate()函数,你可以把元素从原来的位置移动,而不影响在X、Y轴上任何组件。translate()函数的使用语法如下:translate(tx)或
2015-12-03 17:01:49
937
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
655
转载 css3实践—创建3D立方体
要想实现3D的效果,其实非常简单,只需指定一个元素为容器并设置transform-style:preserve-3d,那么它的后代元素便会有3D效果。不过有很多需要注意的地方,这里把我学习的方法,过程分享给大家。再讲知识点之前,还是先弄清楚3D的坐标系吧,从网上搜了一张经典坐标系图,供大家回顾一下。1、3D试图 transform-style:flat(默认,二维效果) / pres
2015-12-03 14:27:56
603
转载 Fullpage入门指南
简介:fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站主要功能:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等
2015-11-24 18:01:40
448
转载 CSS3中和动画有关的属性有三个 transform、 transition 和 animation
CSS3中和动画有关的属性有三个 transform、 transition 和 animation。下面来一一说明: transform 从字面来看transform的释义为改变,使…变形;转换 。这里我们就可以理解为变形。那都能怎么变呢?none 表示不进行变换;rotate 旋转 transform:rotate(20deg)
2015-11-23 18:04:42
1032
转载 关于css3的background
引子以前做网页布局的时候,一个div只能设置一张背景图片,设置多个背景的话,要用多个div嵌套才能实现,这样兼容性比较好。若您的网站要求兼容浏览器低版本,建议用这种方法。css3的出现,解决了一个div只能设置一个背景的问题,使一个div可以设置多个背景图片。background-image还可以设置线性渐变,等效果。题外话关于css3的background,功能很强大,有
2015-11-23 16:47:10
379
转载 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
1320
转载 jquery画小图插件-jquery.sparkline.js
在我们的项目中,需要一些画一些小图,例如一些小的线图,小的柱图等等。在网上找了下,觉得jquery.sparkline.js还是个不错的东东。官网链接:jquery.sparkline.js在sparkline中,我们可以找到基本的线图,柱图,饼图等等,而且它的文档还是不错的,很简单。它的使用语法是:$(selector).sparkline(values, o
2015-11-20 14:54:09
2240
转载 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
53116
转载 iFrame
frame 有什么好处,有什么坏处?国内还有哪些知名网站仍用Iframe,为什么?有哪些原来用的现在抛弃了?又是为什么?1 条评论 分享按投票排序按时间排序24 个回答赞同249反对,不会显示你的姓名张云龙,前端工程师张亚运、知乎用户、dergum
2015-10-29 16:06:39
625
转载 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
664
转载 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
656
转载 使用Photoshop辅助线制作ps切片教程
对于很多产品详情页或是网页中太大的图片加载太慢,分享一下使用Photoshop辅助线制作ps切片教程。工具/原料Photoshop切片图片方法/步骤打开要切片的图片 选择移动工具 从上方、左侧标尺拉出辅助线 如图(标尺快捷键ctrl+R)选择工具栏
2015-10-12 09:49:16
3391
转载 SQL中 decode()函数简介
decode()函数简介:主要作用:将查询结果翻译成其他值(即以其他形式表现出来,以下举例说明);使用方法:Select decode(columnname,值1,翻译值1,值2,翻译值2,...值n,翻译值n,缺省值)From talbenameWhere …其中columnname为要选择的table中所定义的column,·含义解释:
2015-10-11 20:49:32
403
转载 详解Javascript 中的this指针
前言Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。示例说明我们先来看一
2015-10-11 08:43:40
464
原创 js基础
1、数据类型:字符串(string)、数字(number)、布尔(boolean)、数组(ayyay)、对象(object)、空(null)、未定义、可以通过赋值为null的清除变量。2、定义函数:function 函数名(){函数体;}3、调用函数:1、在标签内调用2、在HTML文件中调用4、javascript异常处理和事件处
2015-10-10 16:09:15
403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人