螺丝教你以最快的速度画不难看的图标

利益相关:本文内的pandafan链接是有偿推广链接,不要故意去除推广码,这么做真的很没品味。

给自己写好的程序做一个图表总是非常恶心的不是么(`・ω・´)。维护程序都忙不过来还要程序员当美工画Icon嘛(/‵Д′)/~ ╧╧!你可以在朋友圈里找个美工,不过往往这个在这个时候美工们都会非常巧妙的很忙(╯°O°)╯┻━┻。

那么我们该怎么办呢,今天,就让萝斯姐姐教你如何用最快的速度,画一个不难看的程序图标┳━┳ノ( ‘ - ‘ノ) 。

javascript的地址栏魔法

在咱还是初中生的时候,做论坛非常流行“换页不断曲”的页面播放器,简单点说就是框架页面,上面一个Frame是论坛的网址,下面是播放器。

这样做有一个非常明显的弊端:地址栏不会随着论坛页面变化而改变。这是一件非常伤的事情……存书签不方便了,如果你自己的网站有防止被嵌入框架的代码(比如马铃薯、肥鹅微薄就这么干)这种方法会不生效,还有:我初中的时候框架页这种技术就很low了,更别提现在。

所以我们需要一个更加高大上的方法,高大上到低版本IE都无法兼容(σ≧∀≦)σ (在我眼里兼容性一直都是用来吃的,别想太多(゚∀。)

jQuery无插件页面平滑滚动的操作方法

在实现现在用的这个主题的时候想增加平滑滚动功能,上网找了一下,网上几乎所有的代码都不能用,让我很不开心,就咨询了一下职业前端艾可,得到了一个比较好的解决方案,如下:

1
$("html,body").animate({scrollTop: 0}, 300, 'swing');

解释一下,因为兼容性的问题,直接用$(document)去选择或者用$("body")去选择都是不明智的,事实证明也是如此,有的浏览器下能滚有的不能,而且在一些比较奇怪的情况下页面也不滚,具体原因是什么我也懒得深究了。

300是秒数,swing是动画过度的速率公式,可能的取值为:swing和liner,可以通过jQuery UI库增加动画类型,不过为了个动画单独调用一个库我觉得是不明智的。

以上~

Fedora下安装Typecho报错解决方法

在你的usr文件夹权限设置正常的情况下,如果在本地服务器上安装不了Typecho,报错无法连接到数据库,同时系统自带的SELinux报错的话请交替执行下面的操作:

第一步:用Root账户执行下面的命令:

1
2
# grep httpd /var/log/audit/audit.log | audit2allow -M mypol
# semodule -i mypol.pp

第二步:重新提交安装Typecho页面的表单。

这两个步骤需要循环执行五次,恩……

原因是什么呢~原因是啊,SELinux拦截了httpd服务的五个操作:write,create,setattr,remove_name,unlink 导致程序不能正常运行,上面的两行代码就是SELinux自带的放行当前警告操作的命令。

同理,在网上看视频,SELinux报错也可以这么解决……

SELinux什么的麻烦死了……

用css画一个漂亮的分割线

某个baka把我的博客弄坏了,导致人家好长时间写不了博客好难受ヽ(✿゚▽゚)ノ。今天博客修好了所以赶紧上来发一篇(≖ᴗ≖๑),大家想我没~

今天说的是如何画一个分割线。从小学开始我就有个非常2B偏见,用hr元素画出来的分割线不好看,也没有优化的余地。粗浅的学过css后我试着把实线的hr做成虚线的hr,不过说到头它不还是根线……

直到有一天我大概懂了伪元素到底是怎么回事,我眼中的hr变得不一样了~

如何通过jQuery/CSS重画select元素样式

此文在21日有修改。

话说某个晚上,在我发完如何重绘checkbox之后秋水菊苣问我如何重画一个select元素,我当时还觉得大概会是个很简单的事情,就接了这个科研任务……可是真正上手写的时候才发现(;´ ༎ຶ Д ༎ຶ)σ 太他娘的坑了(;´ ༎ຶ Д ༎ຶ)σ 妈妈我再也不造轮子了(;´ ༎ຶ Д ༎ຶ)σ 造轮大法一点也不好(;´ ༎ຶ Д ༎ຶ)σ 我的信仰崩溃了。

言归正传,select元素其实一直都挺恶心的,最近接商单的时候也是因为select不好看煞风景,客户让我解决一下。我刚开始用了一个消除掉mouse-eventspan给盖上了,不过IE9下根本不兼容ヽ( ° ▽°)ノ,于是我们就只能开始自己徒手造了。

如何使用js监听特定div内容的变化

最近在开发DAdolfans的时候遇到了这么个需求:监听一个contentEditablediv内容变化。

我们知道,监听textarea或者input内容的变化通过简单的jq监听就能做到,但是如果监听的对象是一个div的话它们就无能为力了。上网查了几个方法:

为页面实现真·自定义形状的滚动条

webkit支持对页面滑轮和滑道的自定义,但是那种自定义是有限的。比如:如果你想让滚轮滑道与页面的背景图片融合是不可能的,也不能让滑块有自行义的形状。

所以咱前一阵子强迫症爆发,在自己的应用中重新写了个滑道,案例的话请参考:https://github.com/DFLS/DAdolfans

自备less编译器,源码里的less浏览器nw是读不了的。