Mingdong's Blog

博客新主题 [置顶]

终于切到了新主题,jekyll 也升级到了 3.x 源码地址:github.com/mdluo/mdluo.github.io,也可点击右上角 GitHub 图标跳转 主题主要部分基于 end2end,文章内容样式参考 Kiko 调整优化移动设备显示效果:屏幕较小时隐藏右上角 GitHub 图标及部分分享图标、调整代码块字体 使用 Real Favicon Generator 生成的多媒体适配 favicon,以及微信分享图标(在页面中加入隐藏的尺寸大于 290 px 的图片) 调整多行代码块在设置行号的情况下的显示效果,效果在下方 添加置顶文章,方法参考:Jekyll: Making Posts Sticky 静态资源使用 七牛 (qiniu) 云存储...

node-sass 安装卡在 node scripts/install.js 解决办法

一个 node 项目里用到了 `node-sass@3.8.0` ,安装的时候在这一步: ```bash > node-sass@3.8.0 install path/to/project/node_modules/node-sass > node scripts/install.js ``` 一直卡住,至少有半个小时没反应,自己的 Mac 和腾讯云的服务器上都是这样 去看 node_modules/node-sass/scripts/install.js 的代码,发现是要在 GitHub 上下载编译好的 node-sass 二进制包 ,去看 node-sass 的 Release,平均在 2.5 MB...

博客迁移计划

2 月 13 号开始使用 Jekyll 新主题距今刚好一个月,在这期间也不断的优化主题的效果,但是总有一些功能是 GitHub Pages 支持的原生 Jekyll 没法实现的。如果使用 Ruby 来开发第三方插件,又只能在本地生成静态页面再同步,这本身也是 Jekyll 比较矛盾的一点:既然不支持第三方插件而且也没法在线编辑,所有都是要在本地编辑了再上传,那 Jekyll 存在的意义是什么呢。 在此期间也看了一下 Hexo,用户量比较多,插件覆盖也比较全,基于 node.js,完全本地生成,开发插件也可以比较随意了。所以接下来的打算就是把现在博客的主题应用到 Hexo,并且把之前没有完成的功能在 Hexo 上通过已有插件、npm 或者自己开发的插件实现。 另外关于社交评论,之前用的 disqus,现在用的优化过 CSS 的多说(默认的简直丑爆了还没移动适配)。多说使用的非 HTTPS 微博头像会产生页面...

《高性能网站建设指南》书评

《高性能网站建设指南:前端工程师技能精髓》结合Web 2.0以来Web开发领域的最新形势和特点,介绍了网站性能问题的现状、产生的原因,以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征,阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术,全面涵盖浏览器端性能问题的方方面面。在《高性能网站建设指南:前端工程师技能精髓》中,作者给出了14条具体的优化原则,每一条原则都配以范例佐证,并提供了在线支持。全书内容丰富,主要包括减少HTTP请求、Edge Computing技术、Expires Header技术、gzip组件、CSS和JavaScript最佳实践、主页内联、Domain最小化、JavaScript优化、避免重定向的技巧、删除重复JavaScript的技巧、关闭ETags的技巧、Ajax缓存技术和最小化技术等。 《高性能网站建设指南(第二版)》 豆瓣链接:https://book.douban.com/subject/26411563/ 京东链接:http://item.jd.com/11688195.html 书评 2016 年评这本九年前的书 以下是书评原文: 本书即“雅虎前端优化14条军规”,英文原版出版于 2007 年, 全书都围绕性能黄金法则(20% 时间加载 HTML + 80% 时间其他组件)来展开,大部分都是在讨论如何优化加载这 80% 的时间 本书写作年代的 Web 前端技术并不像今天这样丰富,当时的前端工作也有相当一部分是后端程序员担任,所以本书其实更像是写> 给后端的书。专业的前端程序员可以看本书的进阶版 章节组织不是渐进式而更像是一篇篇博客,每章内容都很短(平均每章 7 页左右) 在当时来说这些算是很前卫的优化技术在今天看来几乎是众人皆知的了...

关于前端面试

