推荐几个常用的CDN公共库

CDN

CDN的全称是Content Delivery Network,即内容分发网络。是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。

前端工程师应该具备的SEO基础知识

SEO 是什么?

SEO 是“Search Engine Optimization”(搜索引擎优化)或“Search Engine Optimizer”(搜索引擎优化服务商)的首字母缩略词。通俗地说,SEO就是通过对网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键词排名,从而把精准用户带到网站,获得免费流量,产生直接销售或品牌推广。

CSS3 动画效果

作用

用来定义样式变化的过渡效果, 在某些情况下(移动端),可以代替JavaScript代码来实现动画效果。

transition属性是一个简写属性,用于设置四个过渡属性:

Markdown 学习笔记

定义:

维基百科上的介绍:

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

Sublime Text 学习笔记

自从把主力代码编辑器改为Sublime Text之后,写代码的效率明显高了许多。最近,我开始尝试着给身边的朋友推荐这款编辑器。

一、Sublime Text 的优点

1.跨平台;

2.轻量级,可拓展:有大量插件可由用户自行选择安装(首推Emmet插件)。

实现Tab切换的几种方式

Tab 切换是网页中常见的组件。适当地使用,可以节省页面空间,在同一个大小的页面中展现更多的内容。Tab 切换的效果千差万别,只需要学会基本的思路,便可变换出各种各样的效果。下面我分别使用了原生js和jQuery来实现四种不同的Tab切换效果。

实现返回顶部效果的3种方式

现在的网页内容比较多,基本上无法在一屏完全显示出来。这个时候,用户需要移动滚动条(滑动鼠标滚轮)来查看全部内容,如果想要返回顶部同样需要移动滚动条。如果页面太长,这样的体验显然不够好。因此,返回顶部的按钮就应运而生了。

Git学习笔记

Git是一款分布式的代码管理工具,方便多人协作时的代码管理。在win7系统中使用Git管理代码有2种主要的方式。

方式一: msysgit

Step 1: 下载并安装 msysgit

msysgit 是Windows版的Git。下载,然后按默认选项安装即可。安装完成后,在开始菜单里找到“ Git ”->“ Git Bash ”,点击会弹出一个命令行窗口,说明Git安装成功。

常见的下拉菜单

HTML结构

网页中导航栏是一个很常见的组件。通常,我们使用无序列表来制作导航栏。比如

	<div id="nav">
		<ul class="navMenu">
			<li><a href="">首页</a></li>
			<li><a href="">跟团游</a></li>
			<li><a href="">自助游</a></li>
			<li><a href="">游轮</a></li>
			<li><a href="">自驾</a></li>
		</ul>
	</div>

有些导航栏有下拉的二级菜单,那么我们在相应的位置上再加上列表构成二级菜单,比如