html5+css3

input表单step先加1再加step的值的bug

蒙奇·D·撸码客 发布于 2016-07-01 18:03:00

众所周知,当inputtype=“number”时,设置可以设置step属性来设置每次增减的值。但今天遇到一个奇葩问题,就是设置step属性之后,点击增加按钮,input的值是先增加1,然后再点击增加按钮才按照step的值来增减。比如:<inputtype="number"...

html各标签语义大全

蒙奇·D·撸码客 发布于 2016-05-26 10:14:32

节元素标签header元素header元素代表“网页”或“section”的页眉。通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。整个页面没有限制header元素的个数,可以拥有多个,...

Native与H5交互的那些事

蒙奇·D·撸码客 发布于 2016-05-03 13:31:10

前言在混合式开发中,现在出现的bug有时候就不是单纯的前端的问题,也有可能是native的问题,所以要懂得甄别筛选排除。那么今年由@郑晓勇带来nativeapp与webview交互的那些事,让我们知道为什么?正文从这开始~Hybrid开发模式目前几乎每家公司都有涉及和使用,这种开...

通过浏览器的渲染原理了解CSS的性能优化

蒙奇·D·撸码客 发布于 2016-04-07 11:46:23

平时我们几乎每天都在和浏览器打交道,写出来的页面很有可能在不同的浏览器下显示的不一样。苦逼的前端攻城师们为了兼容各个浏览器而不断地去测试和调试,还在脑子中记下各种遇到的BUG及解决方案,而我们好像并没有去主动地关注和了解下浏览器的工作原理。如果我们对此做一点了解,我想在项目过程中...

web前端冷知识

蒙奇·D·撸码客 发布于 2016-01-20 17:29:05

浏览器地址栏运行JavaScript代码这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句。示例代码:javascript:alert('hellofromaddressbar:)');将以上代码贴到浏...

关于transform:Matrix()偏移缩放后的坐标问题

蒙奇·D·撸码客 发布于 2016-01-20 11:46:20

首先先简单说一下transform:Matrix()各参数的含义:transform:matrix(a,b,c,d,e,f);a、d控制缩放,b、c控制旋转,e、f控制位移。其中ef能够直接影响元素的坐标,缩放间接影响坐标,旋转对坐标没有影响。所谓坐标X,Y其实就是元素的left...

css3动画是否结束监听事件

蒙奇·D·撸码客 发布于 2016-01-11 9:51:23

css3动画是否结束监听事件:vardomObj=$("#id");domObj[0].addEventListener("webkitAnimationEnd",function(){this.className=this.className.replace('change',...

CSS命名规范及常用命名

蒙奇·D·撸码客 发布于 2015-12-22 10:00:38

一、命名规则说明:1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、空元素要有结束的tag或于开始的tag后加上"/"5...

js+div还原80后怀旧经典赛车游戏 谁说html5动画非得用canvas?

蒙奇·D·撸码客 发布于 2015-12-02 13:48:11

最近用js+div做了个赛车动画,动画很简单,就是仿古老的小型掌上游戏机里的赛车游戏。游戏页面:http://zhaicool.net/drive/index.html所有源代码也都在页面里面。直接查看源代码就行。核心代码其实就是怎么让车动起来。我的思路让车动其实就是让路动,用s...

css属性在线排序工具

蒙奇·D·撸码客 发布于 2015-11-19 19:56:12

css属性在线排序工具:http://web.zhaicool.net/cssreorder.html不少人都说css属性的排序也是有一定的讲究的,还有大牛整理了css属性排序的书写规范,比如1.位置属性(position,top,right,z-index,display,fl...