摘要:
忙里偷闲,最近又在看许多比较酷炫的效果。现在基于jquery的插件比较多,但是很多插件的兼容性不是太好,所以原生的才是王道。在日常当中,毛玻璃已经不常见了,那是一个很久远年代的东西了。诺,下面就是毛玻璃: 哈哈,不闲扯了,接下来不如正题吧,先看一下终极效果: 嗯,好了,,开始我们的步骤吧: 第一步: 阅读全文
摘要:
我们在处理网页的时候,往往会遇到兼容性的问题。在这个问题上分为两个大的方向:屏幕自适应&浏览器兼容。而屏幕自使用的方法有许多,包括框架之类的,但是浏览器的兼容却没有一个号的框架。在我们日常处理中,会使用属性兼容(*background,_background...),前缀兼容(-webkot-,-o 阅读全文
摘要:
这里小程序有个组件是可以实现的,那就是scroll-view组件,他具有很多的属性,其中我们要利用到以下两个属性来处理: 通过滚动触发事件,获取距离文档顶部的scrollTop值,当达到一定条件【>300】的时候,显示gotop层,针对这个层写点击事件,重新设置scroll-top值,偶然间发现设置 阅读全文
摘要:
在前端工程师的工作中,banner是必不可少的,那缺少了DOM的小程序是如何实现banner图的呢?如同其他的框架封装了不同的banner图的方法,小程序也封装了banner的方法,来让我一一道来: 一:准备工作 我用两张图吧,如下所示: 1.jpg 2.jpg 二:编写xsml代码(即html) 阅读全文
摘要:
前言:小程序越来越受到重视,从去年张小龙的发布会来大力推及开始,但是之后仿佛没了什么动静,而且微信中也没人去关心小程序的事。但是平静的湖面下往往是暗流涌动的。许多公司都在着手开发自己的小程序,想着能在以后早早的打下属于自己的一片天地。记得曾有个大神对我说过“小程序总会火气来的”,我也深信不疑。并不是 阅读全文
摘要:
分页效果在网页中是常见的,可是怎样才能实现分页呢,今天做了两种方法来实现一下分页的效果 首先,我们需要准备在数据库里面准备一个表,并且插入数据,这些都是必需的前提工作了,不多说,如图所示(库名为jereh,表名为n_content): 步骤分析: 我们需要分页的话,需要用到 "select * fr 阅读全文
摘要:
我们常常有着将视频作为网页背景的需要,但是在设置时也经常差强人意,今天设置了一下,可以基本达到要求了,可能有些小细节做的不是太好,希望指出来,一起进步 第一步:准备工作 工欲善其事必先利其器,我们首先需要准备一个视频,我准备了一个这样的视频,如图: 是不是很美,当然了,,没我美哈 第二步:引入视频 阅读全文
摘要:
在js中,我们常常会用到定时器来处理各种各样的问题,当我们需要清除定时器的时候,我们常常会定义一个值来接受定时器的返回值,然后再把定义好的这个值写到清除定时器的括弧后面,如: 我刚开始一直以为它的返回值就是本身,,没怎么在意,但是今天我console了一下,发现并非如此,看 是个数值类型的1,这让我 阅读全文
摘要:
1.绘制圆 绘制圆是canvas里面不可缺少的功课,而且绘制圆在canvas中的用处很多,好嘞,开扯 绘制圆需要用到arc这个方法: arc(X坐标,Y坐标,半径,起始弧度,结束弧度,旋转方向); 弧度与角度的关系:弧度 = 角度*Math.PI/180; 旋转方向:true(逆时针),false( 阅读全文
摘要:
最近弄数据库弄得头大,想着没事整理一下画布canvas吧,毕竟canvas用途广泛,是html游戏开发必不可少的一环,也是h5新特性中的重中之重 首先canvas是一个html标签,可以给他设置一些css的样式,它默认是黑色的,宽为300px,高为150px的一个区域,他的坐标为(0,0),也就是浏 阅读全文