FED
技术栈
专辑
文章
讨论
公告
开发者
©FrontEndDev.org
2015 - 2024
web@2.23.0 api@2.21.1
首页
/
开发者
/
Hatch
/
文章
共计 6 篇
YAML 语言入门教程
Hatch
1/21/2017, 4:28:04 PM
访问
9829
·
评论
1
YAML(英语发音:/ˈjæməl/,尾音类似camel骆驼)是一个可读性高,用来表达资料序列的格式。YAML参考了其他多种语言,包括:C语言、Python、Perl,并从XML、电子邮件的数据格式(RFC2822)中获得灵感。ClarkEvans在2001年首次发表了这种语言[1],另外IngydötNet与Oren>Ben-Kiki也是这语言的共同设计者[2]。目前已经有数种编程语言或脚本语言支援(或者说解析)这种语言。——维基百科...
JavaScript
基础概念
浅谈css 垂直居中的几种方法
Hatch
1/12/2017, 4:29:47 PM
访问
2737
·
评论
1
用css垂直居中元素往往给设计人员带来麻烦。然而,存在用于垂直定心的各种方法,并且每种方法都相当容易使用。今天我想介绍其中的6种方法。注:IE修复:*display:inline-block;由于vertical-align属性与表格一起使用,我们将父DIV设置为display:table,并将子DIV设置为单元格display:talbe-cell.然后我们可以安全的使用vertical-align:middle来垂直单元格中的内容.此方法适用于多行文本,容器DIV随内容动态增长,不幸的是不工作于IE6、IE7中(该死的IE,哈哈)...
CSS
基础概念
JavaScript算法——数组排序之冒泡、插入
Hatch
5/1/2016, 8:48:34 PM
访问
1839
·
评论
1
冒泡排序Array.prototype.bubble_sort=function(){vari,j,temp;for(i=0;i<this.length-1;i++)for(j=0;j<this.length-1-i;j++)if(this[j]>this[j+1]){temp=this[j];this[j]=this[j+1];this[j+1]=temp;}returnthis;};varnum=[22,34,3,32,82,55,89,50,37,5,64,35,9,70];num.bubble_sort();冒泡排序顾名思义就是一个个气泡不断往上浮动的意思。在JS的这段代码中就是不断将最大的数字排在数组尾部,然后类似数学归纳法一般,用同样的方式处理接下来的n-1个数字。这种算法需要计算(n-1)+(n-2)+…+1=(n-1)n/2次,达到O(nn)的级别。...
JavaScript
基础概念
Hybrid 架构下的 H5 应用加速方案
Hatch
5/1/2016, 8:32:48 PM
访问
1880
·
评论
2
在移动App开发领域,主流的开发模式可分为Native、Hybrid、WebApp三种方式。然而2013年,纯WebApp开发模式的发展受到一定挫折,以Facebook为代表的独立App转投Native阵营。但是开发者对WebApp更新速度快,跨平台优势的渴望却并未减弱,最终的结果是促成了HybridApp在2013年数量的激增,并且增长的速率非常之快。简单的说,HybridApp是NativeApp和MobileWeb二者混合开发的产物,HTML5的页面被嵌入到NatvieApp的webview中。因此它综合了更新速度快,交互体验好,跨平台等优点。本文分享的就是HTML5页面(尤其是被嵌入的H5应用)借助Hybrid架构来提升自己的加载速度和性能的一种解决方案。该方案要求你对HybridApp进行以下三步骤的改造:一:模块化你的H5页面/应用,引入模块加载器(可选)模块加载器不必多说,SeaJS、requireJS、kissyloader等耳熟能详,任你挑选。使用模块化的方式来开发你的应用,不仅仅将有利于后期的代码维护,在Hrbrid的架构中,还将会有利于性能的提升。或许你有疑问:模
JavaScript
基础概念
浅谈:CSS3 timing-function:steps()函数
Hatch
3/31/2016, 6:22:10 PM
访问
1348
·
评论
0
一、不堪回首的过往在应用CSS3渐变/动画时,有个控制时间的属性<timing-function>。它的取值中除了常用到的三次贝塞尔曲线以外,还有个让人比较困惑的steps()函数。在许多相关文章里,关于这个函数的解释都比较含糊其辞,比如:steps()第一个参数number为指定的间隔数,即把动画分为n步阶段性展示,第二个参数默认为end,设置最后一步的状态,start为结束时的状态,end为开始时的状态。...
JavaScript
基础概念
css文件和js文件后面带一个问号
Hatch
6/24/2015, 11:02:57 AM
访问
948
·
评论
0
经常看一些网站页面源代码中的css文件和js文件后面带一个问号,后面跟着一连串数字或字符,这是干什么用的?这个方法我也用过,而且很好用?,它的作用有两个:1、作为版本号,让自己方便记忆、查找;2、作为修改标签,让浏览器重新下载新文件。其实css文件后面得问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,比如新浪、facebook上用到的:你可以从version后面清楚地看到这个css文件是何时修改过的,而且当修改过CSS文件并上传到服务器后,还可以让浏览器重新下载这个css文件,解决不刷新缓存的问题。这么一讲就清楚了吧?一个很小的细节,却能为我们添加许多方便之处。...
JavaScript
基础概念
1
→