继上一篇 关于程序员求职简历 之后如果顺利的话就应该是面试了,在此也整理一下最近在网上收集的前端面试相关资料,包括预备知识、书籍、面试考点、面经等。前端方面资料其实太多太多,就光从知乎、前端乱炖、w3cplus 等网站就能找到很多,所以针对细节不发散,仅挑一些内容丰富的合集,更多的资料可以从其中找到。 1. 前端团队 参考我整理的列表(部分维护了网站、技术型前端团队): 国内知名前端团队 2. 知识技能 前端技能汇总 Frontend Knowledge Structure (源码)(朴灵,阿里巴巴) 大前端的瑞士军刀,只记录有用的(源码)(聂微东,百度) 前端收集(罗磊,腾讯阅文) 知乎上前端开发领域有哪些值得推荐的问答?——知乎 2015-2016前端知识体系图谱(w3ctech) 前端收藏夹(源码)(w3ctrian) QQ联盟群交流(492107297)群规(有大量的教程、资料、面试题)(豪情) 3. 学习路线、书籍 前端开发者手册(Pomy,美团) Front-End-Develop-Guide 前端开发指南(icepy,音悦台) 有哪些关于前端开发技术(HTML、CSS 和 JavaScript 等)的值得推荐的书籍?(李路,Knewone)...

关于程序员求职简历

最近在网上看见了一些关于程序员如何写求职简历的博客,还有之前也收集过一些优秀的简历,在此做个整理。 同时我从这些资料里我总结出,一份简历最核心的两个要素:1. 向 HR 准确且高效地传递信息;2. 作为面试官考察个人能力的线索。 1. 一些链接 1.1 大牛向 精益技术简历之道——改善技术简历的47条原则 (Lucida,Google) 如何写面向互联网公司的求职简历(唐巧,猿题库) 禅与写简历的艺术(ZoomFeng,阿里巴巴) 1.2 普通向 如何写好技术简历 —— 实例、模板及工具(Get 社区 @Easy) 程序员简历应该怎么写?—— 知乎 应聘互联网公司的简历应该是怎么样的?—— 知乎 1.3 行业通用 优秀简历要遵循哪些规则?—— 知乎 如何制作高水平简历?——...

关于程序员读书

昨天在一个爱折腾但对读书非常不屑的少年的博客下面评论了一些大牛们的读书单,然后今天又发现了一些,干脆就一起整理一下 国外(排名不分先后) StackOverflow 上推荐读书排行榜:http://stackoverflow.com/questions/1711/what-is-the-single-most-influential-book-every-programmer-should-read 《软件随想录》作者 Joel Spolsky 的书评:http://www.joelonsoftware.com/navlinks/fog0000000262.html Rails 发明者 David Heinemeier Hansson (dhh) 推荐书籍:https://signalvnoise.com/posts/3375-the-five-programming-books-that-meant-most-to-me jQuery 核心成员 Addy Osmani 推荐书籍(JavaScript):https://plus.google.com/+AddyOsmani/posts/H3onog42Msj Google 大牛 Steve Yegge 推荐书籍:https://sites.google.com/site/steveyegge2/ten-great-books M$ 大牛 Scott Hanselman 推荐书籍:http://www.hanselman.com/blog/SixEssentialLanguageAgnosticProgrammingBooks.aspx...

CSS 结构性伪类(Structural Pseudo-Class)详解

最近在看 CSS 相关文章,在《CSS3 专业网页开发》的第 4 章的结构伪类(Structural Pseudo-Class)小节讲的不是很容易理解,所以在此写个笔记,结合在线手册、W3C 规范和其他人写的博客把这一部分详细解析一下。 1. 关于伪类 首先要明白的是,伪类是对元素不同状态或者类型进行区分的选择器。在 CSS 中定义了 :active、:focus、:hover、:visited 等用来描述元素状态的伪类和 :first-child 这个用来描述结构的伪类,具体可以参考 MDN 中文手册 伪类部分 和 Pseudo-classes - CSS Level 2 (Revision 1)。 CSS 的...

《CSS 权威指南》书评

最新版《CSS权威指南》一书经过全面更新,涵盖了 Internet Explorer 7,详细介绍了各个 CSS 属性以及属性之间的相互作用,并指导你如何避免一些常见的错误。不论你是一位经验丰富的 web 创作人员,还是一无所知的新手,都可以把它作为内容详实的 CSS 参考资料放在手边。Eric A.Meyer。在 HTML、CSS 和 web 标准领域是国际上公认的专家,他从 1993 年就开始从事 web 方面的工作。他也是 complex spiral consulting 公司的奠基人,其客户包括美国在线、苹果计算机公司、富国银行和 Macromedia 等著名公司。 《CSS 权威指南》 豆瓣链接:https://book.douban.com/subject/2308234/ 京东链接:http://item.jd.com/10100250.html 书评...

使用 PHP 和 GitHub Webhooks 实现自动部署

https://github.com/mdluo/github-webhook-handler-php Add a weebhook in the Settings/Webhooks page of your respostory. Update the $secret and $path in the github-webhook-handler.php. Upload github-webhook-handler.php to your server and copy the URL to it....