weixin_42684143的博客

原创 web前端面试2（css）

1 css sprite（精灵图，雪花图）将多个图片拼接到一个图片中，通过background-position和元素尺寸调节背景图优点：减少http请求次数，提高加载速度，修改方便，只要在一张图片上修改颜色或者深浅。缺点：需要修改图片大小时，或者调整时，需要全局考虑。2.display：none和visibility：hidden区别。相同：使得元素不可见。区别：display：none会让元素从渲染树中消失，不占任何空间。后者反之，会占领空间，只是不可见；display：none是非继承属

原创 web前端面试题（1）（html，http，web）

1.前端需要注意的seo优化。a.合理使用title，description，keyword， h1标签。b.使用语义化标签。c.中澳的内容放在最前面，便于搜索引擎优先解析。d.少用iframe标签，因为搜索引擎抓取不到。e.图片尽量加alt。f.提供网站加载速度。2.的title和alt区别alt属性和title属性的区别是前者是在图片无法加载的时候才会显示的其值，而title是在图片正常加载鼠标划上去显示的值，虽然alt也有后者的功能，但是只是在低版本的ie浏览器才支持，高版本及标准

原创 js中银行家算法

var b = 0.825;Math.round(b * 100) / 100 //0.83alert(b.toFixed(2)); //0.82tofixed()并不是使用的"四舍五入"法 而是四舍六入五取偶(银行家算法 Banker’s rounding),若需要舍入到的位的后面"小于5"或"大于5"的话,按通常意义的四舍五入处理.若"若需要舍入到的位的后面"等于5",则要看舍入...

原创 js常见的代码规范问题

1 定时器的使用使用定时器的时候注意要释放，否则会容易造成内存泄漏2.使用location.href等js调转应注意是否会造成重定向的死循环之中，所以调转之前应该加以判断，或者使用弹框提示用户，选择确认之后再进行跳转，防止死循环。3.公共方法需要分离出来，提高代码的质量，降低代码的维护成本4.typeof的时候需要先给对象判断为空处理5.获取url传值是具有风险的，如果隐私数据需要加上...

转载 瀑布流布局demo

原创 浏览器Cookie获取和设置

Cookie: 浏览器本地存储的一种技术，存储文本，存储大小4K1.可以实现多个页面之间数据共享2.cookie保存在浏览器本地3.cookie和域名是关联起来的。4.默认如果cookie不设置过期时间的话，浏览器关闭 cookie就销毁了。5.如果设置cookie的过期时间，cookie没有过期的时候，关闭浏览器在重新打开 cookie还是存在的获取tCookie封装functio...

转载 小点跟随鼠标移动demo代码

原创 事件委托demo

原创 navigator对象

navigator对象是window对象的属性，它保存了浏览器的信息, 如: 浏览器名称,版本,浏览器所在的电脑操作系统等console.log(navigator.appName); //浏览器名称console.log(navigator.appVersion); //浏览器版本console.log(navigator.platform); //操作系统//最新的浏览器已经全面...

原创 window对象的部分方法

