在开发过程中程序员总会碰到产品经理提出的各种稀奇古怪的需求，尽管有些需求很奇葩，但不得不说有些须有还是能指引我们不断的学习与进步，最近在工作中就碰到这种问题。需求是要求在各主流浏览器上使用自定义的滚动条样式，并且达到完美兼容，此篇博客记录自己的分析过程。此篇博客的源码可访问slimscroll

作为前端工程师javascript可谓是基本功，那么如何写出高性能的js代码呢？这就需要我们平时在编码的时候注意各种写法，本文就简单介绍了几种策略，希望对大家的工作起到帮助^_

如今的前端开发不再是以前的切图仔或者是写写静态页面就能胜任的了，如今的工作中也常用到 PHP 和 MYSQL，这就要求我们前端开发也必须熟悉 PHP 和 mMySQL 相关内容，这篇博客仅是记录 mysql 学习课程笔记。

linux 基础

ip a 查看 ip 地址
ip addr 查看网卡
关机 shutdown -h now
重启 shutdown -r now 或者 reboot
Linux 查看版本当前操作系统发行版信息
cat /etc/issue 或 cat /etc/redhat-release

最近工作中需要到linux服务器上更改文件，苦于对vim的各种命令不熟悉，今天特此总结并熟悉一下各种vim命令，好提高工作效率。后期持续更新

在前端开发中我们经常需要将元素垂直居中对齐，我们很自然的想到使用 vertical-align 属性，但是使用后却发现有时候能起作用，有时候却又不起作用。究其原因还是因为我们没有将 vertical-align 属性弄清楚，今天就来分析一下这个属性，若分析有误，还请原谅，望一起探讨！

最近工作中用到Yii框架，为此专门在网上找了些相关教程学一下，尽管教程比较老，但学完后至少对Yii框架有了基本了解，特别是widget的使用，感觉Yii真的很强大。

在 H5 页面开发中，我们常需要设置各种头部标签以帮助浏览器更好的解析页面，将页面完美呈现，这里列出了工作中常用的各种头部标签，以备查询。

之前一直忙于项目苦于没有时间总结，今天刚好有时间特来总结一下在工作中常用到的代码版本管理器 Git。至于为什么要用 Git？Git 相比 SVN 有哪些好处？我就不多说了,前人已经总结的很好。今天主要介绍的是常用的 Git 命令。

在前端开发工作过程中曾碰到这样一问题:

<style type="text/css">
.parent{ width:400px; height:300px; border:1px solid #ccc; }
.child{ margin:10%; background-color: red; }
</style>
<div class="parent">
    <div class="child"></div>
</div>

问这类名为child元素在网页中显示的高宽？

用惯了jQuery的html()方法，突然有一天不用jQuery的时候发现自己懵逼了，只知道有innerHTML,innerText,textContent这三种属性可以改变DOM元素的内容，可是他们具体的区别及适用场合在头脑中却不够清晰。本着一查到底的精神，今天就来膜拜一下这三个属性的各自成名绝技。
本文将从以下几个方面来介绍：

1. 规范解读
2. 属性的异同
3. 各自适用场合

在javascript中我们总是会遇到各种各样的this，由于this是在代码运行期确定的，它可以是全局对象、当前对象或者任意对象，这完全取决于this的调用方式。《javascript语言精粹》一书中将this的调用方式总结为以下四种：

前端开发技术的更新速度可谓是越来越快，前段时间还在用Gulp打包工具，转眼间Webpack就要一统江湖了。为了体验一下webpack新技术带来的好处，于是就用webpack搭建了一款适合自己使用的前端脚手架，主要用于提高开发速度。在前端开发中切记不要因为某种新技术很火就盲目跟风的在实际项目中使用，而是要根据项目自身特点来选择工具。

最近在关注如何提升网站性能方面的内容，连续看了《高性能网站建设指南》和《高性能网站建设进阶指南》。看完后的觉得收获颇丰，书中提出了很多在提升网站性能方面应注意的事项和所运用的技术，尽管有些内容很老旧，但是仍有部分内容在工作中还是发挥出巨大的效果的。书中有些部分添加了自己的见解，如有错误之处还望提出。

在前端开发中如何提升网站性能是每个前端工程师必须所考虑的内容。通过阅读《高性能网站建设指南》加深了对提升网站性能的各种方法的认识，同时在今后的开发中也能更好的运用。

随着WEB应用越来越复杂，用户对WEB安全也越来越重视。再加上前端工程师的工作面已逐渐扩大，开始覆盖到各种业务逻辑，因此如何应对各种WEB安全问题就显得十分重要，今天我们就来探讨下前端开发编码工作中可能造成的WEB安全问题及防御措施

在前端开发中经常会碰到各种类型布局的网页，这要求我们对css网页布局非常熟悉。其中水平垂直居中布局，多列布局等经常会被使用到，今天就来解决一下css布局方面的问题。

要编写整洁的 CSS 代码，你必须准守以下规则，它将有助于你写出轻量的可复用的 CSS 代码：

• 避免使用全局选择器和元素选择器
• 避免使用权重过高的选择器
• 使用语义化类名
• 避免 CSS 和标签结构的紧耦合

本文将依次阐述上述规则。

前端开发过程中总是会发现有些JS片段需要被经常使用，今天就来总结一下工作中常用到的一些JS片段，如果你经常使用jQuery库有可能很多片段用不到，但是我还是提倡大家使用原生JS，毕竟这才是根本，很多库文件的源码也是这么写的

最近我收到一封来自我的博客读者的电子邮件，里面的一些问题不禁让我陷入沉思，它是这样问的：

你好菲利普，能否告诉我你是如何成长为一个优秀的前端工程师的？
有什么好的建议吗？

我不得不承认看到这个问题的时候我很惊讶，因为我从来就没有把自己看作是一位“优秀的”前端工程师。事实上在这个行业工作的头几年，我一直认为我是不能胜任我所拥有的工作。我申请这些职位是因为我没有意识到我知道的太少了，而能顺利拿下这份工作则是因为面试官不知道该问什么。