Day: August 8, 2016

Bootstrap 3: 菜单居中 Center content in responsive bootstrap navbar

先看上面图片的效果,下面是代码: .navbar .navbar-nav { display: inline-block; float: none; } .navbar .navbar-collapse { text-align: center; } Edit: if you only want this effect to happen when the nav isn’t collapsed surround it in the appropriate media query. 或者: @media (min-width: 768px) { .navbar .navbar-nav {

jQuery:从零开始,DIY一个jQuery(2)

在上篇文章我们简单实现了一个 jQuery 的基础结构,不过为了顺应潮流,这次咱把它改为模块化的写法,此举得以有效提升项目的可维护性,因此在后续也将以模块化形式进行持续开发。 模块化开发和编译需要用上 ES6 和 rollup,具体原因和使用方法请参照我之前的《冗余代码都走开——前端模块打包利器 Rollup.js 入门》一文。 本期代码均挂在我的github上,有需要的童鞋自行下载(DIY-A-jQuery-master)。 1. 基本配置 为了让 rollup 得以静态解析模块,从而减少可能存在的冗余代码,我们得用上 ES6 的解构赋值语法,因此得配合 babel 辅助开发。 在目录下我们新建一个 babel 配置“.babelr… Read More

jQuery:从零开始,DIY一个jQuery(1)

从本篇开始会陪大家一起从零开始走一遍 jQuery 的奇妙旅途,在整个系列的实践中,我们会把 jQuery 的主要功能模块都了解和实现一遍。 这会是一段很长的历程,但也会很有意思 —— 作为前端领域的经典之作,jQuery 里有着太多奇思妙想,如果能够深入理解它,对于我们稳固js基础、提升前端大法技能来说大有裨益。 另外,本系列的相关代码均可以从 我的github 上获取到(DIY-A-jQuery-master)。 1. 免 new 实现 我们在使用很多插件的时候,都需要使用 new XXX() 的写法来实例化一个引用: var list = new Slip(document.getElementById('slip'), { //op… Read More

Mysql: 图解 inner join、left join、right join、full outer join、union、union all的区别

对于SQL的Join,在学习起来可能是比较乱的。我们知道,SQL的Join语法有很多inner的,有outer的,有left的,有时候,对于Select出来的结果集是什么样子有点不是很清楚。Coding Horror上有一篇文章,通过韦恩图(Venn diagram,可用来表示多个集合之间的逻辑关系)。解释了SQL的Join。我觉得清楚易懂,转过来。 假设我们有两张表。Table A 是左边的表。Table B 是右边的表。其各有四条记录,其中有两条记录name是相同的,如下所示:让我们看看不同JOIN的不同 A表 id name 1 Pirate 2 Monkey 3 Ninja 4 Spaghetti B表 id name 1 Rut… Read More