alert(text): 弹出提示框(警告框) confirm(): 创建一个需要用户确认的对话框 prompt(text,defaultInput) :创建一个对话框要求用户输入信息 open(url,name,[options]) : 打开一个新窗口并返回新 window 对象 setInterval(...

原创 js输出各种日期时间格式

var d = new Date(); /*获取当前的时间*/ //Sun Feb 19 2017 19:42:27 GMT+0800 (CST) 当前时间 alert(d.toDateString()); //Sun Feb 19 2017 alert(d.toTimeString()); //19:50:09 GMT+0800 (CST) alert(d.toLocaleD...

原创 js 中常见 Math的数学函数

Math.round(参数) 四舍五 * Math.random() 获取一个0~1之间的随机数 * Math.abs(参数) 取当前数的 绝对值 * Math.ceil(参...

原创 css3兼容

1.pc端360 火狐 谷歌 ie8+ edge浏览器 苹果浏览器 搜狗 （常见的浏览器都得测）2.移动端1.常见的手机的内置浏览器2.常见的手机的UC浏览器3.常见手机微信里面3.ie8怎么做兼容？1.正常代码符合w3c标准是没有问题的2.ie8上面尽量不要用css3的特效 （不支持）3.针对ie8调试，调试好以后再其他浏览...

原创 js二进制十六进制转换

1 转为二进制十六进制转换var a=130；console.log(a.toString(2));/*10进制转换成2进制*/ console.log(a.toString(8)); /*10进制转换成8进制*/ console.log(a.toString(16)); /*10进制转换成16进制*/2 进制转换成10进制*/ var b=10010110; c...

原创 ++a 和 a++ 区别

总结： ++a 和 a++ 区别 a-- 和–a同理1.都是自增运算符 相当于a=a+1;2.如果他两不赋值的情况下面 结果都是自增3.如果赋值的话 ++a 是先运算在赋值。 a++先赋值在运行算...

原创 Html5智能表单

range类型<input name=’'range1" type=“range” value=“25” min=“0” step=“5” />output类型用于输出计算结果0100+=atakist 选项列表 新增属性 placeholder属性：文本框处于未输入状态时文本框中显示的输入提示。autofocus属性：给文本框、选择框...

原创 css 可继承得属性

不可继承的：display、margin、border、padding、background、height、min-height、max- height、、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align所有元素可继承：visib...

转载 样式表滤镜

一、什么是样式表滤镜说到滤镜，其实它并不是对图像进行了什么处理，而是在浏览器中对使用了该属性的对象进行一定的修饰。样式表滤镜实际上是样式表一个新的扩展部分，使用这种技术简单的语法就可以把可视化的滤镜和转换效果添加到一个标准的html元素上，例如图片、文本、以及其他一些对象，为页面添加一些丰富的变化。如果大家有一些脚本语言的基础，能够把滤镜效果与类似javascript的脚本代码做一些结合，就可以...

原创 浏览器兼容性及解决办法

常见浏览器： 百度 遨游 uc 谷歌 火狐 搜狗 qq 360 欧朋 海豚 （Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游）五大浏览器内核trident （ ie ）gecko （Mozilla firefoxgecko）prezto （operapresto 公认...

原创 css postition 定位属性

包括 static absolute relative fixedstatic ： 默认值，忽略 top bottom left right 等声明absolute : 相对于腹肌元素绝对定位，浮出、脱离文档流，若父级没有定位，则以html直接 left top right bottom 层级 z-index：valuerelative ： 相对于默认位置的偏移定位，通过设置left to...

转载 css 如何使用精灵图？background属性介绍（转载http://www.php.cn/css-tutorial-410096.html）

（转载http://www.php.cn/css-tutorial-410096.html）如有侵权，烦请联系处理（qq359599890）本章给大家介绍css 怎样使用精灵图？background属性介绍（代码实例），让大家可以了解css精灵图（雪碧图）是怎样使用的。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、css 如何使用精灵图?介绍如何使用精灵图使用前，我们要先...

原创 css块元素、内联元素、可变元素

块元素特点a 块元素显示为矩形b 默认，块元素占据一行，按顺序自上而下c 可以自定义狂傲。d 块元素可以是容易，容纳其他元素，看作是个盒子。常见：div dl form h1-h6 ol hr p ul feildset内联元素：a 逐个显示b 没有形状，不能定宽高，根据包含内容决定宽高c 可以定义padding border margin background 等，但是不能...

原创 css 文本省略号设置

1.witdh:value;2.white-space:nowrap;3.overflow:hidden4.text-overflow:ellipsis;单行文本溢出设置。多行省略设置请display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;...

原创 css盒模型

css盒模型规定了网页元素如何显示，元素间相互关系。css定义所有元素都可以拥有像盒子一样的外形和平面空间。都包括内容区，不败，边框，边界（外边距）。margin border padding content盒模型：...

原创 css浮动属性 和其他核心属性

文本字体属性：为了减少系统间的差异，99年明确16px/ppi为标准字体大小，1em默认=16pxem根据父元素值确定。eg font-size：12px；line-height:2em(24px)绝对大小关键字xx-small =9px。。。。medium=16px字体类型：中文默认为宋体或新宋体；英文默认Arial文本颜色 ： gbb ggbaeg #fafafa #...

原创 css基础

casscading style sheets 表现html或xml等。css包括选择器和声明，声明包括属性和属性值eg. div{ width:500px}书写中空格，换行不影响样式：内部样式，外部样式，内联样式外部样式引入1link 2@ import（兼容性问题，加载靠后）css选择符（选择器）id选择器 #class选择器 .群组选择器.top,#nav{ c...

原创 html 基础

html入门基础1