浅谈Angular的优缺点

Stack 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设计规范？

编者按（来源：欧巴酱）：这是一种简单快速制作规范的方法，已经在公司内部得到实践，可行性很高。适用于中小团队。

像优秀的设计规范比如Material Design / ANT Design等。

这里主要讲解如何快速制作一份设计规范。附件带工程文件和sketch插件。规范所用素材非工作设计界面，但不影响内容。关于设计规范的好处，这里不详细描述。

分析以往痛点

小结：规范落实起来难，效果就低很多，沟通成本加大，背离初衷。

问题场景

一家公司有30名设计师，4个前端开发团队，已有一份PDF规范。有趣的事情是，设计师的设计稿间距高度、字号、颜色用法有很大的个人习惯。有时还重复做已有的控件。然后开发爸爸们，同样也是，同一个可以复用的导航栏，侧边栏等，都重复去写了代码。小团队之间，都单独有自己的控件库，在UI验收时才能去解决，但是这无形中增加了成本。

我们能否减少这些问题呢，带着这些疑问，我也摸索出一点小经验。这也是我真正

想读更多 ->

这几个在线神站，让你相见恨晚

1.万千合集站

http://www.hejizhan.com/html/

网站十分给力十分强大，一个学生党必须收藏的学术网站，一个强大的学术论文搜索网站，并免费提供下载链接

2.apowersoft

https://www.apowersoft.cn/free-online-screen-recorder

在线录屏，录音，下载视频(优酷、土豆、爱奇艺、腾讯等)，音视频转换，音频编辑十分给力

想读更多 ->

网站导航设计与网站优化

网站导航是网站的重要组成部分，能够兼顾用户体验，方便用户浏览。而对于搜索引擎来说也是非常重要的，搜索引擎蜘蛛爬取网站首先也会到导航上获取信息，所以网站导航的设计对于网站优化来说有一定影响，在设计的时候就要多加注意：

1、文字导航设计

网站导航应该使用常用的HTML文本，不要使用图片、flash等作为导航链接，也不要使用javascript来生成导航。因为搜索引擎对这些内容的识别还是不够完善，可能会导致不收录，影响排名和权重。

2、点击短距离和平坦结构

好的网站导航都是能够把所有网站的页面和主页内部链接的，与主页离得越近越好。如果是权重一般的网站，内页导主页的应该不能超过4/5安打以上，使网站尽量平坦化的结构。

想读更多 ->

自适应布局中table元素的自适应性

按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 盒模型与浮动定位——盒模型（一）盒模型概述

我们对网页进行设计排版时最简单的方法是使用表格进行处理，但表格总有局限性，因此我们多使用块级标签div进行排版，这里就不得不提到盒模型这个概念了，在CSS中，盒模型（Box Model）是用来设计和布局时使用。本章将介绍利用CSS盒模型对网页内容进行排版，进一步优化页面样式。

盒模型是CSS学习中的重要环节，在网页开发过程中，任何一个元素我们都可以理解成为一个盒子。

CSS盒模型主要用来设计和布局。HTML文档中的每个元素都有盒子模型，盒模型规定了元素处理元素内容（content）、内边距（padding）、边框（border）和外边距（margin）的方式。

下面我们来看一下盒模型的示意图：

图 1-1 盒模型

从图中我们可以看出，盒模型结构从内到外依次是内容（content）、内边距（padding）、边框（border）和外边距（margin）。在后续小节中将

想读更多 ->

24个Web前端人员不能错过的在线检测网站汇总

标签：html检测 /SEO /css /

在用IE浏览网站时，发现下面显示“网页上有错误”，虽然不影响浏览，但总归让人感觉不舒服，大概多数站长都遇到过。而如果你的代码基础不是很好的话也许根 本找不到办法去解决这个问题，以致费了好多时间都无从下手，我是遭遇过多次这样的烦恼，因为本站加了一些代码，但是难免会冲突，有时候就在状态栏显示错误，代码很长挨个看实在头疼。

24款web网站在线检测工具

于是爱整理的我就利用有限的资源整理了网页错误在线检测工具，结果还真发现了不少，把用过的工具进行了整理，分网页代码测试、网页兼容性、网速测试、seo优化四大类收集了24个可以在线测试网页的工具，推荐也收藏一下，以后备用。

>>>网页代码测试工具

没有站长可以保证自己的网页代码完全正确没有任何错误，特别是是否符合W3C标准，你可以通过以下测试来检查网站代码是否正确，无论你是asp的还是php的

想读更多 ->

《小白H5成长之路23》网页漂浮层与浮动导航是怎么实现的

"小白，你最近看CSS的时候碰到position属性了么？"

“碰到了，通过position可以改变容器的定位，我记得官方描述是这样的：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。”

“恩，不错，今天咱说一下position里面的fixed类型吧，这个属性值是让容器基于浏览器窗口的绝对定位，在我们平时的制作中经常会碰到。”

老朱接着说：“给一个容器设定position为fixed以后，可以通过left、right、bottom、top进行四个方向的距离定位。现在我们在页面中写一个fixed容器，看一下代码片段。”

标题标签

在浏览器中打开：

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

实例：

2、http://color.farm/

汲取色彩灵感的配色网站，你可以拿来主义，把配色用在自己的项目中。

3、http://colorlibr

想读更多 ->