Skip to content

Instantly share code, notes, and snippets.

View WesternRanger's full-sized avatar

西泊浪人 WesternRanger

19 followers · 23 following
View GitHub Profile
@WesternRanger
WesternRanger / tmux_local_install.sh
Created February 8, 2017 03:25 — forked from ryin/tmux_local_install.sh
bash script for installing tmux without root access
#!/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
@WesternRanger
WesternRanger / cssText.md
Last active August 29, 2015 14:07 — forked from q946401639/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的方法：

@WesternRanger
WesternRanger / gist:520adf7cfc7352817513
Last active August 29, 2015 14:07

#浏览器的怪异模式与标准模式 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都不起作用。就是在标签里加上：

@WesternRanger
WesternRanger / select.md
Last active August 29, 2015 14:07

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

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

@WesternRanger
WesternRanger / x.md
Last active August 29, 2015 14:07

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

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

###让写出这个效果。

见文档的最下方

@WesternRanger
WesternRanger / cssHack.md
Last active August 29, 2015 14:07 — forked from q946401639/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开始说吧：

@WesternRanger
WesternRanger / gitGist.md
Last active August 29, 2015 14:07
study

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

最近无聊，看看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);