- 博客(20)
- 收藏
- 关注
转载 Flexbox布局模式的理解
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 Flexbox,一种CSS3的布局模式,也叫做弹性盒子模型,用来为盒装模型提供最大的灵活性。首先举一个栗子,之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下,对居中元素绝对百分比...
2017-05-23 13:05:00
133
转载 Web性能优化:图片优化
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 HTTP Archieve有个统计,图片内容已经占到了互联网内容总量的62%,也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看,图片也绝对是优化的热点和重点之一,Google PageS...
2016-11-16 18:47:00
107
转载 大公司里怎样开发和部署前端代码?
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 作者:张云龙链接:http://www.zhihu.com/question/20790576/answer/32602154来源:知乎著作权归作者所有,转载请联系作者获得授权。在我的印象中,fa...
2016-11-10 13:29:00
88
转载 原生js下拉刷新
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit...
2016-07-14 15:19:00
69
转载 全国三级城市联动 js版
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...
2016-05-07 16:53:00
365
转载 js获取智能机浏览器版本信息
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale...
2016-05-07 16:51:00
95
转载 JS年月日三级联动下拉框日期选择代码
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...
2016-05-07 09:24:00
147
转载 css 3种清除浮动方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .test{ zoom...
2016-04-22 10:33:00
86
转载 JS+canvas实现人机大战之五子棋
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 效果图:html代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"...
2016-04-11 17:12:00
105
转载 JS提取URL中的参数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"&...
2016-03-24 10:22:00
101
转载 css6种隐藏元素的方法
6种方式可以隐藏一个元素: 1 CSS display的值是none。(该元素是不会在页面上显示) 2 type="hidden"的表单元素。(该元素是不会在页面上显示) 3 宽度和高度都显式设置为0。(该元素是会在页面上显示) 4 一个祖先元素是隐藏的,(该祖先以及祖先以下的元素是不会在页面上显示) 5 CSS visibility的值是hidden(该元素是会在页...
2016-03-21 15:10:00
138
转载 css两列布局,一边固定宽度,另一边自适应
<!DOCTYPE HTML><HTML> <head> <meta charset="utf-8" /> <title>css两列布局,一边固定宽度,另一边自适应</title> </head> <style> a,...
2016-03-18 10:33:00
163
转载 图片在容器充满居中显示
效果图: 源码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片在容器充满居中显示</title> <style type="text/css">...
2016-03-17 10:36:00
160
转载 纯CSS写九宫格样式,高宽自适应正方形
个人博客地址: 雨中的鱼-前端知识分享 http://www.showhtml5.cc 分享干货,有兴趣的人可以一起来分享前端知识 加Q群:440279380 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...
2016-03-16 16:57:00
241
转载 移动Web开发小技巧
移动Web开发小技巧添加到主屏后的标题(IOS)name="apple-mobile-web-app-title"content="标题">启用WebApp全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果)name="apple-mobile-web-app-capable"content="...
2016-03-06 21:30:00
139
转载 JavaScript 数字相关的转换和方法
类型判断isNaN - 是否是 NaN(Not a Number)。主要用来判断 NaN 是否是 NaN,因为 NaN == NaN 是 false。isNaN(NaN); // trueisNaN(parseFloat('abc')); // trueisNaN(37); // falseisNaN("37"); // falseisNaN("3...
2016-03-06 10:05:00
104
转载 javasrcipt日期一些方法和格式转化
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); /...
2016-03-05 18:18:00
145
转载 5种方法去掉HTML中Inline-Block元素之间的空白
5种方法去掉HTML中Inline-Block元素之间的空白记得年轻时我在IE6上开发,绝望的希望IE6能支持display: inline-block功能。当需要在”inline”元素上控制margin和padding时,inline-block属性值变得非常有用,有了它,你不在需要让这些元素去“block”和“float”。但有一个问题,当使用inline-block时,HTML...
2016-03-04 10:18:00
90
转载 html标签的嵌套规则
一、HTML 标签包括 块级元素(block)、内嵌元素(inline)1、块级元素一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul2、内嵌元素一般用...
2016-03-03 22:01:00
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人