cztflove-CSDN博客

原创 iScroll使用遇到的坑

在最近的项目中发现，iScroll中的元素如果绑定了click事件，会被触发两次原因是iScroll在滑动之前的时候会解除其内元素的所有事件当滑动结束又会重新绑定，于是就造成了绑定了两次的情况可以用下面的方法解决：var t1 = null;//这个设置为全局function myclick(){ if (t1 == null){ t1 = new Date().g

2016-06-01 23:18:06 1125

转载 css生成斜纹样式

background-color: #c16;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rg

2016-02-01 15:50:41 1233

原创安装和使用TmodJs

这几天在接触js模板引擎，是个挺好的东西，对于一些数据量不是太大的小项目来说可以完全胜任。感觉最近好像对前端更深的发展有一种想要努力去多吸取一点的感觉，不过贪多嚼不烂，慢慢来，既然我们没有像大公司的大神去带着走，那就只能付出多点时间和精力去研究，探索一条自己的道路了吧。废话不多说，这篇文主要是想记录一下对使用artTemplate的预编译工具TmodJS的安装和使用做个备忘。首先是在项目的根

2016-01-22 00:15:16 4452

原创给元素绑定事件时传参

若要对某几种元素绑定相似的事件处理，可单独声明一个处理函数，通过参数判断执行其中个别不同的处理语句这个时候要用on()为元素绑定事件，而传参的方法如下：function handler(event){ //... switch(event.data.type){ //通过event.data访问参数 case 1: //do sth

2015-12-22 16:51:52 539

原创烘焙圈总结

这个项目首次尝试使用flex-box来进行布局，一开始的确是有些迷茫不知道怎么用，可是上手之后发现真的很方便！不过有点效果还是需要float来实现，弄清楚什么地方适用就好//若要对display:box的元素内的子元素进行垂直居中等处理，其内子元素必须都是display:block才能显示出应有的对齐效果这个项目还有两个第一次，一个是使用了LESS，另一个是在写之前先由设计图总结出一些公用部分，

2015-12-12 23:32:53 804

原创我的第一个PHP系统—酒店管理系统总结

有去学习php的想法很久了，书也借了回来，但是拖延症老是不想去翻它因为数据库要做一个课程设计，把心一横，趁这个机会给点压力自己学了吧于是就诞生了这篇十分有纪念性的总结，或者说是对第一次写的php代码所犯错误的备忘。//1、mysql相关函数由于较旧，浏览器会出现提示报错让你使用更新的连接数据库方法，可以在前面加“@”来屏蔽错误，大神说最好的办法是使用封装了mysql方法的类来操作数据库$s

2015-12-11 08:17:31 8061 2

原创 cocos2d-js开发总结

与Layer层相关//创建Layervar myLayer=cc.Layer.extend({ ctor:function(){ //ctor方法必须定义，是执行layer上所有程序的入口 }});//如要设置Layer背景颜色必须继承cc.LayerColor而不是cc.Layervar StartLayer = cc.LayerColor.extend(

2015-12-04 08:09:06 588

转载自http://www.cnblogs.com/isaboy/p/javascript_this.htmlJavaScript由于其在运行期进行绑定的特性，JavaScript 中的 this 可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用

2015-11-23 23:51:22 384

转载由一个div创造出的loading效果

转载自http://www.webhek.com/misc/css-loaders之前在消渴丸项目做过一个css3圆环效果一直在思索着有没有更简单的实现方法今晚看到了这个方法，实在是好，写上来备忘一下.loader { margin: 6em auto; font-size: 10px; position: relative; text-indent: -9999em;

2015-11-23 23:38:56 1140

原创利用data-*动态显示数据（attr()\calc()）

在消渴丸项目中有一个效果，客户希望能每月更新柱状图上的数字，我是用了以下方法来解决的：<div class="p11-1-1 curmonth" data-content="1"></div><div class="p11-1-2" data-content="2"></div><div class="p11-1

2015-10-13 18:32:46 3250

原创使用complete属性判断图片是否加载完成

该方法全部浏览器都支持img=document.getElementById("myPic");if(img.complete){ //do something}用于确保图片完全加载后获得最终准确的宽高值，或图片加载完成后显示或隐藏某些元素

2015-10-13 18:08:06 997

原创利用js动态控制animation动画

一般我们写css3 animation动画的时候都是把它们定死在某个值不能改变，其实在js中是有相应的对象可以达到动态控制keyframes关键帧的目的举个例子：这个表盘效果，客户需要指针每个月根据数值做出动态变化<div class="page page7"> <h4 class="element p7-1">销售费用</h4> <p class="hidden-text

2015-09-11 17:39:31 55020 3

原创 Less学习笔记

在浏览器端使用Less引入less样式表<link rel="stylesheet/less" type="text/css" href="css/style.less">配置全局对象less来指定参数，并引入less.js<script> less = { env: "development", async: false,

2015-09-06 14:45:32 396

原创 setTimeout的用法及注意点

用法一setTimeout("alert('hello world')", 1000 );用法二function hello(){ alert("hello world");}setTimeout(hello,1000);用法三setTimeout(function(){alert("hello world");},1000);注意：setTimeout中的this指向wind

2015-08-31 17:25:57 481

转载利用Media Queries来实现IE hack

仅IE8识别@media \0screen { .selector { property: value; }}仅IE8-10识别@media screen\0 { .selector { property: value; }} 仅IE9和IE10识别@media screen and (min-width:0\0) { .selector { property: value;

2015-08-31 11:18:37 293

转载图片放大插件Zoom

演示网址Step1：引入zoom.css和zoom.js Step 2: 给列表父元素加入gallery类<div class="gallery"> <div><a href="path/to/large1.jpg"> <img src="path/to/thumbnail1.jpg" /></a> </div> <div><a href="path/to/la

2015-08-31 11:14:17 296

转载图片逐张滚动插件

jQuery Scrollbox演示网址html结构：<div id="demo" class="scroll-img"> <ul> <li><a href="#"><img src="images/1.jpg"></a></li> <li><a href="#"><img src="images/2.jpg"></a></li> <li><a href=

2015-08-31 10:36:12 366

转载 CSS loading动画插件收集

CSS SpinnersSTEP 1: 引入CSS文件加载动画样式有单个以及全部，如果用户只需要一个加载动画，就选择对应的CSS文件。全部加载样式引用，样式表文件是 spinners.css，但一般情况下我们只引用一个就够了。<head> ... <link rel="stylesheet"css/heartbeat.css" type="text/css"></head>STEP 2:

2015-08-23 12:44:17 600

cztflove的博客