安固途径

知识来源于感觉和经验

修复 ios safari hover 无效问题

2017-02-06, 星期一|
前端

在 ios safari 上用伪元素 hover ,点击不会起作用,这时可以为任意用 hover 的元素增加一个 onclick 属性来解决这个问题。

<div onclick="">Click Me!</div>

参考 stackoverflow

...
阅读全文

Terminal 中的花括号

2017-01-13, 星期五|
linux

在 Linux {} 中可以用来讲多条路径用一条命令来表示,例如:

$ mkdir -p dist/t
$ cp -r t/{css,img,js,fonts,*.html} dist/t

非常重要的一点是 {} 尽管是用括号表示,但是括号之间不能有空格,有则必须转义,否则就会出现错误。

...
阅读全文

让 express 传入给 pug 的变量非编码

2017-01-12, 星期四|
前端开发

由 express 传入模板 pug 的变量有编码为

#{ cntent }

非编码为

!{ content }

这样变量中就可以包含 HTML

...
阅读全文

find 命令不包含某文件夹的选项

2017-01-09, 星期一|
linux

输入

$ tree

输出

.
├── dist
├── index.css
├── index.html
├── index.js
└── node_modules

2 directories, 3 files

假设目录下存在index.html, index.css, index.js, node_modules 等文件或目录。

利用 find 命令找出当前目录下不包含node_moduels的文件或文件夹

输入

$ find . -maxdepth 1 -not -name node_moduels

输出

./dist
./index.css
./index.html
./index.js

利用 find 命令将目录下非node_modules的文件或目录复制到dist目录。

$ find . -maxdepth1 -not -name node_modules -not -name dist|xargs -J % cp -r % dist

查看结果

$ ls dist

输出

index.css   index.html  index.js
...
阅读全文

清除Css中select的下拉箭头样式

2017-01-06, 星期五|
前端样式开发

清除Css中select的下拉箭头样式

/*很关键:将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

参考 博客园

...
阅读全文