Skip to content

Instantly share code, notes, and snippets.

View q946401639's full-sized avatar

David Feng q946401639

17 followers · 6 following
View GitHub Profile
@q946401639
q946401639 / cssText.md
Last active August 29, 2015 14:06
用cssText批量修改样式踩的坑

用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的方法：

@q946401639
q946401639 / blur.md
Last active August 29, 2015 14:06
页面展现毛玻璃效果，个人踩得N多坑

页面展现毛玻璃效果，个人踩得N多坑

-------欢迎指正错误，深表感谢 在看本人踩的坑之前呢，大家必然需要看一下毛玻璃效果的制作，我就不废话了，直接给大家地址，猛戳这里


首先呢我要做的是一个静态页，效果是中间模糊外面清晰，模糊效果接线分明，实现效果如下

@q946401639
q946401639 / getClass.md
Created September 15, 2014 15:55
兼容浏览器的getElementsByClassName方法

兼容浏览器的getElementsByClassName方法

------希望大家指正错误，深表感谢

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	Document
@q946401639
q946401639 / cssHack.md
Last active August 29, 2015 14:06
主流浏览器---专属CSS hack

主流浏览器---专属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开始说吧：

@q946401639
q946401639 / inputChange.md
Created September 14, 2014 13:48
自动监听input内容的改变脚本

自动监听input内容的改变脚本

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

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
@q946401639
q946401639 / drag.md
Created September 14, 2014 13:40
拖拽和拉伸的js小demo

拖拽和拉伸的js小demo

--------希望大家指正错误，深表感谢

也可以用seaJs进行模块化开发

<!doctype html>
<html lang="en">
@q946401639
q946401639 / mongodb_install.md
Last active August 29, 2015 14:06
mongodb的安装，个人的实践，还是遇到不少问题的

mongodb在windows上的安装，个人的实践，还是遇到不少问题的

------希望大家指正错误，万分感谢

使用mongodb,首先去mongodb的官网上下载一份mongodb,下载地址是http://www.mongodb.org/downloads
可以根据自己的windows版本选择32位/64位的.
下载完成后,解压到一个目录中,可以看到里面有一个bin目录,我们使用的所有的命令都在这个目录中.

为了我们使用方便建议将bin配置到path的环境变量中,这样我们使用这些命令的时候,就不用每次使用一个绝对路径才使用这个命令.至于bin文件夹中
的命令我们现在只介绍两个mongod、mongo。

@q946401639
q946401639 / json_extend.md
Last active August 29, 2015 14:06
深度遍历JSON，并赋值覆盖初始值

深度遍历JSON，并赋值覆盖初始值

-------希望大家指正错误，深表感谢

function extend_sn(json1,json2){
	for(var attr in json2){

 if(json1[attr] == undefined){
@q946401639
q946401639 / Ellipsis.md
Last active August 29, 2015 14:06
超出字数部分被截断并加上省略号

超出字数部分被截断并加上省略号

--------希望大家指正错误，深表感谢

window.onload = function(){
	var el = new Ellipsis('ellipsis',69);
	el.init();
}