之前上一篇文章中讲了我部门的设计要求统一设计规范,前端也打算同步提供对应的落地方案。下面我就讲讲我的第一步——静态样式支持。 一、前提条件——样式预编译化 在设计规范中有很大一部分是要求设计师对于某些特定的元素,必须按照某些特定的样式规则去设计。换句话说就是:这些规则就是我们前端可以抽象出来的部分, ...
分类:
其他好文 时间:
2017-07-23 19:41:40
阅读次数:
191
一、首先是喜闻乐见的position方法,经典且万能,用法如下: 不需要水平居中可以去掉left和margin-left。 划重点:需要父元素和子元素都定义宽高,自适应是不可能自适应的,这辈子都不可能自适应的。 二、 display:table-cell能够使大小不固定的元素实现垂直居中布局,先来一 ...
分类:
其他好文 时间:
2017-07-23 19:39:35
阅读次数:
200
//首先写一个导航栏样式 .nav{ width:560px; height: 50px; font:bold 0/50px Arial; text-align:center; margin:40px auto 0; background: #f65f57; border-radius:10px;/ ...
分类:
其他好文 时间:
2017-07-23 19:38:21
阅读次数:
179
1. 2. 3.结论: location 始终不滚动,返回相对整个html或者对应frame的坐标location_once_scrolled_into_view chrome完全可见不滚动,firefox始终会滚动;而且chrome底部元素会底部对齐,其余情况两者都是顶部对齐。 一般返回相对可视区 ...
分类:
其他好文 时间:
2017-07-23 19:36:13
阅读次数:
255
第一步:我们来学习一下cookie-signature: var cookie=require('./index'); var val = cookie.sign('hello', 'tobiiscool'); console.log(val); //打印hello.DGDUkGlIkCzPz+C0 ...
分类:
其他好文 时间:
2017-07-23 18:24:57
阅读次数:
260
DOM(文档对象模型)是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树。同意开发者加入,移除和改动页面的某一部分。DOM脱胎于微软公司的DHTLM(动态HTML),可是如今它已经成为表现和操作页面标记的真正跨平台,语言中立的方式。 JavaScript和DOM通常被视为一个单一 ...
分类:
编程语言 时间:
2017-07-23 18:19:38
阅读次数:
203
有两个东东,特别好用,一个叫call一个叫apply;这是两个方法,很厉害。 求最大数,当然,最小数也是一样的。 var arr=[1,2,3,4,5,6,10,7,9,11,20,19]; alert(Math.min.apply(null,arr));//获取数组中最小值 alert(Math. ...
分类:
编程语言 时间:
2017-07-23 18:11:56
阅读次数:
153
面向对象的特性? 面向对象的特性? (1.特性;2.优点) 封装、继承、多态; 封装:封装隐藏了类的内部实现机制,可以在不影响使用的情况下改变类的内部结构,同时也保护了数据。对外界而已它的内部细节是隐藏的,暴露给外界的只是它的访问方法。优点:1.隐藏对象的属性来保护对象内部状态;2.禁止对象的不良交 ...
分类:
其他好文 时间:
2017-07-23 18:11:06
阅读次数:
203
下面是花了几个小时总结的JavaScript的初级教程: JavaScript(简介) 定义:是一种脚本语言 是一种轻量级的编程语言 用途:1.嵌入动态文本于HTML页面; 2.对浏览器事件做出响应; 3.读写HTML元素; 4.在数据被提交到服务器之前验证数据; 5.检测访客的浏览器信息; 6.控 ...
分类:
编程语言 时间:
2017-07-23 18:10:04
阅读次数:
192
Python 解释器内置了一些函数,它们总是可用的。这里将它们按字母表顺序列出。 all(iterable) 如果iterable的所有元素为真(或者iterable为空), 返回True。 如果iterable的所有元素为真(或者iterable为空), 返回True。等同于: def all(i ...
分类:
编程语言 时间:
2017-07-23 18:04:48
阅读次数:
156