2016 年 7月随笔档案 - 苏羽垄

Padding和父子继承宽高之间的关系

摘要：1、父子之间宽高的继承关系父亲有一个宽高，儿子若不设定宽高会继承，继承宽的100%，高度靠自己内容撑开。 2、padding对儿子宽的影响看代码：这个时候，儿子完全继承父亲的宽，高度有自己的内容高度撑开。运行结果：这个时候，修改代码，在.son中加上padding-left:50px;会发现阅读全文

posted @ 2016-07-31 15:03 苏羽垄阅读(913) 评论(0) 推荐(0)

Js实例——模态框弹出层

摘要：1.描述百度登录就是一个模态框弹出层。思路分析：先将灰色大背景和登陆盒子设为不可见，利用JS将其动态加载可见。 2、代码阅读全文

posted @ 2016-07-31 14:42 苏羽垄阅读(16478) 评论(0) 推荐(0)

Java——异常谜题

摘要：1、谜题36 try和finally语句，代码如下，判断输出最后的输出为false，为什么呢？这是因为try的异常结束（例如return，break，continue，throws）是不会影响finally语句块的执行。 2、谜题37 考察try catch的规则掌握程度这段代码看着会编译通过，阅读全文

posted @ 2016-07-31 13:44 苏羽垄阅读(276) 评论(0) 推荐(0)

Java攻城狮技能

只有注册用户登录后才能阅读该文。

posted @ 2016-07-30 23:12 苏羽垄阅读(29) 评论(2) 推荐(0)

HTTP缓存控制总结

摘要：引言通过网络获取内容既缓慢，成本又高。大的相应需要在客户端和服务器之间多次往返通信，这拖延了浏览器可以使用和处理内容的时间，同时也增加了通信的成本。因此，缓存和重用以前获取到的资源的能力成为性能优化的一个很关键的方面。与缓存相关的HTTP首部字段主要有哪些（1）通用首部字段（意味着既能用于请求阅读全文

posted @ 2016-07-30 22:53 苏羽垄阅读(641) 评论(0) 推荐(0)

JS——基础知识

