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 · 706 阅读 · 0 评论 -
Web前端性能优化
1.301重定向与302跳转有什么区别? 301重定向,也叫“永久性转移”,301会把原网页权重转移到重定向目标的网站上面。 302跳转也称为,“临时跳转”。 区别 1、使用效果不同 302跳转是暂时的跳转,搜索引擎会抓取新的内容而保留旧的网址。因为服务器返回302代码,搜索引擎认为新的网址只是暂时的。原创 2016-01-07 15:50:50 · 583 阅读 · 0 评论 -
js解决onkeydown长按按键卡顿一下
据说造成卡顿的原因是window系统为了照顾手不利索的人实现的功能,网页上做动画,连续按键刚开始会卡顿一下,会感觉动画不流畅,解决方案如下代码 解决onkeydown卡顿问题 #div1{ height: 100px; width: 100px; background-color: red; position: ab原创 2015-09-09 09:11:54 · 4935 阅读 · 0 评论 -
js小知识点
1.==与===的区别 1、对于string,number等基础类型,==和===是有区别的 1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等 2)同类型比较,直接进行“值”比较,两者结果一样 2、对于Array,Object等高级类型,==和===是没有原创 2015-09-06 16:34:46 · 433 阅读 · 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 · 471 阅读 · 0 评论 -
js原生无缝滚动demo
1.原理:我们的视觉区域是1234四张图,首先复制一份12345追加到5的后面(其实只要总个数大于看到的个数就可以不用复制,5>4,我习惯复制一份,如图1的样子),等运动到了2的位置的时候,利用视觉差我们使他瞬间跳回1的样子,就这样往复循环就ok了 、 下面是示例代码: 无缝滚动 *{ margin: 0; padding: 0; } ul,原创 2015-09-01 10:34:01 · 947 阅读 · 0 评论 -
带在线客服返回顶部的jquery右下角弹出菜单-代码
1.用js事件展开菜单 带在线客服返回顶部的jquery右下角弹出菜单 body{ height: 5000px; } *{ margin:0; padding: 0; list-style-type:none;原创 2015-07-21 10:49:39 · 936 阅读 · 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 · 464 阅读 · 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 · 3829 阅读 · 0 评论 -
网页变灰,类似百度百科名人去世样式
兼容IE chrome Firefox html{ filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -webkit-filter:grayscale(1); } 搜索 复制 复制去Google翻译翻译结果原创 2015-06-27 16:55:00 · 1239 阅读 · 0 评论 -
前端性能优化方案
一、减少HTTP请求 1.图片地图的使用 2.css sprites 将多个图片合成一张,减少网络请求数量 3.内联图片 使用data:URL(Base64)模式可以在网页中包含图片但无需额外的http请求(IE可能不支持)。这种做法图片不会被缓存,适合较小的小图标。 4.合并脚本和样式表 多个js和css文件应该合并成一个,减少请求数量 二、使用内容发布网络 CDN(co原创 2017-11-10 14:54:47 · 395 阅读 · 0 评论
分享