程序员养生攻略_程序员防猝死指南
程序员在其职业生涯中，健康问题尤为突出。但是大部分程序员只顾码字，却往往忽略了自身的健康问题。这或许是因为写代码太入神，也或许是因为来自老板的压力太大。
TypeScript_TS系列之高级类型
交叉类型:将多个类型合并为一个类型、联合类型：表示取值可以为多种类型中的一种、混合类型：一个例子就是，一个对象可以同时做为函数和对象使用，并带有额外的属性、类型断言：可以用来手动指定一个值的类型
整理seo站长查询排名工具_前端seo知识
关键词布局：1.优先级遵循，2.网址标题上尽量以_ 这种排序方式编写 一般不超过80个字符。关于img 的alt 最好写上相关信息，关于网站链接，地址来说最好为静态地址,切成绩最好不能大于3级，层级过多可能不利爬虫了解网站层级结构
GraphQL的使用_我为什么用GraphQL
Facebook 在2015年开源的 GraphQL,全部的 Graphql 查询都会通过 schema 来进行解析，Graphql 用一种强类型的观念来强制我们设计每个数据，也许会有些前端的同学接受不了，并且 Graphql 这种还支持嵌套查询，只需要 fields 属性中有这个对象就行了
vue watch监听对象的使用_实现首次不触发、深度监听
vue中的watch是一个对象，所以一定要当成对象来用，它有键-值组成，其中键就是你要监控的那个数据。这篇文章介绍：vue如何实现首次不触发watch，vue如何实现数据的深度监听？
前端数据保存_使用js开发数据库
前端很多时候还是需要保存一些数据的，这里的保存指的是长久的保存。以前的思想是把数据保存在cookie中，或者将key保存在cookie中，将其他数据保存在服务器上。想要一种能够长久的保存在本地的数据，类似数据库或者类似web sql。
css中input与button在一行高度不一致的解决方法
在写html表单的时候，发现了一个问题：input和button设置了一样的宽高，但是显示高度确不一致，很明显的看出高度不一样。这是由于button在高度计算上始终使用了Quirks模式。
CSS3 target 选择器_:target伪类的使用
arget作为目标伪类选择器，是css3中的新特性之一。URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。:target 选择器可用于选取当前活动的目标元素。
前端面试之webpack面试常见问题
什么是webpack和grunt和gulp有什么不同?什么是bundle,什么是chunk，什么是module?什么是Loader?什么是Plugin?如何可以自动生成webpack配置？webpack-dev-server和http服务器如nginx有什么区别?