- 博客(30)
- 资源 (4)
- 收藏
- 关注
原创 nvm 安装慢问题解决
是一个好用的版本管理工具,但由于众所周知的原因,当使用 nvm 下载安装 nodejs 时,有时候会出现龟速甚至无法下载的情况,其实他是可以换源的。
2023-06-27 10:05:38
5249
转载 js-addEventListener+attachEvent
target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :实现了 EventListener 接口或者是 Ja
2012-12-13 12:03:36
2072
转载 BUG-IE6 png解决方案
方案1 - 滤镜解决方案:介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试!目录说明: 思路: 1、书写正常的CSS代码,通过background导入图片,这样所有的浏览器
2012-11-30 15:32:31
934
转载 html-特殊字符
■ 常用特殊字符:只要你认识了 HTML 标记,你便会知道特殊字符的用处。HTML 原代码显示结果描述<小于号或显示标记>>大于号或显示标记&&可用于显示其它特殊字符""引号®®已注册©©版权
2012-11-14 14:59:08
1779
转载 js-文子选择功能
文字的选中功能是不太常用的功能,多出现在文本编辑器中,或是文本域之类的光标处理上。所以呢,使用的一些属性也并不是常见的。在IE浏览器下使用的是createTextRange而Firefox/chrome等现代浏览器下使用的是setSelectionRange。假设文本域对象的名称是obj,则在IE及非IE浏览器下实现指定文字选中的代码如下:IE浏览器下:var range =
2012-11-05 12:17:39
482
原创 css-文字超出显示省略号
text-overflow:ellipsis;white-space: nowrap;overflow: hidden;
2012-10-10 14:42:17
666
原创 css-css初始化代码
html{color:black;background:white;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin:0;padding:0;}table{border-collapse:coll
2012-09-19 15:32:49
1329
转载 css-鼠标点击去除外边虚线键盘焦点加上
一、重要的前言在IE以及Firefox浏览器下,默认情况下,点击链接文字或图片(特指a标签下的)。会留下一个轮廓框。曾经有一段时间,我称之为链接虚框。后来,改口了,因为我发现称之为链接虚框似乎有些不准确,狭隘了点。由于点击链接会产生轮廓框就在IE和Firefox浏览器下会出现,而这两者的变现恰好有都是虚框(dotted),所以会直接用链接虚框的表述代替链接轮廓框。事实上,链接外框不等于
2012-09-12 15:34:29
8481
原创 css-伪类的理解
伪类列表active-》用于激活状态的元素(即一个a标签当鼠标点击但不放开时发生的事件,介于鼠标按下与鼠标松开之间)hover-》移动到某元素上发生的事件focus-》向拥有键盘输入焦点的元素添加样式。(即拥有焦点的元素)link-》未被访问的元素visited-》已经被访问过的元素first-child-》元素的第一个子元素lang-》伪类向带有指定 lang 属性的
2012-09-12 15:28:11
763
原创 css3-定时缓动效果与块旋转
先来了解一下两个css3的属性(当前学习到并理解的属性)1.transform(变换)语法:transform : none | [ ]*取值:scale([, ])提供执行[sx,sy]缩放矢量的两个参数指定一个2D scale(2D缩放)。如果第二个参数未提供,则取与第一个参数一样的值。scaleX() :使用 [sx,1] 缩放矢量
2012-09-12 14:50:19
6367
转载 css-图片垂直居中
*{padding: 0;margin: 0;} .box{width: 100%;border: solid 5px red;} .a{display: inline-block;text-align: center;vertical-align: middle;width: 200px;font-size: 128px;} .img{vertical-align: middle;}
2012-09-10 14:53:00
985
原创 css-多行文字固定高度垂直居中(ie6.7.8.9 chrome ff)
*{padding: 0;margin: 0;} .box{width: 400px;height: 400px;border: solid 5px red;} .txt,.bug{display: inline-block;vertical-align: middle;*display:inline;zoom:1;} .txt{} .bug{height: 100%;width: 1px
2012-09-10 12:27:12
1022
转载 css-input与文字的对齐
前言目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截图:雅虎中国首页单选框复选框与文字不对齐这里,不是说,雅
2012-09-07 17:59:19
32930
原创 js-前后++的理解
var i=1;j=++i;var i=1;j=i++;得出来的结果是i=2j=2i=2j=1为什么会这样呢?i(操作数)++运算符在操作数之前叫做(前增量)++运算符在操作数之后叫做(后增量)前增量的运算顺序是 先增量再赋值-->j=++i等于 i=i+1 , j=i后增量的运算顺序是 先赋值再增量-->j=i++
2012-08-28 10:23:52
1117
原创 js-attachEvent&&addEventListener与event.target&&event.srcElement
window.onload=function(){ var oLi=document.getElementsByTagName("li"); for(var i in oLi){ var li=oLi[i]; if(li.addEventListener){ li.addEventListener("click",hide,false) } else if(li.atta
2012-08-22 17:57:53
812
转载 js-addEventListener 和attachEvent用法
对于IE的attachEvent方法可能大家都比较熟,现在说说FireFox的addEventListener的用法。addEventListener的参数一共有三个,语法为:element.addEventListener(type,listener,useCapture)下面是详解其中element是要绑定函数的对象。type是事件名称,要注意的是"onclic
2012-08-07 15:41:15
2205
原创 html-中文字体在CSS中的显示(Unicode编码)
在CSS中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:’宋体’。但因此产生的一个问题是,如果CSS编码有误,会导致页面加载后CSS中的中文字体乱码直接使用中文字体,有时候在ie6下会出现样式丢失问题。而使用英文代替中文如:“font-family:SimSun”也不推荐,Firefox的部分版本与Opera在处理SimSun时会有问题。所以推荐使用
2012-08-02 13:57:25
14868
原创 IE6-css中js解决固定定位
首先要理解css中的js是什么样子的!top:expression(这里写的是js代码);在括弧中的是js代码 注:这种方法对浏览器资源要求比较的高例:top:expression(document.documentElement.scrollTop);获取浏览器可视区到页面实际顶部的距离top:expression(document.documentElement
2012-07-25 17:17:35
3052
转载 js-鼠标事件大全
事件浏览器支持解说一般事件 onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件onmouseoverIE3、N2
2012-07-16 16:30:29
775
原创 js-onSelectStart解释
IE&&Chrome中适用此方法document.onselectstart=function(){return false;}onselectstart是防止内容被选中默认状态是true选不中一般如果把它设置在整个body上时如果body里边有输入框需要选中文字时可以这样function doIt(){ var now=event.src
2012-07-13 16:16:32
7757
原创 js-弹性点击菜单
*{margin:0;padding:0;} #box{width:800px;margin:100px auto;height:31px;font-size:12px;position:relative;} #box dd{color:#373737;display:inline;float:left;width:100px;height:30px;line-height:30px;text
2012-07-13 14:36:15
1147
原创 js-实现文字无缝滚动(停顿+缓动)
*{padding:0;margin:0;font-size:12px;} #box{width:800px;height:200px;margin:0 auto;overflow:hidden;position:relative;} #ul_box{list-style:none;position:absolute;top:0;} #ul_box span{color:white;} #
2012-07-12 17:03:52
6940
原创 html-margin负值的运用
.wrapper{width:100%;height:100px;}.content{float:left;width:100%;height:100%;background-color:red;}.left{float:left;height:100%;width:200px;background-color:green;margin:0 0 0 -100%;}.right{float:l
2012-07-12 15:39:53
709
原创 IE6-浮动margin产生双倍距离的问题
*{padding:0;margin:0;} .wrapper{width:500px;margin:0 auto;background:red;} .left{float:left;display:inline;width:200px;height:250px;margin-left:50px;background-color:green;} .right{float:left;displ
2012-07-12 13:56:06
2014
原创 js-获取对象的某个属性
function getStyle(obj,attr){ if(obj.currentStyle){//判断浏览器是否支持currentStyle属性(IE特有) return obj.currentStyle[attr];//如果支持则返回获取到的数据 } else{ return getComputedStyle(obj,false)[attr];//兼容其他的浏览器 }}
2012-07-12 12:12:02
3969
原创 js-如何获取class对象
function getClass(obj,attr){ var aArray=[];//定义一个新的空数组 var i=0; var aAll = obj.getElementsByTagName('*');//获取obj对象下面所有的节点 for(i=0;i<aAll.length;i++){ if(aAll[i].className == attr){//判断当前对象的class
2012-07-12 12:02:21
11175
原创 面试题-实现空余部分填充颜色
*{padding:0;margin:0;} .wrapper{width:550px;margin:0 auto;background:black;overflow:hidden;} .left{width:150px;height:100%;border-right:50px solid red;} .center{width:150px;height:100%;border-right
2012-07-12 11:49:54
1139
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人