| | | |

2016年6月22日

摘要：将之前的东西的理论部分整理了一下—— gulp 前端构建工具它可以帮助我们完成一些自动化操作它需要一些插件的支持 var gulp = require('gulp'); --> gulp命令 require('yargs').argv; 它可以监听gulp后面添加的参数关闭 gulp 服务器：阅读全文

posted @ 2016-06-22 20:07 起个好名字阅读(160) 评论(0) 推荐(0)

gulp相关知识（1）

摘要：这是一种简单的工具，非常容易上手而且功能也是多种多样。例如将整个网站打包下来的时候，看到的js代码总是混乱的，这就是类似于gulp的工具进行了加密，其他的功能还有很多这里就不赘述了。首先是gulp的安装。 gulp的安装首先需要一个服务器，这里安装了node.js和Git Bash。将两样东西安阅读全文

posted @ 2016-06-22 20:04 起个好名字阅读(219) 评论(0) 推荐(0)

2016年6月21日

移动端的网页试做

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalabl 阅读全文

posted @ 2016-06-21 20:38 起个好名字阅读(169) 评论(0) 推荐(0)

关于移动端的布局

摘要：有人说H5就是拿来做移动端的，毕竟只做pc端的话，H4就足够了。于是今天就来讲讲这个移动端——的布局方面。移动端布局最为麻烦的就是兼容了，二移动端开发的目的也就是为了兼容各式各样的设备仪器。兼容的方式有多种，这里主要讲响应式布局。响应式布局，即，页面的内容，会根据设备的分辨率，型号等参数自行调阅读全文

posted @ 2016-06-21 17:49 起个好名字阅读(270) 评论(0) 推荐(0)

2016年6月20日

伪类before和after

摘要：有时候，我们需要大量的重复代码去实现一个非常简单的功能，这不仅浪费时间，而且效率低下，例如： <div class="aa">你好</div> <div class="aa">我好</div> <div class="aa">大家好</div> <div class="aa">前面和后面</div> 阅读全文

posted @ 2016-06-20 20:56 起个好名字阅读(297) 评论(0) 推荐(0)

简单时钟——css3

摘要：这里我们使用css3的特性制作一个简易的时钟，代码如下： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .clock{ position: relative; background: url(. 阅读全文

posted @ 2016-06-20 20:45 起个好名字阅读(183) 评论(0) 推荐(0)

动画——animation（2）

摘要：日常中，我们使用的动画来源有两个方面—— 第一个，自己去定义。通过@keyframes去定义即可，格式如下： @keyframe animatename{ 0%{ //这里面写初始的对象的css样式 } 100%｛ //这里写结束时候的css样式｝ } 起始与结束之间可以写无数个中间css样式，阅读全文

posted @ 2016-06-20 20:42 起个好名字阅读(187) 评论(0) 推荐(0)

一些需要注意的东西——新手向

摘要： 1.类其实是可以叠加的 <div class="a b"></div> 通过以上方式就可以将类叠加，如果ab两个类有重复的部分，后写的会覆盖前面的，其他写法貌似是不行的。 2. var _name = "background"; _div.style[_name] = _value; //_name 阅读全文

posted @ 2016-06-20 20:29 起个好名字阅读(112) 评论(0) 推荐(0)

动画——animation部分

摘要：动画部分是HTML5的新增部分，其特性是可以不借助js代码就可以单单凭借着css部分完成部分动态效果。其效果华丽，强大，炫酷无比，只要你想得到的动态效果都可以通过css3来完成。 <style> .lizhi{ background: red; width: 200px; height: 200px 阅读全文

posted @ 2016-06-20 20:25 起个好名字阅读(262) 评论(0) 推荐(0)

为什么总是要求使用position的时候父类是relative

摘要：当我们使用position的时候，一般来说外面的框架是使用relative，里面的元素使用absolute的，这里有两个注意点： 1.如果我们不给父类一个position属性的时候，那么子元素就会以body为参照物，于是东西就自动【跑掉了】，所以父类的position是必不可少的。 2. 如果父类使阅读全文

posted @ 2016-06-20 18:04 起个好名字阅读(486) 评论(0) 推荐(0)