全部

动手实现一下 JavaScript 中的 call, apply 和 bind

在 JavaScript 中 call、apply、bind 都有些类似,但又有些不同,它们都用于改变 this 的指向,其中 call 和 apply 会直接执行函数,而 bind 会返回一个新函数,另外 call 和 apply 的传参方式也有些不同,下面就来分别模拟实现一下。

动手实现一下 JavaScript 中的 call, apply 和 bind

iframe 隐藏滚动条、高度自适应及父子页面通信

HTML 标签 iframe 用于在当前页面中嵌套另外一个页面,一般我们需要在页面中嵌入一些第三方的视频、地图、广告等展示资源时就会用到它。 但在使用 iframe 时往往会遇到一些问题,比如滚动条问题、高度自适应问题以及浏览器同源策略引起的问题等,这里我们就来看一下该如何解决。

使用 npm-run-all 在 Node 项目中同时运行多个命令

在开发基于 Node.js 的项目时,很多时候都需要同时运行多个 scripts 命令,用于开发或者是用于项目的打包构建。这个时候如果是在终端里多个启动就会显得特别繁琐,那么 npm-run-all 这个命令行工具就可以很方便的解决这个问题。

解决 PhantomJS 在 CentOS 环境下截图乱码问题

这个问题主要是由于缺少字体导致的,我们可以先安装 Bitmap fonts: yum install bitmap-fonts bitmap-fonts-cjk 由于 Bitmap fonts 是由单个字符组成的,锯齿特别明显,因此还需要安装支持中文的字体,例如微软雅黑,下面我们来下载并安装字体。

解决 PhantomJS 在 CentOS 环境下截图乱码问题

CSS 判断空标签

现在很多文章发布系统用的都是富文本编辑器,这样在编写内容时难免会出现空标签,如果不处理,最终就会影响到页面的排版。 对于这个问题,我们可能会通过正则匹配来处理,但是现在有更简单的办法,那就是通过 CSS3 中的 :empty 选择器来判断。

CSS 判断空标签

CSS 修改文字选中后的颜色

在页面中修改文字被选中后的颜色可以用 ::selection 选择器,它不仅能够修改选中内容的颜色,还可以修改其背景色、光标状态等。

CSS 修改文字选中后的颜色