frontend

BrowserSync 页面自动重载工具

网站前端开发过程中,每一次修改代码,都要手动刷新浏览器才能看到页面的变化。有了 LiveReload 工具就通过程序维护一个本地的静态服务器,实现静态资源变化,浏览器自动重新刷新的功能。 Python 下面有个名为 httpwatcher 工具,直接在静态资源根目录执行 httpwatcher 就可以实现页面变更自动刷新。 刚刚又找到一个 NodeJS 环境下的实现 BrowserSync,可以和 gulp 混合使用,相比要更灵活。 安装 Linux 环境下以普通用户身份安装时通常需要 sudo,因为模块默认会存放在 /usr/lib/node_modules 目录,

  • Herald Yu
    Herald Yu
1 min read
frontend

HTML img 标签居中显示的方法

往常居中 img 标签,我会直接在父级标签上添加 text-align: center;,但今天碰到的情况是编辑器直接把 img 加入到了正文,即与段落 p 标签同级,同属于一个正文 div 标签。 直接在 div 上设置文本居中势必影响其他的子标签,当然也可以在编辑器上动手,比如让编辑器自动给 img 套一层 p 标签之类的,但真心杀鸡牛刀。如果能直接对 img 进行居中设置就最理想了,这里找到了一个方法,效果不错: #news-page { img { clear:

  • Herald Yu
    Herald Yu
1 min read

Subscribe to Herald's Tech Notes