- 浅谈Angular的优缺点 11-29
- 干货:普通的中小设计团队如何快速制作有效的UI设计规 11-29
- 这几个在线神站,让你相见恨晚 11-29
- 网站导航设计与网站优化 11-29
- 自适应布局中table元素的自适应性 11-29
- 瑞讲堂|CSS 盒模型与浮动定位——盒模型(一)盒模 11-29
- 24个Web前端人员不能错过的在线检测网站汇总 11-29
- 《小白H5成长之路23》网页漂浮层与浮动导航是怎么实 11-29
- HTML基础(一)——每天几个标签,轻松学会HTML 11-29
- 分享给设计师寻找配色的灵感 11-29
浅谈Angular的优缺点
发布者: superzhang | 发布时间:2017-11-29Stack Overflow最近对最具戏剧性的技术增减情况进行了分析。不出意料,“最具戏剧性的增长”顶部里出现了Angular的身影。然而,这并不意味着Angular是十全十美的,它既有利也有弊。本文将深入解剖Angular的优点与缺点。
优点
1. TypeScript
TypeScript是JavaScript的一组超集,这意味着如果您知道如何使用JavaScript,特别是ECMAScript 6/7进行编码,那么转换应该是无懈可击的。当然,最重要的区别在于增加了类型,Angular可以对表格进行静态代码分析,进而提高代码的可读性和维护性。这并不是说bug会从项目中奇迹般地消失,仍然应该依靠已经建立的实践作为TDD和代码评审,但它确实比单纯的JavaScript对您更有利。
TypeScript还带来了ECMAScript新版本的所有优点,包括类语法、箭头函数、异步和等待等。此外,还添加了诸如接口、泛型和方法访问修饰符之类的已建立的OOP实践,使新成员能平滑的从Java和C#等语言向Web生态系统过渡。
尽管TypeScript在内联类型注释方面可能是冗长的,但是在类型推断方面上它正逐步改进。TypeScriptv可能永远不能取代JavaScript,而且在某些情况下,它可能会妨碍您的开发过程(小型项目或库),
干货:普通的中小设计团队如何快速制作有效的UI设计规范?
发布者: superzhang | 发布时间:2017-11-29编者按(来源:欧巴酱):这是一种简单快速制作规范的方法,已经在公司内部得到实践,可行性很高。适用于中小团队。
像优秀的设计规范比如Material Design / ANT Design等。
这里主要讲解如何快速制作一份设计规范。附件带工程文件和sketch插件。规范所用素材非工作设计界面,但不影响内容。关于设计规范的好处,这里不详细描述。
分析以往痛点
小结:规范落实起来难,效果就低很多,沟通成本加大,背离初衷。
问题场景
一家公司有30名设计师,4个前端开发团队,已有一份PDF规范。有趣的事情是,设计师的设计稿间距高度、字号、颜色用法有很大的个人习惯。有时还重复做已有的控件。然后开发爸爸们,同样也是,同一个可以复用的导航栏,侧边栏等,都重复去写了代码。小团队之间,都单独有自己的控件库,在UI验收时才能去解决,但是这无形中增加了成本。
我们能否减少这些问题呢,带着这些疑问,我也摸索出一点小经验。这也是我真正
这几个在线神站,让你相见恨晚
发布者: superzhang | 发布时间:2017-11-291.万千合集站
http://www.hejizhan.com/html/
网站十分给力十分强大,一个学生党必须收藏的学术网站,一个强大的学术论文搜索网站,并免费提供下载链接
2.apowersoft
https://www.apowersoft.cn/free-online-screen-recorder
在线录屏,录音,下载视频(优酷、土豆、爱奇艺、腾讯等),音视频转换,音频编辑十分给力
网站导航设计与网站优化
发布者: superzhang | 发布时间:2017-11-29网站导航是网站的重要组成部分,能够兼顾用户体验,方便用户浏览。而对于搜索引擎来说也是非常重要的,搜索引擎蜘蛛爬取网站首先也会到导航上获取信息,所以网站导航的设计对于网站优化来说有一定影响,在设计的时候就要多加注意:
1、文字导航设计
网站导航应该使用常用的HTML文本,不要使用图片、flash等作为导航链接,也不要使用javascript来生成导航。因为搜索引擎对这些内容的识别还是不够完善,可能会导致不收录,影响排名和权重。
2、点击短距离和平坦结构
好的网站导航都是能够把所有网站的页面和主页内部链接的,与主页离得越近越好。如果是权重一般的网站,内页导主页的应该不能超过4/5安打以上,使网站尽量平坦化的结构。
自适应布局中table元素的自适应性
发布者: superzhang | 发布时间:2017-11-29按HTML5的说法,table是一个不鼓励使用的HTML标记,但现实工作中,我们避免不了的偶尔会用到它。那么,怎样让一个传统的表格也表现出自适应性呢?
网上有很多种解决方案,最常见的是配合JavaScript。css-tricks里给出了一个用纯CSS实现的,但它需要将一些业务数据写在CSS里。而本文这将提到的一种方法也是用纯CSS实现表格的自适应布局,而且CSS只负责表现,不牵涉业务逻辑和数据。
例如:
借助伪元素和自定义属性
我们将借助伪元素 :before 和 :after 的力量。通常, 它们用显示图标类的内容,比如一个箭头,提示,或文字图案(icon)。它的另外一个神奇的功能是元素属性值显示到HTML内容里,content: attr(data-label),放在before/after伪元素类里。沿着这个思路,我们就能够让table在PC端表现成网格效果,而在小屏的手机端表现成流式布局。
我们暂以600px为小屏幕大屏幕的分界点,下面的CS
瑞讲堂|CSS 盒模型与浮动定位——盒模型(一)盒模型概述
发布者: superzhang | 发布时间:2017-11-29我们对网页进行设计排版时最简单的方法是使用表格进行处理,但表格总有局限性,因此我们多使用块级标签div进行排版,这里就不得不提到盒模型这个概念了,在CSS中,盒模型(Box Model)是用来设计和布局时使用。本章将介绍利用CSS盒模型对网页内容进行排版,进一步优化页面样式。
盒模型是CSS学习中的重要环节,在网页开发过程中,任何一个元素我们都可以理解成为一个盒子。
1.1 盒模型概述CSS盒模型主要用来设计和布局。HTML文档中的每个元素都有盒子模型,盒模型规定了元素处理元素内容(content)、内边距(padding)、边框(border)和外边距(margin)的方式。
下面我们来看一下盒模型的示意图:
图 1-1 盒模型
从图中我们可以看出,盒模型结构从内到外依次是内容(content)、内边距(padding)、边框(border)和外边距(margin)。在后续小节中将
24个Web前端人员不能错过的在线检测网站汇总
发布者: superzhang | 发布时间:2017-11-29标签:html检测 /SEO /css /
在用IE浏览网站时,发现下面显示“网页上有错误”,虽然不影响浏览,但总归让人感觉不舒服,大概多数站长都遇到过。而如果你的代码基础不是很好的话也许根 本找不到办法去解决这个问题,以致费了好多时间都无从下手,我是遭遇过多次这样的烦恼,因为本站加了一些代码,但是难免会冲突,有时候就在状态栏显示错误,代码很长挨个看实在头疼。
24款web网站在线检测工具
于是爱整理的我就利用有限的资源整理了网页错误在线检测工具,结果还真发现了不少,把用过的工具进行了整理,分网页代码测试、网页兼容性、网速测试、seo优化四大类收集了24个可以在线测试网页的工具,推荐也收藏一下,以后备用。
>>>网页代码测试工具
没有站长可以保证自己的网页代码完全正确没有任何错误,特别是是否符合W3C标准,你可以通过以下测试来检查网站代码是否正确,无论你是asp的还是php的
《小白H5成长之路23》网页漂浮层与浮动导航是怎么实现的
发布者: superzhang | 发布时间:2017-11-29"小白,你最近看CSS的时候碰到position属性了么?"
“碰到了,通过position可以改变容器的定位,我记得官方描述是这样的:这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。”
“恩,不错,今天咱说一下position里面的fixed类型吧,这个属性值是让容器基于浏览器窗口的绝对定位,在我们平时的制作中经常会碰到。”
老朱接着说:“给一个容器设定position为fixed以后,可以通过left、right、bottom、top进行四个方向的距离定位。现在我们在页面中写一个fixed容器,看一下代码片段。”
标题标签
在浏览器中打开:
HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
实例:
2、http://color.farm/
汲取色彩灵感的配色网站,你可以拿来主义,把配色用在自己的项目中。
3、http://colorlibr
