摘要: 前面的话 说起自适应布局方式,单列定宽单列自适应布局是最基本的布局形式。本文将从float、inline-block、table、absolute、flex和grid这六种思路来详细说明如何巧妙地实现布局 float 【思路一】float 说起两列布局,最常见的就是使用float来实现。float浮 阅读全文
posted @ 2018-02-11 20:06 云雀sunshine 阅读(1021) 评论(0) 推荐(1) 编辑
摘要: 前面的话 前面已经介绍过css 两列布局中单列定宽单列自适应布局的6种思路的两列布局,而两列自适应布局是指一列由内容撑开,另一列撑满剩余宽度的布局方式。本文将从float、table、flex和grid来介绍两列自适应布局的4种思路 float 【思路一】float 在单列定宽单列自适应的两列布局中 阅读全文
posted @ 2018-02-11 20:06 云雀sunshine 阅读(5791) 评论(0) 推荐(0) 编辑
摘要: <!--done--> 前面的话 前面已经介绍过单列定宽单列自适应和两列自适应的两列布局。本文介绍三列布局,分为两侧定宽中间自适应、两列定宽一侧自适应、中间定宽两侧自适应、一侧定宽两列自适应和三列自适应这五种情况 两侧定宽中间自适应 思路一: float 【1】float + margin + ca 阅读全文
posted @ 2018-02-11 20:06 云雀sunshine 阅读(245) 评论(0) 推荐(0) 编辑
摘要: CSS 文字垂直居中问题 问题:在 div 中文字居中问题: 当使用 line-height:100%%; 时,文字没有居中,如下: 但结果如下: 原因: 解决办法: 1. 使用像素值: 2. 使用 %: 3. 不再使用 div 直接写文字,可使用其他内联标签包含文字,eg: <span> 4. 垂 阅读全文
posted @ 2018-02-11 20:04 云雀sunshine 阅读(2295) 评论(0) 推荐(0) 编辑
摘要: 【IE6以下】 iframe边框通过css设定在FF下正常在ie下却还存在边框,通过在iframe标签内部设置属性 frameborder="no" border="0" 可以去掉讨厌的iframe边框。 <iframe src="url“ id="iframe" width="0" height= 阅读全文
posted @ 2018-02-11 20:04 云雀sunshine 阅读(11389) 评论(0) 推荐(0) 编辑
摘要: CSS 样式冲突问题 问题: 当文件中样式名称相同时,易出现样式冲突问题,解决办法如下: 解决: 以 layer.js 中弹出层 .layui-layer-page .layui-layer-content 样式为例 源文件 .layui-layer-page .layui-layer-conten 阅读全文
posted @ 2018-02-11 20:03 云雀sunshine 阅读(3113) 评论(0) 推荐(0) 编辑
摘要: 前面的话 在CSS出现之前,table元素常常用来布局。这种做法在HTML4之后不再推荐使用。而现在有些矫枉过正,使用table展示数据都可能会被说不规范。本文将详细介绍HTML表格table table 【默认样式】 //IE7-浏览器不支持border-spacing table{ border 阅读全文
posted @ 2018-02-11 20:01 云雀sunshine 阅读(5162) 评论(0) 推荐(0) 编辑
摘要: 通常我们需要让自己的网页内容能够更好的适配各种屏幕大小,会采用height:100%,但是我们发现问题出来了,height:100%无效,其实解决办法很简单 解决:你只需要在css处添加上html, body{ margin:0; height:100%; }即可。 原因:你让div的height= 阅读全文
posted @ 2018-02-11 20:01 云雀sunshine 阅读(8356) 评论(0) 推荐(3) 编辑
摘要: 友言:这两天被滚动条整的无与伦比,在此做下总结: 首先自定义浏览器滚动条的实现原理:计算浏览器滚动条的高度,层级1的高度与滚动条的总高度是一样的,通过相似比例计算: 浏览器滚动条总高度 :滚动条高度 = 层级② :层级① => 关于实现自定义滚轮,首先要对整个布局进行了解: 1、 1.需要显示的层级 阅读全文
posted @ 2018-02-11 19:59 云雀sunshine 阅读(1111) 评论(0) 推荐(0) 编辑
摘要: 碎碎:这两天在实践中,用到了 iframe,之前对其不甚了解,了解之中遇到好多奇葩问题,今天记录下这两天遇到的相关的内容。 1. iframe 嵌入页面的边框 运行显示如下: 可以看到 iframe 嵌入页面,类似层级摞在上面(即 iframe层 压在原来页面上层),且外面有白色边框显示,这就是 i 阅读全文
posted @ 2018-02-11 19:58 云雀sunshine 阅读(19344) 评论(1) 推荐(1) 编辑
摘要: 最近需要画出系统流程架构什么的,就用到了几个思维导图工具 1. XMind -- 思维导图工具 2. MindManager -- 思维导图工具 3. AXURE RP --原型设计工具 阅读全文
posted @ 2018-02-11 19:57 云雀sunshine 阅读(846) 评论(0) 推荐(0) 编辑
摘要: 以下面例子为说明: 总结:启用使用 setInterval(function(){}, timer); 停止使用 clearInterval(启用的interval元素)。 阅读全文
posted @ 2018-02-11 19:54 云雀sunshine 阅读(37211) 评论(0) 推荐(0) 编辑
摘要: 这个郁闷了,今天写这个功能的时候发现了问题,上网找了好多资料对照,更加纠结。。。 事实证明一切,自己测试了N遍,发现网上的说法和自己以前的理解都是错的,不知道大家有没发现. 下面来看看网上大多资料的说法 转别人的一些东西: jquery判断checkbox是否被选中 在 html 的 checkbo 阅读全文
posted @ 2018-02-11 19:54 云雀sunshine 阅读(1403) 评论(0) 推荐(0) 编辑
摘要: 1. owl.carousel -- 强大实用的jQuery幻灯片插件 2. jquery.nicescroll.min.js -- 自定义滚动条样式,支持 div,iframe,html 等。 3. template.js -- 提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对 阅读全文
posted @ 2018-02-11 19:53 云雀sunshine 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 一般我们会遇到给某个元素添加或更改原有的文字: 1. 设置/获取内容 - text()、html() 以及 val() 设置内容常用的三个方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 阅读全文
posted @ 2018-02-11 19:53 云雀sunshine 阅读(1037) 评论(0) 推荐(0) 编辑
摘要: 关于 跳转页面传值的问题 1. 目前最多的是使用 ajax 方法 2. 阅读全文
posted @ 2018-02-11 19:53 云雀sunshine 阅读(4417) 评论(0) 推荐(0) 编辑
摘要: 有时候可能需要获取被点击元素的一些信息,此处就以id属性为例子,进行演示一下。 有不足之处,希望大家指正。 阅读全文
posted @ 2018-02-11 19:53 云雀sunshine 阅读(90352) 评论(0) 推荐(0) 编辑
摘要: Javascript刷新页面的几种方法(未测试):1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.nav 阅读全文
posted @ 2018-02-11 19:52 云雀sunshine 阅读(2374) 评论(0) 推荐(0) 编辑
摘要: 在MongoDB中的ObjectID,可以理解为是一个不会重复的ID,这里有个链接http://www.jb51.net/article/101164.htm感兴趣可以去研究一下。 我今天要做的就是做一个不重复ID的生成器 先看看下面的几个方法 1.生成[0,1)的随机数的Math.random,例 阅读全文
posted @ 2018-02-11 19:52 云雀sunshine 阅读(3647) 评论(0) 推荐(0) 编辑
摘要: document.getElementById('BIGDraw').innerHTML = ""; $('#BIGDraw').html(""); $('#BIGDraw').empty(); 清空div内容 两种都可以 阅读全文
posted @ 2018-02-11 19:52 云雀sunshine 阅读(3396) 评论(0) 推荐(0) 编辑