自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 问答 (2)
  • 收藏
  • 关注

转载 CSS3初体验之奇技淫巧

自CSS3流行以来,虽然以前看过一遍所有的新增属性,但其实在实际项目中用到的少之又少。所以没有形成系统性的认识,以及看到效果立马就能想到解决方案的能力。然后最近正好遇到一个需要绘制大量动画的需求,所以决定趁此机会好好研究一下这个既熟悉又陌生的css3。在正式开始css3之前,先来介绍一些比较经典的css3实例,让大家好好感受一下css3的魅力,本文会提到以下几个css3的属性:bo

2016-08-12 13:59:18 699

转载 移动平台3G手机网站前端开发布局技巧汇总

您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程师,如果您不是,可能您会遇见许多不理解或听不懂的专业术语或前端技术(包括WEB

2016-07-13 09:17:26 593

转载 Canvas实现直线与圆形的物理运动效果

一、为什么要写这篇文章某年某月某时某种原因,我在慕课网上看到了一个大神实现了关于小球的抛物线运动的代码,心中很是欣喜,故而写这篇文章来向这位大神致敬,同时也为了弥补自己在运动效果和动画效果制作方面的不足二、几种简单的直线运动这一部分主要讲解的是简单的运动效果的实现原理,其实所有的canvas动画效果的实现在核心思想是一致的:都是先定义个初始的状态,然后定义一个定时器,定时器

2016-05-04 17:35:33 3479 1

转载 CSS3 Filter的十种特效

最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀,一整才让我感到吃惊,太强大了。大家先来看个效果吧:我想光看上面的效果就能吸引你了,要是你自己动手的话,我想您更会感到神奇。细一看,这些效果就像是photoshop整出来的一样,其实是真是这样的,有很多效果都是类似于photoshop中的特效。不过有一

2016-04-26 15:24:55 444

原创 JS判断页面首次访问

web交流Q:460053411,欢迎留言!页面首次访问判断 GO //1浏览器关闭则window.name为空,可以实现跨域,数据传递 // alert((window.name == "" ? "是" : "不是") + "第一次开这个窗口!") // window.name = "00";//2cookie判断function setCookie

2016-04-05 16:24:55 5392

转载 less简介

简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,

2016-03-29 14:56:22 384

转载 移动前端的一些坑和解决方法(外观表现)

在github上看到一个专门收集这些问题的,对于移动方面由于自己做得不多,而且由于测试环境所限,无法重现具体bug,下面来一起看看这些坑以及是怎么解决,学习多一些移动前端的知识,以后做的时候就要所注意。第一篇是外观表现:问题描述环境与频率解决方法border-radius百分比失效Android2.3.x设置一个较

2016-03-12 15:08:11 726

转载 42种常见的浏览器兼容性问题大汇总

1.HTML对象获取问题FireFox:document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法:统一使用document.getElementById(“idName”);2.const问题说明:Firefox下,可以使用cons

2016-03-07 15:44:37 494

转载 30 分钟掌握 ES6/ES2015 核心内容(上)

讲了let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments的相关语法。帮你快速掌握ES6,当然30分钟是不太可能的。ECMAScript 6(以下简称 ES6)是 javascript 语言的下一代标准。因为当前版本的 ES6

2016-02-29 22:47:34 697

转载 移动前端头部标签(HTML5 head meta)

移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 lang="zh-cmn-Hans"> > charset='utf-8'> http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"

2016-02-29 22:15:55 530

转载 IE6兼容常见问题

解决IE6兼容性问题的十一大技巧 (2012-02-28 15:49:50)转载▼标签: 杂谈分类: php10要点解决IE6兼容性问题1、使用声明你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.01//

2016-02-26 11:33:12 606

转载 移动端触摸滑动插件Swiper

移动端触摸滑动插件Swiper04/02/2015一、了解Swiper目前移动端项目一般都需要具有触屏焦点图的效果,如果你也需要实现这一功能的话,Swiper是一个不错的选择。1、他不需要加载任何公共库(如jQuery)即可运行,这保证了Swiper的轻量和运行速度。Swiper也可以在加载了公共库的环境下安全的动行,如jQuery,Zepto,jQuery Mob

2015-12-30 09:05:14 12868

原创 改下拉框的默认样式,有了这个插件什么都是浮云!

去默认小三角  appearance:none;    -moz-appearance:none; /* Firefox */    -webkit-appearance:none; /* Safari 和 Chrome */

2015-12-29 14:52:27 510

原创 JS之This篇-菜鸟的福利

/* this:是唯一的一个引用关键字。始终指向程序当前正在使用的对象,this仅用于函数内。 全局函数:this,始终指向window对象 对象的方法:this,始终指向调用方法的对象 构造函数中的this:指刚创建的新对象 */   /*全局方法中的this指向window*/

2015-12-03 22:46:13 562

原创 JS之数组中的冒泡排序

new document             var nums=[3,2,7,9,4,5];var str=['tom','json','xml','html'];function compareNums(a,b){return a-b};function compareStr(a,b){return a>b?1:afunction co

2015-12-01 20:32:51 428

原创 Bootstrap框架分分钟解决响应式导航(直接上代码)

LOGO                                                                    Home        News        Product            REGISTER      |      LOGIN   

2015-12-01 20:30:45 1904

原创 JS面试题之被人遗忘的小小代码段

(1)/*如何利用hash数组去除数组中重复的元素[1,2,3,3,5,4,5,][1,2,3,5,4]*/var arr=['1','2','3','3','5','4','5'];var hash=[];//依次遍历arr中每个元素for(var i=0;i//将元素值作为key,value默认都取1,放入hash中hash[arr[i]]=1;}

2015-11-30 20:25:38 367

原创 利用CSS中的After和Before解决CSS中的2个BUG

(1)如何解决父元素的第一个子元素的margin-top越界问题(margin-bottom越界同理)1)为父元素加border-top: 1px;——有副作用2)为父元素指定padding-top: 1px;——有副作用3)为父元素指定overflow:hidden;——有副作用4)为父元素添加前置内容生成——推荐使用.parent:before {

2015-11-30 20:14:36 869

转载 JavaScript 之事件处理详解

一.事件传播机制客户端JavaScript程序(就是浏览器啦)采用了异步事件驱动编程模型。当文档、浏览器、元素或与之相关的对象发生某些有趣的事情时,Web浏览器就会产生事件(event)。如果JavaScript应用程序关注特定类型的事件,那么它可以注册当这类事件发生时要调用的一个或多个函数。当然了,这种风格并非Web编程独有,所有使用图形用户界面的应用程序都采用了它。

2015-11-21 22:19:18 401

转载 理解 JavaScript 的作用域链

作用域开始介绍作用域链之前,先看看JavaScript中的作用域(scope)。在很多语言中(C++,C#,Java),作用域都是通过代码块(由{}包起来的代码)来决定的,但是,在JavaScript作用域是跟函数相关的,也可以说成是function-based。例如,当for循环这个代码块结束后,依然可以访问变量”i”。for(va

2015-11-21 22:15:14 373

原创 Ajax入门篇(一),请求类型get&&post的区别

AJAX     * Asynchronous JavaScript and Xml     * 直译中文 - javascript和XML的异步     * (不严格的定义)客户端与服务器端进行交互,而无需刷新当前页面的技术,称之为Ajax     * Ajax实现的是B/S架构下的异步交互   * 实现异步交互的技术     * 元素   * 同步与异步的区别 

2015-11-20 13:49:41 642

原创 H5小动画,分享一下!!

new document  charset="utf-8"/>        var bd=document.getElementsByTagName('body')[0]; var canvas=document.createElement('canvas');

2015-11-19 22:13:51 1777

转载 转载:值得回味的H5 离子 小动画

lang="en">  charset="UTF-8"> particle nets  html,body{ margin: 0; padding: 0; height: 100%; overflow: hidden;}  

2015-11-17 23:00:09 1143

转载 有了这些,CSS3动画 is So Easy!

1、变形 - transform 迅速变化2、过渡 - transition 缓慢变化3、动画 - animation 关键帧动画1、转换原点   默认情况下,原点是在当前物体的中心点上   修改原点:     属性:transform-origin     值:          1、x坐标  y坐标    当前物体的左上点为 x:0 y:0

2015-11-17 22:41:31 588

原创 jquery 自制广告轮播小插件

摘要分享:唯美散文旧时光没有一条路漫无尽头,没有一段青春挥之不去,没有一份心情不能释怀。曾几何时,有人路过我们的倾城时光,无奈,天不时地不利人不和,生命里的万水千山任你一一告别。原来,那哒哒的马蹄声是美丽的错误,你不是归人,是个过客。天依旧很蓝,风依旧再吹,日子就这样苍白无力地继续着。带着一缕伤感,带着一些彷徨,带着一点叹息。挥不尽是我落寞的惆怅。青春是道明媚的忧伤,一如满地曾经的繁花,花落而有痕,落后仍有情。原来不管你是谁,有着怎样的过去和现在,都要生活的不太执着才好。人,总要学着

2015-11-16 21:57:40 612

空空如也

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

TA关注的人

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