网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
关于DOCTYPE的使用和说明
2017年05月11日
DOCTYPE不可怕，但把它拿走，会让你怕了又怕。发现很多朋友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很奇怪，很难调整。我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。在遵循标准的任何Web文档中，DOCTYP...
分享链接内容到Facebook和twitter
2017年05月09日
使用<a href=""></a>分享链接的好处是，不需要第三方的依赖，只要客户端能访问Facebook和twitter即可(使用VPN)1. 分享链接到Facebook的写法<a href="https://www.facebook.com/sharer.php?u=${shareUrl}" target="_blank" style="margin-right:19px;"> ...
使用 DevTools 的工作区设置持久化
2017年05月07日
在 Chrome DevTools 中设置永久制作，以便立即查看更改和将这些更改保存到磁盘中。利用 Chrome DevTools，您可以更改网页上的元素和样式并立即查看更改。默认情况下，刷新浏览器后更改消失，除非您将其手动复制并粘贴到外部编辑器中。通过工作区，您可以将这些更改保存到磁盘中，而不用离开 Chrome DevTools。将本地网络服务器提供的资源映射到磁盘上的文件中，并实时查看对这些...
html script 标签中 type有如下这些值，请问分别是什么意思，在什么情况下使用~ type="text/javascript" type="application/javascript" type="application/x-javascript" 这3个有什么区别吗
2017年05月07日
`type="text/javascript"` 是比较老的写法IETF 推荐的是 `type="application/javascript"`实际上这两种没什么大区别，只是不同浏览器的支持不一样。`type="application/x-javascript"` 的写法很少见到，`application/x-javascript` 好像是在 HTTP 请求/响应的 Header 中定义 Con...
canonical 标签介绍
2017年05月04日
rel=”canonical” 这个标签已经推出很久了，canonical 是 Google、雅虎、微软等搜索引擎一起推出的一个标签，它的主要作用是用来解决由于网址形式不同内容相同而造成的内容重复问题。这个标签对搜索引擎作用非常大，简单的说它可以让搜索引擎只抓取你想要强调的内容。举个简单的例子，来看下如下的网址：http://www.yzznl.cn/archives/2011-snow.html...
读jQuery之六（缓存数据）
2017年05月04日
很多同学在项目中都喜欢将数据存储在HTMLElement属性上，如1234<div data="some data">Test</div><script> div.getAttribute('data'); // some data</script>给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttribute获取。 jQuery从1.2.3...
javascript 字符串
2017年04月27日
字符串是由特定字符集（通常是ASCⅡ或通用字符集）里的字符组成的序列，通常用于保存文本内容。字符串的定义是用一对单引号或一对双引号实现的：var mySite = "http://pdf-lib.org";使用一对内容为空的引号可以定义空字符串：var myString = "";字符串方法附录B有string对象的完整属性和方法列表，下面一张表列出了比较重要的一部分。string对象的一些常用方...
Javascript 闭包
2017年04月18日
Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性，并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。注：本文是入门文章，例子素材整理于网络，如果你是高手，欢迎针对文章提出技术性建议和意见。本文讨论的是Javascript，...