Skip to content

Instantly share code, notes, and snippets.

西泊浪人 WesternRanger

Block or report user

Report or block WesternRanger

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@WesternRanger
WesternRanger / tmux_local_install.sh
Created Feb 8, 2017 — forked from ryin/tmux_local_install.sh
bash script for installing tmux without root access
View tmux_local_install.sh
#!/bin/bash
# Script for installing tmux on systems where you don't have root access.
# tmux will be installed in $HOME/local/bin.
# It's assumed that wget and a C/C++ compiler are installed.
# exit on error
set -e
TMUX_VERSION=1.8
View cssText.md

用cssText批量修改样式踩的坑

-----欢迎指正错误,深表感谢

一般情况下我们用js设置元素对象的样式会使用这样的形式:

var element= document.getElementByIdx_x(“id”);
element.style.width=”20px”;
element.style.height=”20px”;
element.style.border=”solid 1px red”;

样式一多,代码就很多;而且通过JS来覆写对象的样式是比较典型的一种销毁原样式并重建的过程,这种销毁和重建,都会增加浏览器的开销。

js中有一个cssText的方法:

View gist:520adf7cfc7352817513

#浏览器的怪异模式与标准模式 w3c标准中,浏览器都有两种模式:标准模式与怪异模式。但实际上ie6、7、8这三个浏览器比较非主流,他们只有一种模式,怪异模式。只要没有写头声明<!doctype html>,ie6、7、8就表现为怪异模式。除了这仨哥俩,其他的主流浏览器像chrome虽然有两种模式,但是默认状态下只会开启标准模式。不论写与不写头声明<!doctype html>。

####所谓的怪异模式就是表现为:

(1)盒子的宽度始终是width的值,即使加上了padding和border也不会变;

(2)自动居中的margin-auto和margin-auto失效

所以以后写页面的时候,一定不要忘了在开头写上<!doctype html>。能省去好多事。 ####除此之外,我还看到了一个只适用于ie8的怪异模式解决方案,对ie6、7都不起作用。就是在标签里加上:

View select.md

#保证文本不被选中的方式 之前写的东西鼠标在网页上点,一些文字总是可恶的被选中,很烦人,后来才知道,加入一段脚本可以防止被选中。现在归纳一下。 ###方式一:

登录通行
最简洁,onselectstart=“return false;”内嵌式。 ###方式二: document.onselectstart = new Function('event.returnValue=false;');

View x.md

#带三角边的方框 今天做百度的笔试题,被虐的不轻,自己水平太渣,就要承认,所以要安下心来好好学习。 百度2015届校园招聘山东专场-web前端研发工程师笔试题第二题我就不会。以前不是没做过,只不过题目换了我就蒙了。 ###题目就给了个这个dom元素

<div id="demo"></div>

###让写出这个效果。

见文档的最下方

View cssHack.md

主流浏览器---专属CSS hack

-----欢迎大家指正错误,深表感谢

CSS hack:由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。简而言之,浏览器不同于W3C关于CSS标准的解析就是CSS hack。

一般谈到CSS hack,最先想到的就是ie6。ie6很头疼,曾经是辉煌,如今是夕阳西下了,被进步理论和思想淘汰是早晚的事情,目前想做的就是尽最大的可能去向下兼容它。这篇博文需要说的是:主流浏览器之专属CSS hack。

下面从ie开始说吧:

View gitGist.md

兼容各浏览器的事件绑定函数

最近无聊,看看markdown的写法,看来不是特别难,但是刚看还是有点不适应,下面是我在书上看到的一段代码,现在把他存起来。

var EventUtil = {

addHandler: function(element,type,handler){
	if(element.addEventListener){
	 	element.addEventListener(type,handler,true);
	}else if(element.attachEvent){
    	element.attachEvent("on"+type,handler);
You can’t perform that action at this time.