摘要：1、alert语句弹出一个对话框。 2、console 这个是在浏览器的控制台打印输出，也有一些公司将招聘信息打印到浏览器的console窗口，比如百度首页。 3、typeof 用这个关键字可以测试一个变量的类型。 var a="字符串"; var b=2; console.log(typeof 阅读全文

posted @ 2016-07-30 16:45 苏羽垄阅读(140) 评论(2) 推荐(0)

微信、QQ这类IM APP怎么做——谈谈WebSocket

摘要：1、WebSocket的使用场景（1）社交聊天聊天特点：低延迟，高及时。（2）弹幕（3）多玩家游戏（4）协同编辑（5）股票基金实时报价（6）体育实况更新（7）视频会议/聊天（8）基于位置应用（9）在线教育（10）智能家居家里的智能设备的状态必须要实时展现到手机APP客户端上，阅读全文

posted @ 2016-07-30 15:14 苏羽垄阅读(889) 评论(0) 推荐(0)

CSS——z-index

摘要：1、特性 ①z-index的值表示谁压着谁。值大的压住值小的。 ②只有定位的元素才有z-index 值，也就是说，浮动不可以，相对定位，绝对定位，固定定位都可以。 ③z-index值没有单位，是一个正整数。默认值为0。 ④如果大家都没有index值，或者大家的index值一样，那么谁写在后面就能压住阅读全文

posted @ 2016-07-28 22:38 苏羽垄阅读(225) 评论(0) 推荐(0)

CCS设计手段——相对定位

摘要：1、认识相对定位相对定位就是让元素相对自己原来的位置进行位置调整。 2、相对定位的本质特性不脱标，老家留坑，形影分离。 3、用途 ①微调位置 ②做绝对定位的参考，子绝父相 4、相对定位的定位置相对定位的用法： position:relative; right: ☞正数-->向左负数-->向右阅读全文

posted @ 2016-07-28 20:11 苏羽垄阅读(410) 评论(0) 推荐(0)

background系列属性

摘要：1、background-color背景颜色属性 ①颜色表示方法英语单词：red blue purple skyblue。 rgb：r代表红色 g代表绿色 b代表蓝色也就是颜色的三原色。十六进制：#0xff ff ff 2、background-image属性 background-image 阅读全文

posted @ 2016-07-27 21:58 苏羽垄阅读(697) 评论(0) 推荐(0)

超级链接的美化

摘要：1、伪类：同一个标签，用户不同的状态，就会有不同的样式。一定要是如下的顺序，不能更改，更改后可能就会没有效果。 a:link{ color:red;}这个是从未访问的超级链接为红色 a:visited{color:blue;}这个是访问后的超级链接变为蓝色 a:hover{color:green; 阅读全文

posted @ 2016-07-27 21:03 苏羽垄阅读(1566) 评论(0) 推荐(0)

CSS文字垂直居中和font-family属性

摘要：1、单行文字的垂直居中单行文字垂直居中比较简单，直接让行高==盒子高度即可。 2、多行文字居中多行文字居中，只需简单计算一下盒子的上padding即可。计算公式：padding-top60=（盒子的高度200-文字总行数4*行高20）/2；多行文字第一行文字缩进两个文字，用text-inden 阅读全文

posted @ 2016-07-27 19:36 苏羽垄阅读(2831) 评论(0) 推荐(0)

Java 设计模式

摘要：1、概念阅读全文

posted @ 2016-07-27 19:04 苏羽垄阅读(146) 评论(0) 推荐(0)

margin 塌陷现象与注意事项

摘要：1、在标准文档流中，块级标签之间竖直方向的margin会以大的为准，这就是margin的塌陷现象。但是，脱标之后就不会出现margin的塌陷现象。 2、margin:0 auto; 会让盒子水平居中，但是他有他的使用注意事项：标准流的盒子而且有宽度的盒子才能用margin:0 auto;让其居中阅读全文

posted @ 2016-07-26 08:35 苏羽垄阅读(1462) 评论(1) 推荐(0)

浏览器兼容性问题

摘要：1、IE6特性 ①微盒子就是盒子高度小于12px的时候，会给他增加一个默认高度。但是增加上 _font-size:0;（_表明只有IE6认识这个属性）这样就能消除兼容问题。就会显示出一个小于12px的高度的盒子。 ②overflow偏方属性（消除浮动即脱标的儿子仍然可以撑起父元素的高度）失效，但是阅读全文

posted @ 2016-07-26 08:32 苏羽垄阅读(170) 评论(0) 推荐(0)

CSS中的浮动清除

摘要：先来看一个实验：现在有两个div，div身上没有任何属性。每个div中都有li，这些li都是浮动的。理想的效果：可实际的效果：这个地方就涉及到浮动，因为两个父元素div都没有高度（或者小于子元素的高度），所以不能给浮动的孩子一个容器，所以后边的li还拼命的往上面的最后一个li靠近。清除浮动就是阅读全文

posted @ 2016-07-25 13:53 苏羽垄阅读(306) 评论(0) 推荐(0)

CSS的三种手段让元素脱离标准本文档流——浮动、绝对定位、固定定位

摘要：1、浮动浮动是CSS中用到的最多的一个选项，他有三个性质。关于浮动我们要强调一点，永远不是一个东西单独浮动，浮动都是一起浮动，要浮动，大家都浮动。 1.1 浮动元素脱离标准文档流 1.1.1 大概描述：有两个盒子，一个盒子浮动，一个盒子不浮动。浮动的盒子会脱离标准文档流，不浮动的盒子会在标准文档流阅读全文

posted @ 2016-07-24 20:51 苏羽垄阅读(8932) 评论(0) 推荐(0)

块级元素和行内元素

摘要：1、块级元素和行内元素区别块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。行内元素会在一条直线上排列，都是同一行的，水平方向排列。行内元素设置width无效，height无效(可以设置line-height让文字阅读全文

posted @ 2016-07-24 20:45 苏羽垄阅读(310) 评论(0) 推荐(0)

网页设计前端——盒子模型

摘要：1、盒子模型的宽高以及padding和border的认识盒子的宽高不是CSS样式的宽高，CSS样式里的宽高只是内容的宽高，而盒子真实的宽高计算：宽：内容宽+padding+边框的高度高：内容高+padding+边框的高度。这个地方要有所意识。padding的背景颜色和内容一个颜色。 2、padd 阅读全文

posted @ 2016-07-23 13:55 苏羽垄阅读(2223) 评论(0) 推荐(0)

CSS的继承性和层叠性

摘要：1、继承性比不是所有的属性都能继承，只有一些文本的属性才能被继承。比如：color，text-开头的,line-开头的，font-开头的。这几种属性才能被继承。其余的关于盒子，定位，布局的都不能被继承。 2、层叠性：是CSS处理冲突的能力。所有的权重计算，没有任何兼容问题！ CSS像艺术家一阅读全文

posted @ 2016-07-22 22:26 苏羽垄阅读(291) 评论(0) 推荐(0)

网站前端设计——选择器

摘要：1、类名是可以重复的要从整个页面考虑去分出一些公共类，就是说一个类名不要只针对一个标签。一个标签可以用空格隔开多个类。、 1）不要去试图用一个类名，把某个标签的所有样式写完。这个标签要多携带几个类，共同造成这个标签的样式。 2）每一个类要尽可能小，有“公共”的概念，能够让更多的标签使用。 2、阅读全文

posted @ 2016-07-22 20:43 苏羽垄阅读(212) 评论(0) 推荐(0)

网站中图片的相对路径与绝对路径

摘要：1、相对路径网站中加载图片所用到的相对路径，相对路径是以网页所在位置为参考的。 ../代表上一级目录 src="../../photo/1.png"; src="images/1.jpg"; 相对路径不但用于寻找图片还可以用于寻找网页： <a href="../myweb2/2.html" tar 阅读全文

posted @ 2016-07-21 21:42 苏羽垄阅读(1765) 评论(0) 推荐(0)

网站隐藏文件夹

摘要：1、IE浏览器请求文件所存放的隐藏文件夹 C:\Users\计算机名\AppData\Local\Microsoft\Windows\Temporary Internet Files 2、SOGO浏览器 C:\Users\计算机名\AppData\Roaming\SogouExplorer\Webk 阅读全文

posted @ 2016-07-21 21:24 苏羽垄阅读(405) 评论(0) 推荐(0)

LintCode 面试题旋转字符串

摘要：1、题目描述题目链接：http://www.lintcode.com/zh-cn/problem/rotate-string/ 给定一个字符串和一个偏移量，根据偏移量旋转字符串(从左向右旋转) 2、难点分析特殊情况：①字符串为""的情况②offset=0的情况③offset远大于字符串长度的情况阅读全文

posted @ 2016-07-21 08:38 苏羽垄阅读(4551) 评论(1) 推荐(0)

五子棋——从棋谱到人机对战

摘要：1、棋谱的绘制（1），这里主要是用到html5中的canvas标签，他代表画布的意思。定义一个canvas标签，给他的一个宽度和高度，就相当于准备好画画的画布。因为canvas是一个行内标签，所以要让其水平居中，只有一个margin:0 auto是不够的，还要配合display:block将其变为阅读全文

posted @ 2016-07-14 13:42 苏羽垄阅读(742) 评论(5) 推荐(0)

前端设计——js实现图片切换的淡入淡出

摘要：1、网页结构如图所示 2、页面布局设计细节 ①分块：一个小方块是一个div。 ②无序列表一般是竖直排放的，可以通过float让其水平排放。float:left; ③三个小方块是浮动上去的，所以要用到position定位。A盒子要相对B盒子进行移动，那么B盒子就设置为relative，A盒子要设置为a 阅读全文

posted @ 2016-07-12 18:06 苏羽垄阅读(9537) 评论(0) 推荐(0)

网页显示特殊字符

posted @ 2016-07-12 17:04 苏羽垄阅读(320) 评论(0) 推荐(0)

高级标签

摘要：1、列表标签自定义列表标签 <dl> <dt>标题1</dt> <dd>列表项1</dd> <dd>列表项2</dd> <dd>列表项3</dd> <dt>标题2</dt> <dd>列表项1</dd> <dd>列表项2</dd> <dd>列表项3</dd> <dd>列表项4</dd> </dl> 阅读全文

posted @ 2016-07-12 12:43 苏羽垄阅读(254) 评论(0) 推荐(0)

与文字相关的标签

摘要：标签主要是用他的样式，而不是用来修饰样式的。 1、处理某些标签 2、定义着重文字（文本默认斜体），有利于网站的SEO 3、下标与上标区别： 用于化学式；用于多少次幂。阅读全文

posted @ 2016-07-11 20:24 苏羽垄阅读(213) 评论(0) 推荐(0)

head标签

摘要：1、meta标签设置网页编码。 2、link标签 ①用于网站优化——dns的预解析。 ②用于引入网站标题左边的图标。<link rel="shortcut icon" href="链接"/> ③引入css代码。<link rel="stylesheet" type="text/css" href 阅读全文

posted @ 2016-07-11 15:37 苏羽垄阅读(180) 评论(1) 推荐(0)

各种排序算法的稳定性以及时间和空间复杂度分析

摘要：1、稳定性 ①冒泡排序比较是两个相邻的元素比较，交换是两个相邻的元素交换。所以如果两个元素相等，就不用无聊地去交换吧，这样也能减少交换次数。所以冒泡排序是稳定的。 ②选择排序选择排序是每次给第一个位置选第一小的，给第二个位置选第二小的，以此类推.....。所以说两个相等的元素可能因为选择第一个小阅读全文

posted @ 2016-07-11 10:58 苏羽垄阅读(2899) 评论(0) 推荐(0)

前端设计——音乐盒子

摘要：1、首先要完成的结构如下图所示：一个大盒子被分为左右下三个部分，左边部分（紫颜色）用于存放一个动态图片；右边绿颜色部分用于显示歌手头像，歌曲名字，歌词；下边银白色用于控制歌曲的播放与暂停。这就是想要实现的大概结构。 2、难点 1）、结构的搭建我们都知道，div是默认自带换行，如何让两个div并排阅读全文

posted @ 2016-07-11 08:02 苏羽垄阅读(378) 评论(0) 推荐(0)

丑数 LeeTCode

摘要：题目链接：http://www.lintcode.com/zh-cn/problem/ugly-number-ii/ 题目描述：设计一个算法，找出只含素因子2，3，5 的第 n 大的数。符合条件的数如：1, 2, 3, 4, 5, 6, 8, 9, 10, 12... 算法分析：这其实是数学知识。只阅读全文

posted @ 2016-07-10 16:31 苏羽垄阅读(273) 评论(0) 推荐(0)

Java谜题心得

摘要：1，二进制浮点数的运算是对实际算数的一种近似运算。 2，IEEE 754浮点算术保留了一个特殊的值用来表示一个不是数字的数量[IEEE 754]。这个值就是NaN（“不是一个数字（Not a Number）”的缩写），对于所有没有良好的数字定义的浮点计算，例如0.0/0.0，Math.sqrt（-1 阅读全文

posted @ 2016-07-09 21:04 苏羽垄阅读(108) 评论(0) 推荐(0)

移位操作符

摘要：Java移位操作符，左右操作数是有限制的。 int型的移位右操作数介于0~31，任何int数移32位还是本身。 long型的移位右操作数介于0~63，任何long数移64位还是本身。阅读全文

posted @ 2016-07-09 20:09 苏羽垄阅读(174) 评论(0) 推荐(0)

苏羽垄

07 2016 档案

公告