Blog
武汉，2020年除夕夜！
今天2020年1月24日，农历鼠年的大年三十，今天本应该是一个非常高兴的日子，可是作为一个武汉人我真的一点也高兴起来，我想也不会有多少武汉人会真正的高兴。我写这段文字的时候，我母亲正在看春晚（我还算幸运的，目前我和我的家人都没有感染病毒的情况），但是我还是一点看春晚的心情都没有。武汉，一个1000多万人口的城市，封城了！不知道大家有对此有什么感觉？我母亲苦笑对我说，她活到65了，这是第一次遇到。 阅读更多…
Projects
Calendar.js – 简单实用的 JavaScript 日历控件！
calendar.js Calendar.js 是一个简单实用的 JavaScript 日历控件！原生 JavaScript 编写，不依赖任何第三方库。支持日期、月份和年份试图切换；支持单选、多选、范围和星期选择模式；界面简介、配置简单、使用方便！ Features 原生 JavaScript 代码，无任何第三方库的依赖； 支持单选、多选、范围和星期选择 4 种选择方式； 支持年代、月份、日期 3 阅读更多…
Blog
XMLHTTPRequest的属性和方法简介
现在很多接触前端开发的朋友，可能都没有怎么细致的研究过 Ajax 是如何实现的？什么是 XMLHTTPRequest 对象？要彻底了解 Ajax 就必须要了解 XMLHTTPRequest 对象。 XMLHTTPRequest对象什么是？ 最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收 XML及其他数据的一套 阅读更多…
Blog
CSS学习经验总结 – float 浮动元素
CSS 中的 float 要做到前面 HACK 篇提到的优化前端性能，我们就必须要有扎实的 CSS 的技术基础。需要对各个 CSS 属性和选择器等基础知识有着深刻了解才能做到优化代码性能。由于篇幅有限，我不能一一介绍各个 CSS 属性，具体内容还需要大家自己产看《CSS 权威指南》、阅读 W3C 的 CSS 标准文档。我这里想介绍是 CSS 里一个十分重要的属性 float。 为了讲解 float 阅读更多…
Blog
CSS学习经验总结 – CSS Hack 与浏览器兼容问题
关于浏览器兼容问题 在上一章节里最后面提过 hack 的一些写法，其实 CSS Hack 的主要目的就是为了解决浏览器兼容问题。而浏览器兼容问题也是初学者必须掌握的一个重要知识点。而作为一名合格的前端工程师，确保页面在主流浏览器中的显示一致，处理兼容浏览器问题是一门必修的基础课程。 而关于浏览器兼容问题首先需要强调的一点就是，浏览器的兼容问题不仅仅是一个单纯的技术问题，也是一个历史遗留问题。由于早 阅读更多…
Blog
怎样学习 JavaScript 的经验之谈？
逛论坛时看到有朋友问是否有专门教 Javascript 的学校。这里我想把自己几年来对于如何学习 JavaScript 的经验跟大家分享下，也给出几本个人认为不错的书来做为大家学习的参考资料。当然只是个人的经验，有什么不对的也请见谅和指正。 关于到培训学校学习的忠告 别说现在没有这样的学校，就是有专门的学校也不要去，因为不会有好的老师的。不要浪费你自己（很可能是你父母的）钱和时间，死了这个念头。 阅读更多…
Blog
CSS学习经验总结 – CSS 性能优化
关于CSS性能这个问题，接触前端开发时间长一些的朋友或多或少会有所了解。我第一次看到关于CSS性能方面的问题，是看YUI Theater 中 Steve Souders 的演讲 《High Performance Web Sites 14 Rules for Faster Page》 （视频下载地址：souders-performance.m4v）才知道 CSS 书写也要注意性能问题。 CSS 的 阅读更多…
Blog
CSS学习经验总结 – CSS 基础知识
学习 CSS 的参考资料和站点 CSS 入门并不难，我这里给初学的朋友推荐3本书：《CSS 权威指南》（第3版）、《精通CSS：高级Web标准解决方案》（第2版）和《CSS网站布局实录：基于Web标准的网站设计指南》（第2版）。这3本书你只要认真的看完，CSS 是做什么，可以做什么？CSS 的强项是什么？什么时候应该让 CSS 来处理来提高 Web 程序的性能？浏览器的兼容问题要怎么处理？你应该都 阅读更多…
Blog
个人整理的前端开发相关的学习网站
在我开始学习前端开发技术的那段时间，我会经常去访问一些此类的技术网站和个人博客，这里把这些站点整理了一下，希望能够对刚接触前端开发的朋友们有所帮助。而且我相信，只要能够把这里的站点都看过一遍，想必也能成个合格的前端工程师了。 FreeCodeCamp 学 web 开发，一定到 FreeCodeCamp 刷题啊！一定去试试！ W3.ORG W3.ORG是W3C的官方网站，做前端开发的朋友是一定要经常 阅读更多…
Blog
利用 wp_get_attachment_image_src() 函数获得 WordPress 中的特色图像路径
在 WordPress 中通常我们用 the_post_thumbnail() 函数打印特色图像（featured image）。但是在有些情况下，我们只需获得文章特色图像的路径。比如希望使用了 jQuery 的 lazyload 插件来异步加载图片，优化前端性能。这样在一开始我就不能直接使用 the_post_thumbnail() 输出特色图像，而需要自己输出一个占位的默认图片，然后再通过 l 阅读更多…
Blog
如何给 WordPress 添加留言板
有没有想过给自己的 WordPress 站点添加自己留言板功能，其实实现起来并不困难，通过使用 WordPress 的 Page 模版，然后添加上 WordPress 的评论功能，就很容易的实现了简易的留言板。下面我就具体介绍一下怎么制作留言板模版。 给 Page 模版添加上发表评论功能 玩过 WordPress 的朋友都知道，WordPress 默认的 page.php 模版是没有评论功能的。不 阅读更多…
Blog
为 WordPress 添加搜索关键字高亮
相信大家都体验过 Google 等搜索引擎，对搜索的关键字都会高亮显示。我们的 WordPress 站点的搜索是否也能够实现高亮显示呢？为了实现这个效果，我之前在网上参考过一些资料，有的是通过获取 Google 或百度的搜索结果来显示，效果不错，不过会搜到很多不相关的内容。还有的就是直接简单的在 WordPress 里提供的 get_the_excerpt() 的内容中添加高亮，这样很多时候在摘要 阅读更多…
Projects
Autoc.Js – 一个专门用来生成文章导读导航的 JavaScript 工具
Autoc.Js 是一个专门用来生成文章导读（Table of Contents）导航的 JavaScript 工具（原 autocjs 的重构版本，不依赖任何JS库）。Autoc.Js 会查找文章指定区域中的所有 h1~h6 的标签，并自动分析文章段落间的层次结构，生成文章的导读导航。 创作灵感 AnchorJS 是 Autoc.Js 的创作灵感来源。既然 AnchorJS 可创建标题的链接，为 阅读更多…
Blog
CentOS 关闭 SELinux
安全增强型 Linux（Security-Enhanced Linux）简称 SELinux，它是一个 Linux 内核模块，也是 Linux 的一个安全子系统。SELinux 主要由美国国家安全局开发。2.6 及以上版本的 Linux 内核都已经集成了 SELinux 模块。SELinux 的结构及配置非常复杂，而且有大量概念性的东西，要学精难度较大。 Linux 系统出于安全原因，默认是开启它 阅读更多…
Blog
CentOS 配置 163 yum 源
CentOS 系统默认的 yum 源比较慢，因此将 yum 源配置为国内的 yum 镜像站点速度会提升不少。本文介绍的是如何将 CentOS 的 yum 源配置为 163 的镜像。 第一步 入 yum 源的配置目录 # centos 系统默认的 yum 源配置信息保存在这里 cd /etc/yum.repos.d 第二步 下载 163 的 repo 文件 sudo wget http://mirr 阅读更多…