Web前端
文章平均质量分 62
super晴天
这个作者很懒,什么都没留下…
展开
-
CSS3 弹性盒子布局
盒子布局 * { margin:0;padding:0;} header { width:100%;height:45px;background:rgba(242,24,97,.95);display:-webkit-box;display:-moz-box;} header .logo { width:110px;height:4原创 2015-03-25 13:24:32 · 657 阅读 · 0 评论 -
Web前端性能优化
1.301重定向与302跳转有什么区别? 301重定向,也叫“永久性转移”,301会把原网页权重转移到重定向目标的网站上面。 302跳转也称为,“临时跳转”。 区别 1、使用效果不同 302跳转是暂时的跳转,搜索引擎会抓取新的内容而保留旧的网址。因为服务器返回302代码,搜索引擎认为新的网址只是暂时的。原创 2016-01-07 15:50:50 · 504 阅读 · 0 评论 -
js解决onkeydown长按按键卡顿一下
据说造成卡顿的原因是window系统为了照顾手不利索的人实现的功能,网页上做动画,连续按键刚开始会卡顿一下,会感觉动画不流畅,解决方案如下代码 解决onkeydown卡顿问题 #div1{ height: 100px; width: 100px; background-color: red; position: ab原创 2015-09-09 09:11:54 · 4819 阅读 · 0 评论 -
js小知识点
1.==与===的区别 1、对于string,number等基础类型,==和===是有区别的 1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 2)同类型比较,直接进行“值”比较,两者结果一样 2、对于Array,Object等高级类型,==和===是没有原创 2015-09-06 16:34:46 · 389 阅读 · 0 评论 -
Web前端开发
1.浏览器兼容 1).判断当前浏览器内核:http://www.cnblogs.com/dearxinli/p/4210728.html 2).IE浏览器系列差异:http://www.jb51.net/css/28741.html http://www.cnblogs.com/binaryworms/ar原创 2015-08-18 13:53:25 · 432 阅读 · 0 评论 -
js原生无缝滚动demo
1.原理:我们的视觉区域是1234四张图,首先复制一份12345追加到5的后面(其实只要总个数大于看到的个数就可以不用复制,5>4,我习惯复制一份,如图1的样子),等运动到了2的位置的时候,利用视觉差我们使他瞬间跳回1的样子,就这样往复循环就ok了、下面是示例代码: 无缝滚动 *{ margin: 0; padding: 0; } ul,原创 2015-09-01 10:34:01 · 896 阅读 · 0 评论 -
带在线客服返回顶部的jquery右下角弹出菜单-代码
1.用js事件展开菜单 带在线客服返回顶部的jquery右下角弹出菜单 body{ height: 5000px; } *{ margin:0; padding: 0; list-style-type:none;原创 2015-07-21 10:49:39 · 863 阅读 · 0 评论 -
做网站细节问题
1.初始化页面 尽量使用 html,body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,span,input,textarea{margin:0;padding:0},而不使用*{margin:0;padding:0}2.字体初始化 body{font:12px/1.5em "宋体",arial;color:#333},字体默认12px;行高为字体的1.5原创 2015-01-29 15:35:32 · 423 阅读 · 0 评论 -
网页class命名规范
CSS样式命名整理页面结构容器: container/wrap整体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column中间内容:center导航导航:nav导航:mainbav/globalnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsid原创 2015-06-27 17:19:04 · 3771 阅读 · 0 评论 -
网页变灰,类似百度百科名人去世样式
兼容IE chrome Firefoxhtml{ filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -webkit-filter:grayscale(1);}搜索复制复制去Google翻译翻译结果原创 2015-06-27 16:55:00 · 1175 阅读 · 0 评论 -
前端性能优化方案
一、减少HTTP请求1.图片地图的使用2.css sprites 将多个图片合成一张,减少网络请求数量3.内联图片使用data:URL(Base64)模式可以在网页中包含图片但无需额外的http请求(IE可能不支持)。这种做法图片不会被缓存,适合较小的小图标。4.合并脚本和样式表多个js和css文件应该合并成一个,减少请求数量二、使用内容发布网络 CDN(co原创 2017-11-10 14:54:47 · 317 阅读 · 0 评论