03 2017 档案

【滑稽】每日一记 JS循环语句
摘要：循环结构的步骤： 1、声明循环变量 2、判断循环条件 3、执行循环体操作 4、更新循环变量 然后循环执行 2、3、4步骤 JS中循环条件支持的数据类型： 1、boolean：true/false 2、string：非空字符串为真，空字符串为假 3、number：除0以外均为真 4、null/unde 阅读全文
posted @ 2017-03-31 16:55 瓜皮猴 阅读(167) 评论(0) 推荐(0)
【滑稽】 每日一记 分支结构
摘要：if-else 结构： if（判断条件）｛ 条件为true时执行 ｝else｛ 条件为false时执行 ｝ if()中的表达式，运算之后的结果应该为： 1、boolean：true/false 2、string：非空字符串为真，空字符串为假 3、number：除0以外均为真 4、null/undef 阅读全文
posted @ 2017-03-30 15:45 瓜皮猴 阅读(171) 评论(0) 推荐(0)
【滑稽】每日一记 JS运算符
摘要：算术运算 + 加、- 减、* 乘、 / 除、 % 区域、++ 自增、-- 自减 + ：两种作用，连接字符串和加法运算， 当+两边均为数字时，进行加法运算，当+两边任意一边为字符串时，进行字符串链接，连接之后的结果仍为字符串 ++ 自增运算符，将变量在原有基础上加一，-- 自减运算符，即在原有基础上减 阅读全文
posted @ 2017-03-29 17:48 瓜皮猴 阅读(187) 评论(0) 推荐(0)
【滑稽】每日一记 Javascript基础：简介和变量
摘要：JS使用三种方式： 1、HTML页面内嵌JS代码（不提倡使用） 2、HTML页面中直接使用JS: 3、引用外部JS文件： 注意： 页面中JS代码与引用JS代码可以嵌入到HTML页面的任何位置，但位置不同会影响JS代码的执行顺序 例：如果<script> 在body前，会在加载前执行JS代码 页面中J 阅读全文
posted @ 2017-03-28 16:30 瓜皮猴 阅读(150) 评论(0) 推荐(0)
Flex弹性布局基础教程
摘要：弹性盒布局的使用 1、为父容器添加display：flex或inline-flex属性 （Webkit内核的浏览器，必须加上-webkit前缀。） 容器默认存在两根轴：主轴（main axis）和交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做m 阅读全文
posted @ 2017-03-25 16:18 瓜皮猴 阅读(269) 评论(0) 推荐(0)
【滑稽】每日一记——响应式布局设计
摘要：媒体查询： @media[not|only] type [and][expr]{ rules } not|type 逻辑关键字 type 媒体类型（常用的媒体类型：all、screen） expr 媒体表达式 rules CSS样式 and后面一定要加空格！and后面一定要加空格！and后面一定要加 阅读全文
posted @ 2017-03-24 15:06 瓜皮猴 阅读(120) 评论(0) 推荐(0)
【滑稽】每日一记 手机端开发的一些样式设置
摘要：/* 【手机端样式选择】 * 1、一般手机均不支持微软雅黑，中文字体无需设置，使用手机默认即可； * 2、英文字体，一般选择font-family:Helvetica; */ font-family:"宋体",Helvetica,sans-serif; /* 禁止选中文本(如无文本选中需求,此为必选 阅读全文
posted @ 2017-03-21 18:00 瓜皮猴 阅读(150) 评论(0) 推荐(0)
【滑稽】每日一记 网页移动开发的基础
摘要：<!--[了解 像素基础知识] ① 设备物理像素：设备上一个像素点 ② 设备无关像素：可以与物理像素通过dpr转换。（当dpr为1时，设备无关像素=设备物理像素） ③ CSS像素：CSS中使用的抽象概念。当页面没有缩放时，CSS像素=设备无关像素。 CSS像素与 dip 的比例即为网页的缩放比例，如 阅读全文
posted @ 2017-03-20 18:05 瓜皮猴 阅读(125) 评论(0) 推荐(0)
【滑稽】每日一记 banner图
摘要：用动画实现banner图的滚动： 阅读全文
posted @ 2017-03-20 13:22 瓜皮猴 阅读(288) 评论(0) 推荐(0)
【滑稽】每日一记——CCS3部分新增属性
摘要：长度单位：px、百分比、em、rem 具体见CSS3参考手册 图片边框、图片裁切 background-origin：设置背景图的定位方式。border-box从边框外缘开始，padding-box从边框内缘，content-box从文字内容区开始background-origin不改变背景图显示区 阅读全文
posted @ 2017-03-20 09:53 瓜皮猴 阅读(354) 评论(0) 推荐(0)
记一些让footer始终位于网页底部的方法
摘要：上次说把网页的头部和尾部分离出来作为一个单独的文件，所有网页共用，这样比较方便修改，然而，，，我发现某些方法里尾部会紧跟在头部后面，把内容挤在下面。。而且有的页面内容少的话不能把尾部挤到最下面，所以，这次来研究一下怎么能让尾部一直在下面。。 先把html代码放出来： 方法一：其实这个应该是始终位于浏 阅读全文
posted @ 2017-03-18 16:26 瓜皮猴 阅读(539) 评论(0) 推荐(0)
【滑稽】每日一记——H5部分新特性
摘要：HTML5新增结构标签： html5表单新增属性： form：指向特定表单id，实现input无需放到表单中，即可通过form提交 formaction /formmethod ： 设置某个submit 按钮，提交到指定的action地址，使用指定的method 方法，会覆盖form中的action 阅读全文
posted @ 2017-03-15 15:58 瓜皮猴 阅读(140) 评论(0) 推荐(0)
【滑稽】每日一记——CSS定位
摘要：/*相对定位 relative 1、使用position: relative 设置元素为相对定位的元素 2、定位机制：相对于自己原来文档流中的位置定位，当不指定top等定位值时，不会改变元素位置； 相对定位元素仍会占据原有文档流中的位置，而不会释放（我不用也不让你用，你能把我咋地） 3、使用top、 阅读全文
posted @ 2017-03-14 18:08 瓜皮猴 阅读(176) 评论(0) 推荐(0)
网页共用头部和尾部的部分方法
摘要：同一网站的头部和尾部通常是相同的，所有网页只要共用头部和尾部就可以使网页的维护变得方便许多，只需要修改一个页面就可以使全部网页的头部和尾部改变了，在这里我尝试使用与课程相关的几种不同方法来实现： 方法一：使用js，找一个html转js的网站，然后把你头部的html代码转化成js代码。然后在需要调用h 阅读全文
posted @ 2017-03-11 21:43 瓜皮猴 阅读(2238) 评论(2) 推荐(0)